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 INTERMEDIATE TUTORIALS

INTERMEDIATE HTML TUTORIALS: Links to Lessons for Learning about HTML Coding & Design including forms processing, inserting buttons, absolute positioning, hex codes ...

1 x 1 Images - Here's a great way to cut down on bytes and speed up the loading of your page. Use a 1 x 1 pixel image and shape it just about any way you want.

Absolute Positioning - Absolute positioning allows you to set an object's placement on a page by setting its offset position from the left, right, top, and bottom margins. When an element is positioned absolutely, it is removed from the normal flow, and has no effect on other elements in the normal flow. If the style ....

Adding Movies To Your Web Page - Although I've been working on web sites since 1993, it's only been in the last year that I've started playing around with video on the Web on my own sites and on some of the sites I've designed. Now that standard web connections are faster than ever, video is more accessible than ever.

Align Link Buttons - This tutorial explains how to line up the link buttons described above.

An Explanation of Hex Codes - How does a Hex Code Make a color?

Automatic refresh, redirrect - Learn how to make automatic refresh, redirrect on your pages.

Active Image
This will help you along with the process in making any image an active hypertext link.

A List Of Sensible Fonts - This is just for starting web user's. Its just a simple list of common fonts to use on your web pages (In your font tag).

Animated .gif
This tutorial guides you to download all the software you need, then walks you through creating your first animated gif. Heck, I even provide the first four images.

Basic Forms - This tutorial outlines the basic format of a html form and the most common form elements.

Color Code Reference Guide - This is a list of 140 hex and word codes

Colorizing text, links, visited links - Learn how to change the color of text, links, and visited links.

Custom HTML Forms - This Massive User Registration tutorial covers all the aspects of preparing a user registration process (Form creation, form processing and validating, redirection to custom error pages, database table creation and data insertion): this part teaches you how to create custom forms to be places on your website

Client Side Image Map - This map works through placing coordinates on the HTML page. This is the most popular method in use today.

CGI Image Maps - This describes the creation of a CGI (Common Gateway Interface) image map. This type of map will work on all browsers as long as you have the CGI to attach it to

Create Your Own "First Visit" Popup Window - It's a proven fact that the use of popup windows is a highly effective marketing technique that produces great results. However, they can be very irritating to your visitors. How can you use this powerful marketing technique without offending your visitors? Compromise and use a popup window that on....

Cascading Style Sheets (CSS); Backgrounds - Background colors and images can be used for stylistic effects and can be an important element in the design of web sites. With standard HTML, one can assign backgrounds to a web page and to tables and table data cells. Compared to what one can do with CSS, however, HTML is limited...

Common Elements for Website Pages (Exclusive Article) - Among the common elements for all website pages, I have in mind those elements which are on all pages of the site, elements such as the menu, a tablet with counters, “the hat”. Often with such elements there can be BIG problems. For example, you've decided to place a new counter, you've registered.....

Connecting to Database - Go to Window > Databases or Press Ctrl+Shift+F10 to open Databases window if it is not open. Press + sign and choose MySql connection. You will be displayed with the pop-up window where you can insert the database connection details. Give a name for the connection in the first field. Sec...

Clothing for a Website - Though it’s possible to design one web site hundreds of times, we won’t do it. We will instead clothe one site with a multitude of different looks.

Create & Publish Your Own HTML Ezine - This tutorial course (9 pages) will guide you through all the steps on how to create & publish your own HTML Ezine.

Creating Login Page - This tutorial will teach you how to make a login page in Dreamweaver MX. At the end of the tutorial you will have a page where users can enter their username and password and if the username and password which they entered match the records in the database they will be allowed to enter the restricte...

 

Create Rollover/MouseOver effect - This tutorial will teach you how to do a MouseOver effect on your buttons. Download these two buttons to do this tutorial or use your own buttons if you have one. Open a new page in Dreamweaver, and and press Rollover Image button on the Common panel. After you have clicked the Rollo...

Changing table background on MouseOver - This tutorial will teach you how to make a menu like tables that will change background color when you mouseOver. If you have noticed I have used it on my index page. 1. First create your menu on your page. Then identify your two colors, one is for mouseOver and another one for initial color. In m...

Customizing Your Sites Backround - This tutorial deals with 3 options to customize your sites backround. Backround Color, Backround Images and Backround Edges.

