dcsimg
Graphic Design Resources Directory: Directory of Graphics Software Tutorials and All Your Graphics and Graphic Design Needs
SEARCH SITE / SITE MAP : BOOKMARK US! : GRAPHIC DESIGNER JOBS : GRAPHICS SOFTWARE TUTORIALS : GRAPHICS SOFTWARE : : GRAPHIC DESIGN BLOG : DESIGN EDUCATION
 


 

Creative Public - Creative Graphic Design Business Resources - Graphic Design Business Resources

 All Graphic Design Resources Directory now includes Original Graphic Design Articles, Links to Hand-Picked Graphics Software Resources, Desktop Publishing (DTP) Tools, & Links to Tutorials for Image Editing Graphics Software like Adobe Photoshop or QuarXpress. And visit our most popular pages - Printing Layout Templates, Graphics Software Information, Online Design Classes, Design Schools, Graphic Design Jobs, Design & Layout Articles. If you get lost, visit our Site Map.
 

AddThis Social Bookmark Button

Search Design Schools

Zip Code:

Subject:

Degree:

Online Campus Both

home > Web Design Tutorials > Programming Tutorials > HTML Coding Tutorials > HTML TUTORIALS FOR ADVANCED CODERS

ADVANCED EXPERT- LEVEL HTML TUTORIALS: Expert Level Lessons & Articles for Skills fCreating HTML Based Web Pages, including advanced text formatting, banning IPs, custom error pages, and more.

Advanced Text Formatting - HTML is made up of a great many elements, a lot of which are overlooked, forgotten or just unknown to many web designers. Although with a basic knowledge of HTML you can develop a website, to take advantage of many of the advanced features, and to make pages fully compatible, it is useful to learn these less popular tags.

Ban IP's - A simple method of banning someone from your site.

Colors in HTML - web page color codes and names - Colors for HTML pages can be specified by their names or hexadecimal values. The main advantage with color names is that they are easy to remember. The disadvantages are that they are not displayed equally among browsers and you are limited to only 140 colors (since there are only 140 color names!). If you want to specify colors that are browser compatible you have to use their hexadecimal values.

Custom Error Page
Learn how to create those custom 404 error pages for your site.

IP block - Want to stop a certain visitor from coming to your site? If you have their IP adress, you can. Copy the code below, and paste into notepad (start>>programs>>accessories>>notepad). Change 00.000.00.00 to the IP address of the person you want to block. Name this file .htaccess and make sure it doesn'....

Iframe Tutorial - A good long tutorial explaining how to create iframes and also links to iframes.

No Right Click - Make it so the user can't right click on your website!

Forms - Interactivity is increasingly becoming a major part of many websites. Although the systems are all run by backend software, such as PHP or ASP, there must still be a front-end interface for the visitors to use. The sending of data to a script on a website is achieved by using HTML forms.

Further Forms - In the last part, you learned how to create a basic form in HTML, which included a simple textbox. HTML forms allow you to have a huge number of different form elements, though, and some of these will be covered in the following page.

HTML Layout - Everywhere on the Web you will find pages that are formatted like newspaper pages using HTML columns.

HTML Fonts - The tag in HTML is deprecated. It is supposed to be removed in a future version of HTML.

HTML Styles - With HTML 4.0 all formatting can be moved out of the HTML document and into a separate style sheet.

HTML Head
The head element contains general information, also called meta-information, about a document. Meta means "information about".

HTML Meta
HTML also includes a meta element that goes inside the head element. The purpose of the meta element is to provide meta-information about the document.

HTML Uniform Resource Locators - Something called a Uniform Resource Locator (URL) is used to address a document (or other data) on the World Wide Web. A full Web address like this: http://www.w3schools.com/html/lastpage.htm follows these syntax rules…

HTML Scripts - Add scripts to HTML pages to make them more dynamic and interactive.

HTML 4.0 Standard Attributes - HTML tags can have attributes. The special attributes for each tag are listed under each tag description. The attributes listed here are the core and language attributes that are standard for all tags (with a few exceptions):