Colored Link Button - This will allow you a way to put color into those link buttons you all love so much.

Cursors - To change the cursor on an individual link, copy the code below, and change LINK TEXT to the text you want to use for your link, and change YOUR URL to the url you are linking to.

CSS and Forms - Style Sheets allow you so much control over your forms.

Creating more complex page layouts using nested tables - When you move on from creating basic pages you'll need to understand how to create those layouts. There is always the Layers option, but they offer some limitations

Customized Favorites Icon and Bookmarking Script - If you have ever visited sites such as Yahoo and added them as a favorite, you would have noticed that the icon is very different to other bookmarks in your list. This is a very simple feature to implement. This tutorial will help you make the most of these standard browser features for marketing yo...

Customizable 404 pages - A 404 error page comes up whenever someone clicks a broken link, or goes to a URL on your site that doesn't exist. To make a custom 404 error page you must first make a page that you want to be your 404 error page. It can have images, CSS, a message about the error, etc... Name this page 404.html,....

Css Borders
Using CSS you can apply a border to elements like table cells and images. You can define individual edges (border-right for example) or you can apply the same effect to every edge (border). Below is a list of variables. border-width border-style border-color

Creating Multiple Link Styles - This is really easy to do but it took me forever to figure out. I wish someone was around to tell me like I about to tell you. Lets say you had a page with a dark colored side and a light colored side but the link style you have is a dark color that makes it really hard to read on the dark side of t...

Creating and linking external CSS files - It is particularly useful to keep one css file for the entire website rather than having individual CSS styles in every page, advantage of having a separate CSS file is, it is easy to update and maintain the look and feel of the entire website from a single file...

Dreamweaver Form Rollover buttons - Dreamweaver has always made using roll over buttons in your web pages easy and recent releases even have a library of Flash buttons that you can use on your site. However, I bet you did not know, that with the addition …

Datasheet control - Author Ben Hunt is principal consultant at Scratchmedia Ltd. and his client list includes the BBC. Here he guides us through the process of creating a datasheet.

Define Page Scrollbar Styles - Before we look into Page Scroll Bar definition, please have a look at the example here. Well it does not look that good, but that is just for the differentiation of the areas of the scrollbar. Once you know which area is defined with which code you can modify it as you like.

DOM Image Rollver - Image rollovers represent the classic and "timeless" JavaScript effect. Well, this DOM script makes the process of adding them as simple as can be, by allowing you to apply a rollover to any image through just the insertion of a custom attribute (hsrc) inside the image's tag.

E-mail forms - E-mail forms are a simple way of getting information from your visitors to you. All they have to do is fill out a form and hit send, and the information is sent directly to your inbox. Here is an example of a decorated form:...

Embed Video - Embedding a video is pretty simple. In fact, it follows the same format as embedding a sound. But there are problems along the way. Here's a quick look at the process.

Escaping Frames and Staying within Frames - Got a page you don't want to open in someone else's frameset? Got a page that you do not want to open outside of a frameset? This will tell you how.

Enable/Disable Buttons - Use a checkbox to either enable or disable your form elements.

Flash Player Detection - Open a new page and save it as detection.html. Create one more page and save it as found.html. Create one more page and save it as notfound.html. By now you should have 3 pages. detection.html - page to detect flash player found.html - if flash player found it will redirect to this page ...

Form Validation
First create a new page and save it as form.html Go to and Insert > Form and after insterting from, point your cursor inside the Form field and go to Insert > Table and enter the values as shown below.

Form Buttons - This tutorial explains how to place a clickable button on your page. The button will link to another page like a simple HREF command.


Forms Accessibility - There are a number of tags and tricks (some from HTML 4.0) that you can combine to make your forms easy to use for all readers.

Forms Presentation - CSS can add some colour into your forms, and instead of using the usual gray submit button at the end, you can finish off your forms with any image you want.

Frame Border Color - Here's a very short tutorial on adding some color to your frame pages

FIELDSET & LEGEND - Spice Up Those Forms in IE using Fieldset & Legend.

Faster Loading Pages - Learn to use these commands inside of image commands to get your pages to load very quickly.

Fake Image Map - Can't get the CGI or client-side deals to work? Try this. It is very popular, mainly because you can set sections of the fake map to be animated.

How to open a Fixed (size) Window - Opening a fixed window can be very useful especially if you want a user to see some useful things in that particular window, it can be a photo gallery or Rules & Regulations that you want to display when the user clicks...etc. You can display anything on it and you can specify the size as well, so t...

HTML Form Tutorial - HTML forms are a means of collecting information. People fill in a form and/or select something. Then they click a button. Forms don't actually process information.

HTML Forms Validation On The Client Side - Form validation on the client-side is essential - it saves time and bandwidth; you also have better control to show the user the wrong field. This comparison of different validation methods includes comments for improving portability and maintainability.

HTML 4.0: Frames - How does HTML 4.0 affect frame creation? Here's how!

Introduction to Frames - This is a basic introduction to frames covering the commands and what they do to the browser screen.

In-Line Frames - Think frames -- but frames within a page that act just the same as full-screen frames. This is how you do it.

Image Maps - Learn how to create Image maps in Dreamweaver

Image Map Rollover - Use an image map to set section apart to roll over.

Images - This tutorial is written to teach you about images, and the properties of images you can set.

Image Formats on the Web - This tutorial/essay goes into great depth regarding images in general. BMP, GIF, and JPEG formats are then explained with loads of examples. The scans are from my trip to Turkey. Come look at my vacation photos!

Inserting Fireworks HTML into Dreamweaver - In this tutorial we are going to insert a table that was created in Fireworks (be sure to check out the Fireworks tutorial on Creating a Navigation Bar). Once we have inserted the Fireworks HTML into our Dreamwe…

Invisible Objects
Use CSS's visibility property to make objects or elements on a page invisible. Normally this feature is pointless, but it is an excellent way to improve your search engine rankings. This enables you to add or restate search terms on your page that are related to your site's topics, but make the.....

Inserting images with CSS - This article assumes that you know at least basic HTML; you know what a tag is and how to use simple tags like the img or the tag. If this is confusing you, you need to read my tutorial for total beginners on web design - it's really easy and people seem to like it, so give it go!

Links and Styles - As you know there are four states of a link, namely: Initial State, Visited State, Mouse Over State and Active State. For example if you were to put the following code between "head" tags in the page, all the link states in that page would be red…

Lists Uncovered - All HTML lists explained with ideas and examples.

Limiting Checkbox Use - Here's a script that limits the number of checkboxes a person can choose.

Link effects - To make your links flip vertically when you go over them, copy the code below and change #000000 to your preference.

LowSrc Command - This command allows you to help the viewer out by loading a lesser version of a picture before the big color version comes in. Log into the page to see an example of what I'm talking about.

Making PHP Read As HTML - In a recent article I wrote, I mentioned a neat way to track when Google visits your Web site. The only problem is I got dozens of E-mails from people who used the ".html" extension on their pages who wanted to know how they could make it work on the Web site they run. I have good news. With a li.....

Make this your home page Button - With the click of a button, anyone can make your home page their startup page.

Multiple Frame changes with one button - Follow this tutorial to learn how to use one button to change two or more frames in one shot.

Measurement Units
Heres just a list of measurement units you can use when setting the height/width of things in your web pages or style sheets.

Non-Dithering Color Codes - Use these most often in your Web pages.

No Print Script - Demo: Try to Print this page or Print Preview. Put the above script between the "head" "/head" tags in your page. It will make your page empty when it is printed. The code is fairly simple to understand.

Null Links - First of all, when you design a website you will take some steps to make sure your website is viewed without an error. That is why when I am attaching behaviors, I set the Show Events For to 4.0 and Later Browsers. Well this is a good precaution in preventing errors, but it has some disadvantages.

 

Overflow - Tired of IFrames? The CSS overflow property, which specifies what should happen when an element's content is too big to fit in a specified area, can be used as an alternative.

Populating a Drop Down Menu with Info. from a Database
Surviving the basics A drop down menu is the most popular way to cram a lot of links into a small space. A drop down menu (also called a "drop down") is a list of web pages. The user selects one of the options and presses, the choice that has been selected will then stay selected permanently...

Pre-Load Images - Set up your pages so that the images are in the cache waiting to be used rather than downloading each image as you need it.

Redirection based on browser type - Intro: This tutorial will teach you how to make a script that will redirect users based on their browser type to different pages or url. It is restricted to two browser types only which are Internet Explorer and Netscape Navigator.