HTML 4.0 Event Attributes - New to HTML 4.0 is the ability to let HTML events trigger actions in the browser, like starting a JavaScript when a user clicks on an HTML element. Below is a list of attributes that can be inserted into HTML tags to define event actions.

HTML URL-encoding Reference - Below is a reference of ASCII characters in URL-encoding form (hexadecimal format). Hexadecimal values can be used to display non-standard letters and characters in browsers and plug-ins.

Including sound and music - The simplest method of adding sound/music to your pages is via a text or an image link. The link points to the audio file. When you click on this link, the audio file is downloaded from the server. The browser detects the file type and either launches another program or use a plug-in to play the file.

 

Embedding Video - Video files can be easily included in your pages using the tag.

Inline Frames
Inline Frames were introduced with Micorsoft Internet Explorer version 3.0. They have since been taken up by the World Wide Web Consortium and are now a part of HTML 4.0 standard. Netscape (till version 4), however, does not display inline frames so you may have to load this page in Internet Explorer to see inline frames.

Lists, Headings & Base - There are many features of HTML which, even with the greater acceptance of CSS, are still used often, and have no real replacement, in fact the header tags (explained later) are very important when using CSS.

HTML Meta tags - Keyword - Refresh - Redirect - Meta tags are generally used to include information about a document such as author name, creation date, copyright information etc. They always placed between the tags of an HTML document.

Random Page Titles - Learn how make random page titles for your site!

Sizing Up the Browser - Form Elements If you like control, then we have one piece of advice: Before designing pages with forms, take a deep breath, because it won't be a joyous experience. Form elements don't like to be tamed. Depending on the browser being used, form elements will vary in size, spacing...

Transparent Flash And DHTML Layers - You can't go to a major web site anymore and not have an ad pop-up on you, layered over all your text. Usually they're done in Flash, complete with animation and interactive features. Nissan has produced some of the coolest buy far. Microsoft has a new one out promoting their mobility capabilities.....

Table BG Rollovers
Create some cool table cell rollovers in this simple tutorial!

Transparent Iframe - Learn how to create a transparent iframe.

Random Page Titles - Learn how make random page titles for your site!

Sizing Up the Browser - Form Elements If you like control, then we have one piece of advice: Before designing pages with forms, take a deep breath, because it won't be a joyous experience. Form elements don't like to be tamed. Depending on the browser being used, form elements will vary in size, spacing...

Transparent Flash And DHTML Layers - You can't go to a major web site anymore and not have an ad pop-up on you, layered over all your text. Usually they're done in Flash, complete with animation and interactive features. Nissan has produced some of the coolest buy far. Microsoft has a new one out promoting their mobility capabilities.....

Table BG Rollovers
Create some cool table cell rollovers in this simple tutorial!

Transparent Iframe - Learn how to create a transparent iframe.

Why use HTML 4.0?
The original HTML was never intended to contain tags for formatting a document. HTML tags were intended to define the content of the document like…

Sizing Up the Browser
Form Elements If you like control, then we have one piece of advice: Before designing pages with forms, take a deep breath, because it won't be a joyous experience. Form elements don't like to be tamed.

Transparent Flash And DHTML Layers
You can't go to a major web site anymore and not have an ad pop-up on you, layered over all your text. Usually they're done in Flash, complete with animation and interactive features.

IP block
Want to stop a certain visitor from coming to your site? If you have their IP adress, you can. Copy the code below, and paste into notepad (start>>programs>>accessories>>notepad). Change 00.000.00.00 to the IP address of the person you want to block. Name …

Favicon
Add a favicon to your site, an icon which sits next to the address bar and on your favourites!

Iframe Tutorial
A good long tutorial explaining how to create iframes and also links to iframes.

Table BG Rollovers
Create some cool table cell rollovers in this simple tutorial!

Ban IP's
A simple method of banning someone from your site.

Random Page Titles
Learn how make random page titles for your site!

No Right Click
Make it so the user can't right click on your website!