Remove the Hand Cursor - This teaches you how to create an image link that does not produce a hand image when the cursor passes over it. I don't know why you'd use it, but why not tell you about it?

Remove Underlines from Links - In this tutorial you will learn how to remove underlines from links

Roundtrip Graphics Editing with Dreamweaver and Fireworks - Select the graphic that you would like to edit. Notice that I want to modify the graphic that says YourSite. This image is named header/r1_c1.jpg. Equally important is the source file, which is …

So, You Want A Form, Huh? - This is a basic forms tutorial. It explains the basics of placing input items on an HTML page.

Setting the Tab Order
Many browsers let users navigate through their links, image maps, and form elements with the Tab key. You can determine a custom tab order to emphasize certain elements.

So, You Want A Guestbook, Huh? - This is what everyone wants from a form. A guestbook!

So, You Want An Image Starting Your Form, Huh?
Instead of using the dull gray submit button, why not use a colorful image to submit your form data?

So, You Want A Searchable Database, Huh? - Use AltaVista or HotBot for your own site.

So, You Want A Form Attachments - Try to attach files to your email right from your Web pages.

Scrollbar Colouring - Using CSS you can change the colours of scrollbars that appear at the edge of pages, text areas and frames. The below CSS defines these colours. Different parts of the scrollbar have different names (explained below). To change the colours simply change the 6 digit colour code

Screen Capture - Use PaintShop Pro to capture any image on your computer's screen.

Seamless Frames - Use frames...but don't let them see the seams.

Spice up Your Input Boxes - Customize your input boxes by adding a simple bit of style code to your input box tag. Change its boarder look, weight and colour. A nice change to the standard look.

Site Design Made Simple
- Most sites are done with tables in html. Most newbies (and vets) make the interface and then modify that interface per page, making many html files with mostly identical code. This has many obvious problems, like if you want to update a link, you have to go threw every page and modify it...

Scrollbars Tutorial - Have you always wondered how all these websites customize the colour of there scrollbars? Well read this mini tutorial, its easier than you think.. Step 1. Firstly open your page document in notepad, dreamweaver.....

Tabular List control - This worked example applies styling and functionality to a basic grid of data to produce a simple form control that's a pleasure to use…

Transparent Image - Pages look dull if everything's square. Find out how to eliminate the white space around your images so they appear to just "float" on your pages.

Tabindex Command - Set your forms to jump correctly when a user hits the tab key.

Text Over Images - Place text over your images with HTML commands alone!

Thumbnail Images - Please be kind with your large images. Big ones take a long time to download. Let the viewer see a smaller version to check if he/she even wants to spend the time waiting for it.

Turning off the Internet Explorer image toolbar
IE 6 has this (in my opinion) annoying little toolbar that appears when someone places their mouse pointer over an image

Table Border Colors - Don't only color the cells - work on the borders too.

Text Color Flip in DHTML - A great text color rollover effect.

Table Properties
Ever wonder how to get your table border as thin as 1px but when you se border="1" and it looks like 2 or 3 px wide? Well here's how. First within the table tag we will add a CSS code (Cascading Style Sheet). To do this we add style=" " parameter…

Web Page Forms - Web page forms were the first interactive capabilities made available to web developers, followed by the use of CGI scripts and more recently by the rise of JavaScript. All three can act in concert to create exciting, but more importantly, useful web pages.

Working with MSIE's AutoComplete - Working with MSIE's AutoComplete. Use it or Don't.

Working with Layers - Layers are very important, at least you should know how to use them, because they are very flexible in designing something of your own. When you want to create your own navigation system, or to make a mouse over actions, or even tooltip you can do all these with layers very easily. In this tutorial ...

XHTML Snippets - These XHTML snippets with explanations will help you to learn standards compliant coding. The snippets are also useful for a quick reference guide.

Populating a Drop Down Menu with Info. from a Database
Surviving the basics A drop down menu is the most popular way to cram a lot of links into a small space. A drop down menu (also called a "drop down") is a list of web pages.

Spice up Your Input Boxes
Customize your input boxes by adding a simple bit of style code to your input box tag. Change its boarder look, weight and colour.

Site Design Made Simple
Most sites are done with tables in html. Most newbies (and vets) make the interface and then modify that interface per page, making many html files with mostly identical code. This has many obvious problems…

Create & Publish Your Own HTML Ezine
This tutorial course (9 pages) will guide you through all the steps on how to create & publish your own HTML Ezine.

Tabular List control
This worked example applies styling and functionality to a basic grid of data to produce a simple form control that's a pleasure to use…

Datasheet control
Author Ben Hunt is principal consultant at Scratchmedia Ltd. and his client list includes the BBC. Here he guides us through the process of creating a datasheet.

Common Elements for Website Pages (Exclusive Article)
Among the common elements for all website pages, I have in mind those elements which are on all pages of the site, elements such as the menu, a tablet with counters, “the hat”. Often with such elements there can be BIG problems.

Clothing for a Website
Though it’s possible to design one web site hundreds of times, we won’t do it. We will instead clothe one site with a multitude of different looks.

Table Properties
Ever wonder how to get your table border as thin as 1px but when you se border="1" and it looks like 2 or 3 px wide? Well here's how.

CSS Borders
Using CSS you can apply a border to elements like table cells and images. You can define individual edges (border-right for example) or you can apply the same effect to every edge (border).

Scrollbar Colouring
Using CSS you can change the colours of scrollbars that appear at the edge of pages, text areas and frames. The below CSS defines these colours. Different parts of the scrollbar have different names (explained below).

Creating Multiple Link Styles
This is really easy to do but it took me forever to figure out. I wish someone was around to tell me like I about to tell you.

Creating and linking external CSS files
It is particularly useful to keep one css file for the entire website rather than having individual CSS styles in every page, advantage of having a separate CSS file is, it is easy to update and maintain the look and feel of the entire website…

Links and Styles
As you know there are four states of a link, namely: Initial State, Visited State, Mouse Over State and Active State. For example if you were to put the following code between "head" tags in the page, all the link states in that page would be red…

Cascading Style Sheets (CSS); Backgrounds
Background colors and images can be used for stylistic effects and can be an important element in the design of web sites. With standard HTML, one can assign backgrounds to a web page and to tables and table data cells.

HTML Form Tutorial
HTML forms are a means of collecting information. People fill in a form and/or select something. Then they click a button. Forms don't actually process information.

Adding Movies To Your Web Page
Although I've been working on web sites since 1993, it's only been in the last year that I've started playing around with video on the Web on my own sites and on some of the sites I've designed.

Create Your Own "First Visit" Popup Window
It's a proven fact that the use of popup windows is a highly effective marketing technique that produces great results. However, they can be very irritating to your visitors.

HTML Forms Validation On The Client Side
Form validation on the client-side is essential - it saves time and bandwidth; you also have better control to show the user the wrong field.

Making PHP Read As HTML
In a recent article I wrote, I mentioned a neat way to track when Google visits your Web site. The only problem is I got dozens of E-mails from people who used the ".html" extension on their pages who wanted to know how they could make it work on the Web …

Invisible Objects
Use CSS's visibility property to make objects or elements on a page invisible. Normally this feature is pointless, but it is an excellent way to improve your search engine rankings.

Overflow
Tired of IFrames? The CSS overflow property, which specifies what should happen when an element's content is too big to fit in a specified area, can be used as an alternative.

Absolute Positioning
Absolute positioning allows you to set an object's placement on a page by setting its offset position from the left, right, top, and bottom margins. When an element is positioned absolutely, it is removed from the normal flow, and has no effect on other …

Inserting images with CSS
This article assumes that you know at least basic HTML; you know what a tag is and how to use simple tags like the img or the tag. If this is confusing you, you need to read my tutorial for total beginners on web design.


Customized Favorites Icon and Bookmarking Script
If you have ever visited sites such as Yahoo and added them as a favorite, you would have noticed that the icon is very different to other bookmarks in your list.

E-mail forms
E-mail forms are a simple way of getting information from your visitors to you. All they have to do is fill out a form and hit send, and the information is sent directly to your inbox. Here is an example of a decorated form…

Customizable 404 pages
A 404 error page comes up whenever someone clicks a broken link, or goes to a URL on your site that doesn't exist. To make a custom 404 error page you must first make a page that you want to be your 404 error page.