Transparent Iframe
Learn how to create a transparent iframe.

Custom Error Page
Learn how to create those custom 404 error pages for your site.

Advanced Text Formatting
HTML is made up of a great many elements, a lot of which are overlooked, forgotten or just unknown to many web designers. Although with a basic knowledge of HTML you can develop a website, to take advantage of many of the advanced features…

Lists, Headings & Base
There are many features of HTML which, even with the greater acceptance of CSS, are still used often, and have no real replacement, in fact the header tags (explained later) are very important when using CSS.

Further Forms
HTML forms allow you to have a huge number of different form elements, though, and some of these will be covered in the following page…

Advanced HTML
In this advanced html tutorial, discuss advanced topics of html tags…

Analyzing Complex Tables
As you can imagine, some tables can get quite complex using the many attributes we've learned so far. In fact, most of the tables you code will be drawn on paper before being coded on your web page. Here's a step-by-step list of how to go about analyzing …

Stacking Tables
Sometimes a table defies normal analysis. In these cases, it's a good bet that "stacked" or "nested" tables are being used. Stacked tables are tables coded on top of one another with no space between them. Nested tables are tables that are placed inside …

Tabular Formatting
Tabular formatting is uses tables to visually organize the content of your web pages. There are two main reasons why a web page needs some thoughtful layout.

Tabular Nav Bars
A Nav Bar is simply a formatted list of links used for web site navigation. A "tabular" nav bar is laid out using HTML tables…


Table Stacking
Many pages use a layout where the main content is "boxed in" by columns and horizontal nav bars. This produces a nice "box" effect that separates the page's main content from the navigational links, advertising, etc.

Why Position Images With Tables?
Tables can position images and text more precisely than the ALIGN attribute of the tag. Borders can be used to further enhance the connection between an image and its related text.

Build an HTML Calendar
Here's the code I used to create the calendar…

Realtime chat from your website tutorial
Learn realtime chat from your website tutorial…

Button Color Flip in DHTML
Another great rollover effect, this one for buttons.

Non-dithering Colours
Using the special non-dithering range of colours on your webpage ensures that the colour will look the same in all browsers on all platforms, instead of resembling a pixellated mess.

Advanced Selectors
Basic selectors are fine to gain access to most elements, but if you want to control the stylings of very specific elements, you’ll need more complex selectors.

ACSS: Aural Style Sheets
ACSS: Aural Style Sheets. How does your page sound?

CSS and Media Types
Web pages are often thought of purely in terms of the computer screen. What many developers do not fully appreciate is that the web is increasingly a multi-medium information source.

CSS and Spacing
So by now you have your page and all your text styled and formatted the way you want. Now it's time to start giving parts of your page room to breathe, by spacing them out with margins and padding. Henceforth, you will be able to space out all your page's

Create custom error pages with .htaccess
Learn how to create custom error pages. The standard error pages can be very annoying. When you move a page in your site, visitors have no way of finding where you moved it to in the error page.

Custom 404 Error
Everyone’s encountered the frustrating 404 error page. You follow a link, looking forward to the joy waiting for you on the other side, when BAM! you get an error because the page you were looking for doesn't exist. Maybe it was moved, maybe it was never

Advanced HTML Tables
If you've been using HTML tables for a while then you'll know they don't always work out as intended.In this article we investigate some of the bugs that can trip you up, and also look at advanced uses, including nested tables, colored borders …

HTML Advanced Guide
The aim of the HTML Advanced Guide is to show how to fully exploit the features of HTML and how to optimise it for accessibility.

Embedding multimedia objects
Do you know that IMG tag allows you to place video files as well as pictures onto the page? But it is preferable to use OBJECT tag for audio and video multimedia types.

HTML forms, POST method
In this huge tutorial you will see a description of all available input elements that can be used in standart HTML form. Also read about the POST data transfer method.

Hyperlinks
This tutorial is for those of you who know little about the hyperlinks. Don't you know how to specify a login and a password for the FTP connection hyperlink?