Cursors
To change the cursor on an individual link, copy the code below, and change LINK TEXT to the text you want to use for your link, and change YOUR URL to the url you are linking to.

Create Rollover/MouseOver effect
This tutorial will teach you how to do a MouseOver effect on your buttons. Download these two buttons to do this tutorial or use your own buttons if you have one. Open a new page in Dreamweaver, and and press Rollover Image button on the Common panel. Aft

Automatic refresh, redirrect
Learn how to make automatic refresh, redirrect on your pages.

Working with Layers
Layers are very important, at least you should know how to use them, because they are very flexible in designing something of your own.

Creating more complex page layouts using nested tables
When you move on from creating basic pages you'll need to understand how to create those layouts.

Connecting to Database
Go to Window > Databases or Press Ctrl+Shift+F10 to open Databases window if it is not open. Press + sign and choose MySql connection. You will be displayed with the pop-up window where you can insert the database connection details.

Flash Player Detection
Open a new page and save it as detection.html. Create one more page and save it as found.html. Create one more page and save it as notfound.html. By now you should have 3 pages.

Inserting Fireworks HTML into Dreamweaver
In this tutorial we are going to insert a table that was created in Fireworks (be sure to check out the Fireworks tutorial on Creating a Navigation Bar). Once we have inserted the Fireworks HTML into our …

How to open a Fixed (size) Window
Opening a fixed window can be very useful especially if you want a user to see some useful things in that particular window, it can be a photo gallery or Rules & Regulations that you want to display when the user clicks...etc.

Form Validation
First create a new page and save it as form.html Go to and Insert > Form and after insterting from, point your cursor inside the Form field and go to Insert > Table and enter the values as shown below.

No Print Script
Demo: Try to Print this page or Print Preview. Put the above script between the "head" "/head" tags in your page. It will make your page empty when it is printed.

Null Links
First of all, when you design a website you will take some steps to make sure your website is viewed without an error. That is why when I am attaching behaviors, I set the Show Events For to 4.0 and Later Browsers.

Define Page Scrollbar Styles
Before we look into Page Scroll Bar definition, please have a look at the example here. Well it does not look that good, but that is just for the differentiation of the areas of the scrollbar.

Redirection based on browser type
Intro: This tutorial will teach you how to make a script that will redirect users based on their browser type to different pages or url. It is restricted to two browser types only which are Internet Explorer and Netscape Navigator.

Dreamweaver Form Rollover buttons
Dreamweaver has always made using roll over buttons in your web pages easy and recent releases even have a library of Flash buttons that you can use on your site.

Roundtrip Graphics Editing with Dreamweaver and Fireworks
Select the graphic that you would like to edit. Notice that I want to modify the graphic that says YourSite. This image is named header/r1_c1.jpg. Equally important is the source file, which is …

Scrollbars Tutorial
Have you always wondered how all these websites customize the colour of there scrollbars? Well read this mini tutorial, its easier than you think..

Creating Login Page
This tutorial will teach you how to make a login page in Dreamweaver MX. At the end of the tutorial you will have a page where users can enter their username and password and if the username and password which they entered match the records in the database

Changing table background on MouseOver
This tutorial will teach you how to make a menu like tables that will change background color when you mouseOver. If you have noticed I have used it on my index page. 1. First create your menu on your page.

Turning off the Internet Explorer image toolbar
IE 6 has this (in my opinion) annoying little toolbar that appears when someone places their mouse pointer over an image: This tool bar offers some minor convenience,.....

Remove Underlines from Links
In this tutorial you will learn how to remove underlines from links

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.

Embedding Video
Video files can be easily included in your web pages...

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.

Cwru - Forms Theory
In fact, the HTML form is, at most, half the story. The other half is a program which resides on the Web server itself. This program is written in a language such as Perl, C/C++, TCL, AppleScript, or another Common Gateway Interface (CGI) language.

Make this your home page Button
With the click of a button, anyone can make your home page their startup page.

Align Link Buttons
This tutorial explains how to line up the link buttons described above.

Colored Link Button
This will allow you a way to put color into those link buttons you all love so much.

Form Buttons tutorial
This tutorial explains how to place a clickable button on your page. The button will link to another page like a simple HREF command.

Color Code Reference Guide
This is a list of 140 hex and word codes…

Text Color Flip in DHTML
A great text color rollover effect.

Using Text-Based Rollovers
These are great for aiding the user in navigation while not slowing the loading of your page through image flip rollovers.

CSS and Borders
If you can put it on your HTML page, you can now get a border around it, and different types of borders too.

The RevealTrans Filter tutorial
Great quick effect. Images and text go away and then come back.

Text Rollover
Make text links change color, size and font when you "mouseover" them.

Table cell rollover highlights
Learn how to do that cool effect where the background of a cell changes color when the mouse rolls over it without needing to know Javascript.

CSS Layout
CSS2 offers powerful layout techniques. You can throw off the restrictions of table-based layouts in favour of pixel-perfect layout of your pages.

Having more than one color on your links tutorial
Learn how to create multi colored links on one page…

CSS and Text
CSS gives you unprecedented control over the size, formatting and layout of your text. Learn all the commands here.

Creating and Linking External CSS files
Learn how to create and link external CSS files to your HTML pages.

CSS and Scrollbars tutorial
Put color in that scrollbar…

Adding Generated Content in CSS2
Learn all about adding Generated Content using CSS2, from string and image content, to generated quotes and counters.

Dynamic HTML
DHTML Stands for Dynamic HTML and it employs Style Sheets. It's quite interesting.

Positioning
These are CSS commands that allow you to place images and text exactly where you want them -- on any browser.

CSS and Links
Using CSS commands you can format your link text with many new effects and make text rollovers too.

CSS and Borders
With the aid of stylesheets you can now add all sorts of borders to any of your page elements.

Named Colours tutorial
Instead of having to memorise complex HEX codes, why not just use a far more meaningful name? We have them all.

CSS and Backgrounds tutorial
These are all the properties and values for giving your HTML elements background colours and images, as well as positioning images and setting fixed watermarks.

CSS and Cursors
There are 17 different ones to choose from…

CSS and Lists
Add some style to your lists!

 

Classes and ID's
This is a down and dirty quick use of Style Sheets to set up Classes of text styles. It's fast and it works.

CSS and Printing tutorial
No, you cannot force a browser to print your page, but you do have some control over how it will look when the user does print.

Resetting forms using an Image button
Tutorial of resetting a form using an image button (image field)...

Script Phone Number Validation into your forms
Tutorial of Script Phone Number Validation into your forms…

Add Date Validation to your forms tutorial
Tutorial of Add Date Validation to your forms…

Script Email Validation into your forms
In forms when using email ID fields it is a good idea to use client side validation along with your programming language validation.

Creating A Simple Email Form
This tutorial walks you through creating a simple Java Script email form to your webpage. A form consists of multiple boxes to select, check, add text to. This form will be emailed to you upon completion.

Use an image for the submit button
Learn how use an image for the submit button…

Form Attachments
Try to attach files to your email right from your Web pages.

Using a checkbox to enable or disable form elements
Learn how enable or disable form elements by using the check box…

Escaping Frames and Staying within Frames
Got a page you don't want to open in someone else's frameset? Got a page that you do not want to open outside of a frameset? This will tell you how.

Loading into two frames simultaneously tutorial
If you use two iframe elements in your web-page then may be you'll need to load simultaneously new documents in each of them by clicking on the link.

Table Tips and Tricks
Don't be afraid to add other HTML Tags inside the table, such as links, font size/color, images, alignment, widths/heights, column/row spanning, colors, nested tables, borders, etc. Don't use pixel widths unless absolutely necessary, use percentages. Peo

Internet Explorer Tables
You'll find that you have many more layout and design options when you are creating Tables for Internet Explorer. Keep in mind that this excludes all browsers but IE. The Table Code examples below will only list the relevant source, not the source of the

HTML Special Characters and Browser Compatibility
HTML 4 includes around 250 special characters, or character entities, such as § ± and ‡. But which ones work in Explorer 5 and Netscape 4, and which ones only show up in IE6 or N6?

HTML Intermediate Guide
Whereas the purpose of the HTML Beginner's Guide was to teach the bare essentials, this guide adds a few nuts and bolts, which shouldn't be particularly difficult as such, but will add a bit more to our understanding of HTML …

Alternating table rows
Learn a simple way to print out some resulting data in a beauliful and convenient form - as a table with differently coloured rows - be the means of php…