Loading into two frames simultaneously
Do you know that using some simple JavaScript function you can load different pages into different frames simulteneously if those frames are located on the same page.

Custom text for status bar
This method is often used to attract and cheat visitors and you can seldom see good application of this really useful technique of changing text in the status bar of the browser.

 

Tool tip for text
You should know already about the TITLE attribute that creates a tool tip for any link. Here you can read the trick about how to create a tool tip for any common text.

Using ImageMap
If you need to assign the URL address to a certain part of an image this tutorial will teach you how to do it. You can have any number of active areas on a picture.

Centering
How to centre image on the page regardless of screen resolution of a visitor's machine ? A lot of corporate sites uses this coding technique for their "splash" pages.

Nowrap parameter
Sometimes my HTML tables go mad and change their width to the size bigger than my screen resolution. If you get this problem too, read this tutorial.

Redirecting URL
If you are moving from one hosting company to another, you should know how to keep your existing visitors and teleport them to a new location.

Submit button
Do you know that almost all modern sites have the submit buttons masked with images ? Here is how to do it.

Reading and deleting the message
The final part of the trilogy about creating an antispam method of getting feedback. Now you know everything you need!

Recieving the message
The next part of the story about a PHP-based method to manage a reliable feedback path from the visitors of your web-site providing that your address won't be known to spammers.

Embedding Files Into your site
I'm going to show you how to embed music/video files into your files. It's actually a pretty handy feature, and is still supported by standards-compliant browsers. This is quite a quick and easy tutorial, so sit back and relax.

Simple Menu
This tutorial will show you an easy way to make a navigation bar. Neater navigations are becoming more and more popular, so we figured it was our turn to come out and make a tutorial on how to make one.

Adding a 'Mouse Over Image' Menu to your Page
This tutorial walks you through adding a MouseOver Image Java Script Menu to your page. Mouseover java script is where you rollover the image with the mouse and it swaps the image for another.

Adding a 'Drop Down' Menu to your Page
This tutorial walks you through adding a Drop Down Java Script Menu to your page. A Drop down menu is where you have multiple options stored in a menu accessible by using the scroll bar arrow..

Scroll Bars
Matching scrollbars are a great way to make your site come together and look much nicer. To change te look of your scroll bar, you must add the following code in your section.

Graphicsacademy - How To Prevent Image Copying
In this tutorial, we'll discuss how to prevent people copying images from your web site to your own.

Htmlgoodies - Password Protected Page
Learn how make a password protected page…

Streaming MP3
To stream MP3's on a page you will need to have an MP3 player like WinAmp, Windows Media Player, or Real Audio Player. The MP3 will stream as it loads on the page and will allow for longer larger sound files to be played.


Inserting Midi or Wav Files on your page
Following steps tell how inserting Midi or Wav Files on your page…

Adding Background Sound
To add sound as background music on your page, use the tag. This tag has a few attributes to it. Let's look at them…

HTML Table Tips
Learn how to use HTML tables creatively to design attractive and fast loading web pages.

Image Maps Tutorial
An Image Map is an image that has special "hot-spots" defined by the creator. A hot-spot is an area on the image that contains a link, and can be clicked on by the user. An image map can contain as many hot-spots as you want. An image map is different fro

Adding Sound Tutorial
Sounds can be added to your page with one simple tag. All that is required is a sound file that is accessible on the server with your page files.

Anchor Names Tutorial
By using the name attribute of the tag, you can cause a link to lead directly to a certain part of a page. In other words, if you were to click on the link, instead of being brought to the top of the target page, you would be brought to a certain area

Forms Tutorial
A form allows visitors to input information into form fields and submit it to a form processing program. The form processing program can then perform any number of operations on the contents of the form, such as send it to the webmaster's email address…

Frames Tutorial
Frames enable you to display multiple pages at the same time, next to each other and/or on top of each other. They can be used to create a better page layout, or to create a simple navigation system.

Tables Tutorial
Using tables can give you greater control over the layout of your page, or be used to enlose data in table data cells. Anything can be enclosed within a table, including text, images, and other HTML elements. Tables are made up of table data cells within

Lists Tutorial
Lists are a very simple option of HTML. They allow you to create a list (surprise, surprise...) consisting of list elements. You can specify what kind of bullets you want in front of each list item based on the tag you choose.

Meta tag Usage
To many people, META tags are one of those things about a website that they tend to ignore, since nothing contained in the tags will show up on the page.

Document Margins
Browser windows have always had a default margin around them. Margins were origionally 'built in' to HTML documents for aesthetic appeal, and they keep a web page from looking too crowded.

Advanced HTML Navigation
The introducing HTML navigation tutorial provided an introduction to the concept of virtual focus mode and how HTML content can be navigated. In this tutorial we will return to look more closely at some of the concepts previously discussed and introduce…

Advanced HTML: Tables and Frames
Once you're comfortable with standard HTML tagging, you may decide that you need more advanced techniques to convey your information more effectively and enhance the look of your web site. Netscape offers two useful HTML extensions which can accomplish …

Advanced HTML
Here is an example of a table with 2 rows and 3 columns. The alignments and background colors are varied, so you can see how to do it.

Advanced HTML Tags
So far, I've shown you a few HTML tags to add structure to your document: the heading tags, paragraphs, links and the two generic tags with no meaning . Here I will introduce some more…

 

AddThis Social Bookmark Button


[CaRP] php_network_getaddresses: getaddrinfo failed: Name or service not known (0)

DESIGN DIRECTORY : PORTFOLIO FREE : GRAPHIC DESIGNER JOBS : GRAPHICS SOFTWARE TUTORIALS : GRAPHICS SOFTWARE

WRITE ARTICLES FOR US & FREE PROMOTION OF YOUR GRAPHIC DESIGN BUSINESS

We are looking for submissions of Graphic Design Tutorials and Articles from Knowledgeable Graphic Designers and Publishing Professionals. We will add a paragraph about your graphic design services (or other services as long as it is not offensive) along with your published article. We will add your contact information, including your graphic design business' website link, within this paragraph. AllGraphicDesign.com gets around 16,000 Unique Visitors every day and this could mean a nice amount of traffic being sent to your graphics business' web site (or your graphic design portfolio). Find Out More Here

 

 

Please click here to visit our sponsor

Graphic Design Menu


[CaRP] php_network_getaddresses: getaddrinfo failed: Name or service not known (0)

BOOKMARK THIS PAGE! :: MAKE US YOUR HOMEPAGE  :: SIGN UP FOR NEWSLETTER :: ADD YOUR PORTFOLIO FREE :: DESIGNER JOBS :: FREELANCER JOBS

OUR FRIENDS -- Adobe Photoshop Tutorials -- Photoshop, Flash, 3D Studio Max Tutorials -- Web Designers & Developers --Photoshop Tutorial Man -- Tutorial Guide -- Free Webmaster Tutorials -- Web Designers -- Web Design Portfolio --AllFreelanceWork--AllFreelance--Artists Helping Children --All Creative Portfolios -- All Work at Home Ideas

All Graphic Design Resources Center is always looking for more information & resources to put into our graphics directory portal. If you have any design or dtp resources that you think would fit in well, such as graphics software links, graphics and clipart foundries, objects, filters, fonts, desktop publishing or other graphic design resources articles, templates, etc...Please email us and let us know. All Graphic Design Resources Center has been around since 1998 (originally as deezin dot com), offering desktop publishing information and graphic design resources to make your web search for graphics stuff easier. Let us know how we can make All Graphic Design site more helpful for you! All informational links are hand added by an editor. Thank you for visiting our site and don't forget to bookmark this site.

R E L A T E D . L I N K S

About Us | FAQs | Contact Us | Terms of Use | Privacy Policy

All website design, text, graphics, selection and arrangement thereof, and software are the copyrighted works of Allfreelance, © 2003 - 2016 QuinStreet, Inc.