How is CSS aplied
Everyone knows that Cascad StyleSheet - ?SS - is the greatest way of formatting your pages as you like. But someone still doesn't know how to do it. So learn!

HTML form
Do you want to recieve real feedback from your visitors without leaving your address on your website in order not to let it be known to the spammers? Php can help you!

Floating frames
Simple example of using floating frames here. See all the properties of the iframe tag and why it is really better then a common frame.

Cellpadding and cellspacing
This tutorial shows a few useful examples of using cellspacing and cellpadding parameters. These properties of the table tag are used frequently in html coding techniques.

Tables, RGB colors
This is another easy tutorial about making tables in HTML.Also you will find here some useful intro to RGB colors representaion.

Aligning text
This tutorial describes how to use common DIV and P tags attributes to align text. You can align the contents to the left, right, you can justify or center it within the block.

Linking to frames
In any link you can specify a window where new document will be loaded. This is a very helpful technique when it comes to frames and iframes.

Thin table borders
There are several methods to create nice thin borders for a common HTML table. This tutorial covers the most reliable way.

Poll labels
Do you know about the LABEL tag ? It is very convenient if you use it for polls or for any other HTML form.

The IFRAME tags
The IFRAME tags are supported in latest versions of Netscape and Opera browsers. And this is great because it is very useful element and you can use it on any page.

Colspan and Rowspan
There are two very important parameters of the HTML table tag. One allows you to combine cells horizontally and another one combines them vertically.

Background positioning
This professional coding method is used for websites having floating width. This means if user changes his screen resolution he will not see something ugly.

Centering with frames
This tutorial teaches you how to use frames to center the contents of your site, regardless of the screen resolution of client's browser. At one time there was a fasion about this technique by professional web designers.

The Target property
Is it possible to submit a form in new window configured specially ? Imagine a form that submits in a window containing no navigation panel.

Decorating HTML table
Professional designers don't use simple HTML tables. They use graphics to decorate everything.

One pixel border
Is there any way to set one pixel border instead of two pixels for standart one ? Yes here are three ways to do it.

Page with frames
While frame pages are already a very rare thing to meet there are still some cases where it perfectly fits on your site. Here is the simplest description how to create frames…

Aligning to different edges
Everywhere use the table. There is no other way to align two words to different corners of a column.

Justified text
It is known that you can align text to all width of the column. Such text is more convenient to read and it looks like professionally designed.

Common META tags
Here are main META tags to be included in your page. These are the tags to pass proper information to the search engines.

Scrolling text
Don't you know that those scrolling lines of text on a webpage can be made without any JavaScript ?Yes, HTML has a special tag for it ! And the tag is so ancient that most designers already forgot about it.

Page margins
This tutorial will help you to remove those pixels between the top of your page and the browser.

Moving Text
What is a marquee? the purpose of a marquee is to make text, images or both move horizontally…

Tables
Learn how to Make Tables in HTML…

- Marquees
You probably have seen scrolling marquees at quite a few sites. Whether they go up, to the left, or to the right, they add a bit of spice to every site.

Creating An HTML Web Page Template
Open a notepad. Save the notepad document as index.html, selecting file type as all files…

Fixed Background Using HTML
Do you have an image in back ground you'd like to stay put? You will need to add a background properties attribute to the body tag where you have put the attribute for your background image.

Disabling The IE 6 MyImage Tool Bar
IE6+ incorporates a new feature called the MyImage Toolbar, which, if enabled on Tools > Internet Options > Advanced > Enable Image Toolbar, provides the user with a popup menu over images that allows the user to instantly save, print, or email any image …

Rollovers
This a small simple tutorial that shows you how make rollovers using HTML.

Creating a Favicon
A Favicon is a small picture (16x16 pixel), that you can find in front of your URL... and in the favourites list when you add that url in your favourites list.

Creating an 'Add to Favourites' Button
You can place a button on your site that, when clicked on, will add your site to your visitor's favorites.Place the following code where you would like the button to appear.

FORMS
By now you should be able to create a web page that looks good and is functional. However other than links it lacks interactivity with viewers.


AddThis Social Bookmark Button


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

[CaRP] XML error: SYSTEM or PUBLIC, the URI is missing at line 1 -

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)

[CaRP] XML error: SYSTEM or PUBLIC, the URI is missing at line 1 -

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.