Web Design / HTML: Most Popular Articles
These articles are the most popular over the last month.
Meta Refresh Tag
Learn how to use the meta refresh tag to reload a page, or force your readers to a new page
Learn how to use the meta refresh tag to reload a page, or force your readers to a new page
HTML Codes - Special Characters - ASCII Table
HTML codes to put ASCII special characters on your Web page.
HTML codes to put ASCII special characters on your Web page.
Tabs in HTML
Using a tab character in HTML can be tricky, as Web browsers don't recognize tabs as anything different from other whitespace characters like space and return. This quick tip will explain how you can get the effect of a tab character on your pages.
Using a tab character in HTML can be tricky, as Web browsers don't recognize tabs as anything different from other whitespace characters like space and return. This quick tip will explain how you can get the effect of a tab character on your pages.
How to Build a Website
Learn how to build a website in 7 steps. Building a website can be a challenging proposition, but there are only 7 things you need to do to get your website up and running.
Learn how to build a website in 7 steps. Building a website can be a challenging proposition, but there are only 7 things you need to do to get your website up and running.
span and div
Learn to use two useful style related tags - span and div. These elements are crucial for creating CSS pages including CSS positioning.
Learn to use two useful style related tags - span and div. These elements are crucial for creating CSS pages including CSS positioning.
Web Design Software Quiz
If you're looking to find the right Web design software to meet your needs you should take this questionnaire. After just a few short questions, you'll have a list of some of the best Web design software tools available to meet your needs and your budget.
If you're looking to find the right Web design software to meet your needs you should take this questionnaire. After just a few short questions, you'll have a list of some of the best Web design software tools available to meet your needs and your budget.
Free Web Templates
These free Web templates will help you get the most out of your Web pages by doing the design work for you. You can manipulate these free Web templates to meet your needs, or just use the free Web templates as-is.
These free Web templates will help you get the most out of your Web pages by doing the design work for you. You can manipulate these free Web templates to meet your needs, or just use the free Web templates as-is.
Stretch a Background Image
Stretching a background image seems like something that would be fairly easy to do, but until CSS 3 properties are more widely supported, we have to use a workaround.
Stretching a background image seems like something that would be fairly easy to do, but until CSS 3 properties are more widely supported, we have to use a workaround.
Free WYSIWYG HTML Windows
The most useful and usable free WYSIWYG HTML editors for Windows
The most useful and usable free WYSIWYG HTML editors for Windows
XHTML 101 - Free HTML Course
Take this 10 week course, and learn to create your own Web pages from scratch, using just a text editor like Notepad or SimpleText.
Take this 10 week course, and learn to create your own Web pages from scratch, using just a text editor like Notepad or SimpleText.
<input type="image" />
The input type="image" tag creates submit buttons using images.
The input type="image" tag creates submit buttons using images.
Include HTML
Use SSI, PHP, ASP, JavaScript, or other technology to include portions of HTML on many pages of a Web site.
Use SSI, PHP, ASP, JavaScript, or other technology to include portions of HTML on many pages of a Web site.
Absolute and Relative Paths
Learn how to link to pages and images using full domains, absolute and relative paths.
Learn how to link to pages and images using full domains, absolute and relative paths.
Web Design Software: A Questionairre to Help You Decide Which is Right for You
: web design software questionairre
: web design software questionairre
Basic Vertical Menu
This is a basic vertical menu using a free Web template using CSS and basic list XHTML tags.
This is a basic vertical menu using a free Web template using CSS and basic list XHTML tags.
Set Prices for Web Design Work
Web design pricing is a hot issue for new designers - learn how to set your web design prices and charge your customers reasonable and fair rates and fees for web design work.
Web design pricing is a hot issue for new designers - learn how to set your web design prices and charge your customers reasonable and fair rates and fees for web design work.
XHTML Photo Gallery Layout
This Web site template shows one simple way you can layout a photo gallery and use JavaScript to display the expanded image page.
This Web site template shows one simple way you can layout a photo gallery and use JavaScript to display the expanded image page.
Free HTML Editors for Macintos
If you're looking for a free HTML editor for Macintosh you will find the best ones on this list. There are both text and WYSIWYG editors available and these are great if you don't want to spend money on your HTML editor.
If you're looking for a free HTML editor for Macintosh you will find the best ones on this list. There are both text and WYSIWYG editors available and these are great if you don't want to spend money on your HTML editor.
Comment Your XML
XML comments are very similar to HTML comments. tags create a space for you to keep your code clear.
XML comments are very similar to HTML comments. tags create a space for you to keep your code clear.
Center with DIV Tags and CSS
This article for beginning Web developers who are new to HTML and CSS will help you learn how to use the DIV tag and CSS to center text or images on your pages.
This article for beginning Web developers who are new to HTML and CSS will help you learn how to use the DIV tag and CSS to center text or images on your pages.
Comment CSS
Add comments to your Cascading Style Sheets (CSS) to make them easier to maintain.
Add comments to your Cascading Style Sheets (CSS) to make them easier to maintain.
The Mailto Command
Learn how to use the mailto command to write email links on your Web pages.
Learn how to use the mailto command to write email links on your Web pages.
How to Center with CSS
Learn how to center text, images or blocks on your Web page with CSS.
Learn how to center text, images or blocks on your Web page with CSS.
Indenting Lists
The indenting of lists is a frustrating topic for Web designers trying to get a consistent look and feel on their pages between different Web browsers. This is because the way various browsers implement the indenting is different from browser to browser. So if you change the indenting in only one way, your pages will look wrong in other browsers.
The indenting of lists is a frustrating topic for Web designers trying to get a consistent look and feel on their pages between different Web browsers. This is because the way various browsers implement the indenting is different from browser to browser. So if you change the indenting in only one way, your pages will look wrong in other browsers.
Restart Apache (Linux)
If your Linux Apache Web server is started, you can stop and restart it with just a couple of steps.
If your Linux Apache Web server is started, you can stop and restart it with just a couple of steps.
Style the HR Tag
Learn how to use CSS to style the HR tag. If you want to divide sections of your HTML, one way to do it is with the HR tag. But this tag can be really ugly if you don't style it. Learn how to use CSS to style your HR tags.
Learn how to use CSS to style the HR tag. If you want to divide sections of your HTML, one way to do it is with the HR tag. But this tag can be really ugly if you don't style it. Learn how to use CSS to style your HR tags.
Windows WYSIWYG Editors
WYSIWYG editors are HTML editors that attempt to display the Web page as it will show on the browser. They are visual editors, and you don't manipulate the code directly. Some HTML WYSIWYG editors also include a text editor, while others are purely WYSIWYG. This is my list of the best HTML WYSIWYG editors for Windows.
WYSIWYG editors are HTML editors that attempt to display the Web page as it will show on the browser. They are visual editors, and you don't manipulate the code directly. Some HTML WYSIWYG editors also include a text editor, while others are purely WYSIWYG. This is my list of the best HTML WYSIWYG editors for Windows.
CSS @import
@import rules with cascading style sheets allows you to import external style sheets into your CSS
@import rules with cascading style sheets allows you to import external style sheets into your CSS
Buying an HTML Editor
What to think about before you choose your HTML editor
What to think about before you choose your HTML editor
Font Families
A guide for beginning Web designers and anyone who uses fonts on Web sites to find the right font for the right situation. This article will help you choose fonts for your site that show your originality but also work for your readers.
A guide for beginning Web designers and anyone who uses fonts on Web sites to find the right font for the right situation. This article will help you choose fonts for your site that show your originality but also work for your readers.
Is there an HTML space tag?
The HTML space tag doesn't exist, but there are ways to create space on your Web pages without an HTML space tag. It can be very frustrating to add spaces in HTML the way you would in a print document only to have them disappear on the Web page. Learn how to create space on your Web pages without an HTML space tag.
The HTML space tag doesn't exist, but there are ways to create space on your Web pages without an HTML space tag. It can be very frustrating to add spaces in HTML the way you would in a print document only to have them disappear on the Web page. Learn how to create space on your Web pages without an HTML space tag.
Set up a Webcam Web Page
Learn how to setup a Webcam Web page with the correct HTML codes in the document and the Web cam image on the page.
Learn how to setup a Webcam Web page with the correct HTML codes in the document and the Web cam image on the page.
How to Install Apache
Learn how to install the Apache Web server on a Linux system from source files.
Learn how to install the Apache Web server on a Linux system from source files.
CSS Drop Shadows
Learn how to write CSS drop shadows without using any images. It's even possible to create drop shadows on text, but currently not in a standards-compliant or accessible way.
Learn how to write CSS drop shadows without using any images. It's even possible to create drop shadows on text, but currently not in a standards-compliant or accessible way.
HTML Tutorial
Learn HTML and build your own Web page through a step-by-step HTML tutorial on the About Web Design site.
Learn HTML and build your own Web page through a step-by-step HTML tutorial on the About Web Design site.
Komodo Edit
Komodo Edit is a free text editor for: Windows, Macintosh, and Linux / UNIX.
Komodo Edit is a free text editor for: Windows, Macintosh, and Linux / UNIX.
Understanding CSS Float
If you understand how to use the CSS float property, you'll have a lot more control over how your Web pages are laid out and you can more easily join the ranks of CSS designers everywhere.
If you understand how to use the CSS float property, you'll have a lot more control over how your Web pages are laid out and you can more easily join the ranks of CSS designers everywhere.
Tableless Layouts
CSS Positioning helps you create Web pages that have a creative layout without the use of tables. This is often called tableless layout.
CSS Positioning helps you create Web pages that have a creative layout without the use of tables. This is often called tableless layout.
KompoZer
KompoZer is a text editor and WYSIWYG editor for Windows Macintosh Linux or UNIX. It is best suited to Professional Web Designers or Professional Web Developers.
KompoZer is a text editor and WYSIWYG editor for Windows Macintosh Linux or UNIX. It is best suited to Professional Web Designers or Professional Web Developers.
HTML Colors
HTML colors are displayed as a combination of red, green, and blue light. Once you understand that, you can start mixing HTML colors yourself.
HTML colors are displayed as a combination of red, green, and blue light. Once you understand that, you can start mixing HTML colors yourself.
Sending HTML Email
Learn how to use HTML to create email newsletters.
Learn how to use HTML to create email newsletters.
Creating a Mailto Link
Mailto links are the easiest way to add contact information to your Web site.
Mailto links are the easiest way to add contact information to your Web site.
CSS Media Types Create Prin...
Learn how easy it is to use Cascading Style Sheets (CSS) media types to define a printer-friendly page without actually building one.
Learn how easy it is to use Cascading Style Sheets (CSS) media types to define a printer-friendly page without actually building one.
Calendar Layout
Learn how to set up a calendar layout.
Learn how to set up a calendar layout.
<input type="hidden" />
The input type="hidden" tag sends form fields to the server while hiding them from the reader
The input type="hidden" tag sends form fields to the server while hiding them from the reader
Free Web Menu Templates
These HTML Templates will help you create menus using just simple HTML lists and CSS. You'd be amazed how simple the HTML is for these menus.
These HTML Templates will help you create menus using just simple HTML lists and CSS. You'd be amazed how simple the HTML is for these menus.
8 Easy Ways to Learn HTML
It's easy to learn HTML, and there are so many different ways to do it, it's criminal if you haven't already started.
It's easy to learn HTML, and there are so many different ways to do it, it's criminal if you haven't already started.
HTML Codes - Special Characters for Punctuation and Other Characters - Punctuation HTML Codes
HTML codes to put Punctuation characters on your Web page.
HTML codes to put Punctuation characters on your Web page.
Free HTML Editors for Windows
If you're looking for a free HTML editor for Windows you will find the best ones on this list. There are both text and WYSIWYG editors available and these are great if you don't want to spend money on your HTML editor.
If you're looking for a free HTML editor for Windows you will find the best ones on this list. There are both text and WYSIWYG editors available and these are great if you don't want to spend money on your HTML editor.
What does !important mean?
An explanation of the !important property as used in CSS or Cascading Style Sheets
An explanation of the !important property as used in CSS or Cascading Style Sheets
Free Dreamweaver Tutorials
Free Dreamweaver tutorials make it easy to learn how to use Dreamweaver. These free Dreamweaver tutorials will show you the basics of Dreamweaver and also teach you how to use Dreamweaver for other effects.
Free Dreamweaver tutorials make it easy to learn how to use Dreamweaver. These free Dreamweaver tutorials will show you the basics of Dreamweaver and also teach you how to use Dreamweaver for other effects.
Using the DIV Tag
Learn how to use the DIV tag to create valid XHTML+CSS Web pages that are easy to read and change whenever you want to change them.
Learn how to use the DIV tag to create valid XHTML+CSS Web pages that are easy to read and change whenever you want to change them.
Using Style Classes and IDs
Applying styles across sections of a document using class and id attributes
Applying styles across sections of a document using class and id attributes
Writing HTML in Notepad
You already have a great HTML editor built into your Windows operating system - Notepad. Learn how to use Notepad to write HTML.
You already have a great HTML editor built into your Windows operating system - Notepad. Learn how to use Notepad to write HTML.
The HTML DIV Tag
This article about the DIV tag is for beginning and intermediate Web developers who are interested in learning how to use the DIV tag to create XHTML+CSS layouts, align page content, and make logical divisions in their page content.
This article about the DIV tag is for beginning and intermediate Web developers who are interested in learning how to use the DIV tag to create XHTML+CSS layouts, align page content, and make logical divisions in their page content.
Color Symbolism Chart- Culture
Using color can be problematic if you don't design with the culture of your audience in mind. Colors have different meanings to different cultures. This chart should help make sense of the color symbolisms of various cultures.
Using color can be problematic if you don't design with the culture of your audience in mind. Colors have different meanings to different cultures. This chart should help make sense of the color symbolisms of various cultures.
Change the Font Color with CSS
It's easy to change the font color with one simple CSS style property.
It's easy to change the font color with one simple CSS style property.
Basic Tags for a Web Site
Learn the XHTML tags that are required on every Web page.
Learn the XHTML tags that are required on every Web page.
Box Model Hack
The CSS box model has very specific rules for how wide a box should be when a width is applied and padding, borders, and margins are applied. However Internet Explorer doesn't follow these rules. So we need a hack to make boxes in CSS the same width or height (whichever is defined) in Internet Explorer as in other browsers.
The CSS box model has very specific rules for how wide a box should be when a width is applied and padding, borders, and margins are applied. However Internet Explorer doesn't follow these rules. So we need a hack to make boxes in CSS the same width or height (whichever is defined) in Internet Explorer as in other browsers.
Building a Web Page for the...
In order to learn HTML, there are a lot of things that you will need to know. This pre-beginning tutorial will help you to assess how much you know and teach you the basics of creating a Web page with HTML.
In order to learn HTML, there are a lot of things that you will need to know. This pre-beginning tutorial will help you to assess how much you know and teach you the basics of creating a Web page with HTML.
Spacing Out Your HTML
How to get blank spaces in your HTML.
How to get blank spaces in your HTML.
What is XHTML?
Learn to understand what XHTML is, how to write it, and how to convert your existing HTML to XHTML.
Learn to understand what XHTML is, how to write it, and how to convert your existing HTML to XHTML.
Weekly Web Design Class
Take this free course, and learn to design Web pages that are vibrant and useful. Designing for the Web is very different from other design tasks, make sure that you know the rules before you break them.
Take this free course, and learn to design Web pages that are vibrant and useful. Designing for the Web is very different from other design tasks, make sure that you know the rules before you break them.
Nvu
Nvu is a text editor and WYSIWYG editor for Windows Macintosh Linux or UNIX. It is best suited to Professional Web Designers or Professional Web Developers.
Nvu is a text editor and WYSIWYG editor for Windows Macintosh Linux or UNIX. It is best suited to Professional Web Designers or Professional Web Developers.
What is HTML 5
HTML 5 is a new specification being developed to move HTML forward in the realm of Web applications. It was initially being developed by a group independently of the W3C, but the W3C HTML working group has since joined the development. If you want to stay on top of the changes in HTML and building Web pages, you should learn about HTML 5.
HTML 5 is a new specification being developed to move HTML forward in the realm of Web applications. It was initially being developed by a group independently of the W3C, but the W3C HTML working group has since joined the development. If you want to stay on top of the changes in HTML and building Web pages, you should learn about HTML 5.
display: hidden visib: none
These properties may seem like they do the same thing, but they actually act differently.
These properties may seem like they do the same thing, but they actually act differently.
Your First HTML Form
Building your first HTML form, hints on building and using HTML forms
Building your first HTML form, hints on building and using HTML forms
Create a Mailto Form in Mac...
Mailto forms are one of the easiest forms to create because you don't have to learn any programming to write them. This document explains how to build one using Macromedia Dreamweaver MX.
Mailto forms are one of the easiest forms to create because you don't have to learn any programming to write them. This document explains how to build one using Macromedia Dreamweaver MX.
Learn HTML
All you need to learn HTML and build a Web page.
All you need to learn HTML and build a Web page.
Designing for IE
It is often very difficult to design a Web site when you need it to look the same in both Internet Explorer and Firefox or Safari. The trick is to start with a different browser than you're probably used to starting with - design for Firefox first.
It is often very difficult to design a Web site when you need it to look the same in both Internet Explorer and Firefox or Safari. The trick is to start with a different browser than you're probably used to starting with - design for Firefox first.
background-size
A description of the CSS 3 property background-size
A description of the CSS 3 property background-size
BLOCKQUOTE and CSS
When you use the blockquote tag it can result in pretty boring looking quotations. But if you use Cascading Style Sheets, you can dress up your quotations to get blockquotes that pop on your Web page.
When you use the blockquote tag it can result in pretty boring looking quotations. But if you use Cascading Style Sheets, you can dress up your quotations to get blockquotes that pop on your Web page.
Linux/UNIX WYSIWYG Editors
WYSIWYG editors are HTML editors that attempt to display the Web page as it will show on the browser. They are visual editors, and you don't manipulate the code directly. Some HTML WYSIWYG editors also include a text editor, while others are purely WYSIWYG. This is my list of the best HTML WYSIWYG editors for Linux and UNIX.
WYSIWYG editors are HTML editors that attempt to display the Web page as it will show on the browser. They are visual editors, and you don't manipulate the code directly. Some HTML WYSIWYG editors also include a text editor, while others are purely WYSIWYG. This is my list of the best HTML WYSIWYG editors for Linux and UNIX.
Use Multiple CSS Classes
One of the more useful tricks with CSS is the fact that with the modern browsers you can use multiple CSS classes on one element to add styles as you need them.
One of the more useful tricks with CSS is the fact that with the modern browsers you can use multiple CSS classes on one element to add styles as you need them.
SeaMonkey Composer
SeaMonkey is a text editor and WYSIWYG editor for Windows Macintosh Linux or UNIX. It is best suited to Newcomers to Web Design.
SeaMonkey is a text editor and WYSIWYG editor for Windows Macintosh Linux or UNIX. It is best suited to Newcomers to Web Design.
HTML Tables Attributes
Learn how to use table attributes to create more useful tables
Learn how to use table attributes to create more useful tables
Styling Links with CSS
Don't let your links be boring, create links that are styled just like the rest of your Web pages. And before you think that just means changing the hover color - there's way more to it than that. When you're designing your page, don't forget to design your links.
Don't let your links be boring, create links that are styled just like the rest of your Web pages. And before you think that just means changing the hover color - there's way more to it than that. When you're designing your page, don't forget to design your links.
ASCII HTML Codes - HTML Special Characters in the ASCII Set
HTML codes to put ASCII special characters on your Web page.
HTML codes to put ASCII special characters on your Web page.
Free Web Menu Template - Example of Vertical Menu
Free Web Menu Template Example of Vertical Menu Home Free Website Templates Free Web Menu Templates More
Free Web Menu Template Example of Vertical Menu Home Free Website Templates Free Web Menu Templates More
Tabbed Navigation
It's easy to add tabbed navigation into your Web pages with CSS and page identifiers.
It's easy to add tabbed navigation into your Web pages with CSS and page identifiers.
Use a non-breaking space anywhere you want to force a space where the browser would leave it out.
Use a non-breaking space anywhere you want to force a space where the browser would leave it out.
Paths of a Web Designer
Whether you've just decided to learn how to create a Web page or you've been designing pages for years, there is sure to be something new to learn - once you know where you are on the path, you know what you're ready to focus on next - from beginning HTML, advanced HTML, professional web designers and programmers, to XML.
Whether you've just decided to learn how to create a Web page or you've been designing pages for years, there is sure to be something new to learn - once you know where you are on the path, you know what you're ready to focus on next - from beginning HTML, advanced HTML, professional web designers and programmers, to XML.
Start Apache (Linux)
If your Linux Apache Web server is stopped, you can start it again with just a couple of steps.
If your Linux Apache Web server is stopped, you can start it again with just a couple of steps.
Use JavaScript to Open Window
Learn how to open a link in a new window. Use JavaScript to open a new window.
Learn how to open a link in a new window. Use JavaScript to open a new window.
How to Send HTML Email
HTML has a lot of things that it can do, but there are things that it can't do
HTML has a lot of things that it can do, but there are things that it can't do
CSS Positioning
Cascading Style Sheets allow you to position your HTML elements precisely on the page
Cascading Style Sheets allow you to position your HTML elements precisely on the page
Changing Font Attributes
Use CSS to change the size, color, and face of your text
Use CSS to change the size, color, and face of your text
Absolute v Relative Positions
Positioning elements with CSS can be very challenging, as there is more to it than just tacking elements to the page. One of the most confusing parts is the concept of absolute and relative positioning and why you need this propery to achieve CSS positioning.
Positioning elements with CSS can be very challenging, as there is more to it than just tacking elements to the page. One of the most confusing parts is the concept of absolute and relative positioning and why you need this propery to achieve CSS positioning.
HTML Codes - Special Characters for Mathematics - Math Symbols - Mathematics HTML Codes
HTML codes to put Mathematics characters on your Web page.
HTML codes to put Mathematics characters on your Web page.
Comments on Comments
HTML comments allow you to write notes about the code, hide old information, and hold reminders on the page. Comments are not seen by the people viewing the page, but they show up in the HTML code.
HTML comments allow you to write notes about the code, hide old information, and hold reminders on the page. Comments are not seen by the people viewing the page, but they show up in the HTML code.
Magic with Meta Tags and Se...
Use Search engine optimization (SEO) to boost your marketing strategy with meta tags
Use Search engine optimization (SEO) to boost your marketing strategy with meta tags
Dreamweaver CS4 vs CS3
Learn some of the practical differences between Dreamweaver CS4 and Dreamweaver CS3 to help you decide whether or when to upgrade. What new features are must-haves and what features can you live without?
Learn some of the practical differences between Dreamweaver CS4 and Dreamweaver CS3 to help you decide whether or when to upgrade. What new features are must-haves and what features can you live without?
CSS Cheat Sheets
These cheat sheets will help you learn to use CSS both for basic styles and to create great layouts for your Web pages. Free CSS cheat sheets for you to download and print out.
These cheat sheets will help you learn to use CSS both for basic styles and to create great layouts for your Web pages. Free CSS cheat sheets for you to download and print out.
Centered 1 Column Template
Center your content in the browser, no matter how large the monitor. This is a very basic layout, with the content centered on the page in an 80% wide column. Usually the page itself is a different background color, with the content surrounded by a border. For this template, I chose to make the main page color grey with a black border.
Center your content in the browser, no matter how large the monitor. This is a very basic layout, with the content centered on the page in an 80% wide column. Usually the page itself is a different background color, with the content surrounded by a border. For this template, I chose to make the main page color grey with a black border.
What is Print-Friendly
As Web pages get fancier and fancier, the ability to print out simple versions becomes more necessary. What makes a printer-friendly page printer-friendly
As Web pages get fancier and fancier, the ability to print out simple versions becomes more necessary. What makes a printer-friendly page printer-friendly
Ajax
Web applications can be a challenging endeavor where you try to get your customers to wait for data to load or pages to render. But with Ajax - Asynchronous JavaScript and XML - you can create multi-purpose Web applications that feel like desktop applications. No more waiting for pages to load, and the hourglass is gone.
Web applications can be a challenging endeavor where you try to get your customers to wait for data to load or pages to render. But with Ajax - Asynchronous JavaScript and XML - you can create multi-purpose Web applications that feel like desktop applications. No more waiting for pages to load, and the hourglass is gone.
What's My URL?
Getting a page to the Web server isn't that hard, but how do you know what your URL is once the page is up? These tips will help you figure out what your URL is.
Getting a page to the Web server isn't that hard, but how do you know what your URL is once the page is up? These tips will help you figure out what your URL is.
How to Use the Input Tag
The input tag is the primary tag used for forms. Learn how to make the most of it. Part 2 in the HTML forms tutorial
The input tag is the primary tag used for forms. Learn how to make the most of it. Part 2 in the HTML forms tutorial
Toggle DIV Visibility
Learn how to use DHTML to toggle the visibility of an HTML element so that it shows and hides when your customer clicks on a link. This is a simple DHTML function using 2 lines of CSS and 4 lines of JavaScript.
Learn how to use DHTML to toggle the visibility of an HTML element so that it shows and hides when your customer clicks on a link. This is a simple DHTML function using 2 lines of CSS and 4 lines of JavaScript.
HTML Codes - Special Characters for French - ASCII Table - French HTML Codes
HTML codes to put French characters on your Web page.
HTML codes to put French characters on your Web page.
Introduction to Dreamweaver
Learn how to define a Web site in Macromedia Dreamweaver MX so that you can edit it and manage it with Dreamweaver.
Learn how to define a Web site in Macromedia Dreamweaver MX so that you can edit it and manage it with Dreamweaver.
Color Wheel and Color Theory
Web pages are designed in color, but if you don't understand how color works, you could end up with some really ugly pages. Understanding the basics of color theory will help you create better Web pages.
Web pages are designed in color, but if you don't understand how color works, you could end up with some really ugly pages. Understanding the basics of color theory will help you create better Web pages.
Font vs. CSS
The font tag is deprecated, learn how to use CSS to do the same thing
The font tag is deprecated, learn how to use CSS to do the same thing
Web Design for the iPhone
If you're going to build Web pages that can be viewed on cell phones like the iPhone, you should be aware of some of the drawbacks to these devices so that your site is not impossible to use. These tips will help you build Web pages that are either designed solely for cell phones and wireless handheld devices or help you design pages that adapt depending upon what type of device is viewing it.
If you're going to build Web pages that can be viewed on cell phones like the iPhone, you should be aware of some of the drawbacks to these devices so that your site is not impossible to use. These tips will help you build Web pages that are either designed solely for cell phones and wireless handheld devices or help you design pages that adapt depending upon what type of device is viewing it.
Adding Links to Web Pages
How to add links and images to your Web site - this page discusses how to add links and anchors and bookmarks
How to add links and images to your Web site - this page discusses how to add links and anchors and bookmarks
Links for Navigation Menus
Learn how to use CSS to style basic unordered lists into vertical navigation menus for your Web site.
Learn how to use CSS to style basic unordered lists into vertical navigation menus for your Web site.
Quick CSS
Take this 5 day course to learn Cascading Style Sheets (CSS) to improve your Web pages
Take this 5 day course to learn Cascading Style Sheets (CSS) to improve your Web pages
CSS 3 Opacity
Opacity is a method of making elements transparent in CSS 3. It is not supported in all browsers, but there are ways to get around it in the browsers that don't support it.
Opacity is a method of making elements transparent in CSS 3. It is not supported in all browsers, but there are ways to get around it in the browsers that don't support it.
Basic Horizontal Menu
This is a basic horizontal menu using a free Web template using CSS and basic list XHTML tags.
This is a basic horizontal menu using a free Web template using CSS and basic list XHTML tags.
CSS and Bulleted Lists
Learn how to get your unordered and Bulleted lists to look as you want them to.
Learn how to get your unordered and Bulleted lists to look as you want them to.
Rounded Corners Using CSS
Rounded corners on boxes is a popular way to make CSS designs look less boxy, but the most common method requires a large amound of images which can drastically increase the download time for your pages. This method uses stripes and inline elements to get the effect of rounded corners.
Rounded corners on boxes is a popular way to make CSS designs look less boxy, but the most common method requires a large amound of images which can drastically increase the download time for your pages. This method uses stripes and inline elements to get the effect of rounded corners.
Web Page Widths
Once you've moved beyond beginning Web design, you'll come across the most aggravating question for a Web designer: what resolution should I design the pages for? This also comes out as how to decide how wide your pages should be.
Once you've moved beyond beginning Web design, you'll come across the most aggravating question for a Web designer: what resolution should I design the pages for? This also comes out as how to decide how wide your pages should be.
Cascading Style Sheets Library
The Cascading Style Sheets library is a library of cascading style sheets (CSS) properties and syntax. Learn Cascading Style Sheets by learning the CSS properties. CSS 1 Properties.
The Cascading Style Sheets library is a library of cascading style sheets (CSS) properties and syntax. Learn Cascading Style Sheets by learning the CSS properties. CSS 1 Properties.
GaGa for Google
Learn how to edit your Web page so that it works with the Googlebot and not against it. These tips won't guarantee you top ranking, but they will help.
Learn how to edit your Web page so that it works with the Googlebot and not against it. These tips won't guarantee you top ranking, but they will help.
Padding and Margins
Learn the difference between padding and margins in Web page documents - a frequently asked question on Web design.
Learn the difference between padding and margins in Web page documents - a frequently asked question on Web design.
Browser Safe Colors
Use browser safe colors to be sure that your Web page will look the same on most monitors
Use browser safe colors to be sure that your Web page will look the same on most monitors
CSS Drop Shadows Examples
Examples of how to create CSS drop shadows.: drop shadows deprecated tags drop shadow text shadow
Examples of how to create CSS drop shadows.: drop shadows deprecated tags drop shadow text shadow
Macintosh WYSIWYG Editors
WYSIWYG editors are HTML editors that attempt to display the Web page as it will show on the browser. They are visual editors, and you don't manipulate the code directly. Some HTML WYSIWYG editors also include a text editor, while others are purely WYSIWYG. This is my list of the best HTML WYSIWYG editors for Macintosh.
WYSIWYG editors are HTML editors that attempt to display the Web page as it will show on the browser. They are visual editors, and you don't manipulate the code directly. Some HTML WYSIWYG editors also include a text editor, while others are purely WYSIWYG. This is my list of the best HTML WYSIWYG editors for Macintosh.
Upload Your Web Site
Use FTP to upload your Web site from your hard drive to your Web host.
Use FTP to upload your Web site from your hard drive to your Web host.
HTML-Kit
HTML-Kit is a text editor for Windows. It is best suited to Professional Web Developers.
HTML-Kit is a text editor for Windows. It is best suited to Professional Web Developers.
What is RSS?
Really Simple Syndication or RDF Site Summary or Rich Site Summary, no matter what you think it stands for, RSS is the answer to Web site syndication.
Really Simple Syndication or RDF Site Summary or Rich Site Summary, no matter what you think it stands for, RSS is the answer to Web site syndication.
2-Column Centered Flexible
A very common layout you find on the Web is a 2-column centered layout that flexes to match the current window width. This layout validates as XHTML 1.0 Strict, uses h1 and h2 tags for headlines and the main content area comes first on the page.
A very common layout you find on the Web is a 2-column centered layout that flexes to match the current window width. This layout validates as XHTML 1.0 Strict, uses h1 and h2 tags for headlines and the main content area comes first on the page.
Dreamweaver
Adobe Dreamweaver is a text editor and WYSIWYG editor for Windows Macintosh. It is best suited to Professional Web Designers or Professional Web Developers.
Adobe Dreamweaver is a text editor and WYSIWYG editor for Windows Macintosh. It is best suited to Professional Web Designers or Professional Web Developers.
Web Design Jobs
When you're looking for a Web Design Job it can be hard to find one, possibly because there are actually so many options for the Web designer looking for a job. Web design jobs come in many shapes and sizes and these resources and tips will help you find the perfect Web design job for you.
When you're looking for a Web Design Job it can be hard to find one, possibly because there are actually so many options for the Web designer looking for a job. Web design jobs come in many shapes and sizes and these resources and tips will help you find the perfect Web design job for you.
background-color
A description of the CSS property background-color
A description of the CSS property background-color
<input type="checkbox" />
The input type="checkbox" tag adds checkboxes to forms
The input type="checkbox" tag adds checkboxes to forms
The CSS 3 background-size Property Examples
Use CSS 3 to stretch background images to fit the element.
Use CSS 3 to stretch background images to fit the element.
XHTML 101 - Class Syllabus - Week 1
Week 1 of the XHTML 101 free online class from About.com. This is the syllabus and online walk-through of the class.
Week 1 of the XHTML 101 free online class from About.com. This is the syllabus and online walk-through of the class.
Method Attribute
Choosing the correct method attribute can mean the difference between a form that works and one that doesn't.
Choosing the correct method attribute can mean the difference between a form that works and one that doesn't.
8 Easy Ways to Learn CSS
It's easy to learn CSS, and there are so many different ways to do it, it's criminal if you haven't already started. Cascading Style Sheets add so much to your Web designs that if you don't understand at least the basics you're cheating yourself and your designs.
It's easy to learn CSS, and there are so many different ways to do it, it's criminal if you haven't already started. Cascading Style Sheets add so much to your Web designs that if you don't understand at least the basics you're cheating yourself and your designs.
HTML Codes - Special Characters for Russian (Cyrillic) - ASCII Table - Russian (Cyrillic) HTML Codes
HTML codes to put Russian (Cyrillic) characters on your Web page.
HTML codes to put Russian (Cyrillic) characters on your Web page.
Tabs in HTML with CSS
Tab 1 Tab 2 Tab 3 Tab 4 The only difference in the HTML code between this page and the other three tabbed
Tab 1 Tab 2 Tab 3 Tab 4 The only difference in the HTML code between this page and the other three tabbed
Content Management
Content management tools allow companies to take control of their Web pages by managing the content as distinct from the design. The days of writing HTML for large Web sites may be numbered as content management tools take the floor.
Content management tools allow companies to take control of their Web pages by managing the content as distinct from the design. The days of writing HTML for large Web sites may be numbered as content management tools take the floor.
The Elements of Design
The elements of design are the basic building blocks of all design projects. The elements of design include lines, shapes, texture, color, and direction.
The elements of design are the basic building blocks of all design projects. The elements of design include lines, shapes, texture, color, and direction.
Possible Photo Gallery
My Photo Gallery Get the Template for this gallery. Mali with Car Wash Time Sleepy? Mali with Car Wash
My Photo Gallery Get the Template for this gallery. Mali with Car Wash Time Sleepy? Mali with Car Wash
Color Harmony
Learning to put together colors in a harmonious fashion is one of the most important skills of a Web designer. Once you understand color theory, you'll be better equipped to create color schemes that really work.
Learning to put together colors in a harmonious fashion is one of the most important skills of a Web designer. Once you understand color theory, you'll be better equipped to create color schemes that really work.
KompoZer 0.7.1
KompoZer is a free Web editor for Windows, Macintosh, and Linux. It is notable because it's one of the few WYSIWYG editors that is completely free. KompoZer is an editor based on the free editor Nvu, which has been stalled in development for a while. It started as a bug-fix version and is now being more reliably maintained than Nvu.
KompoZer is a free Web editor for Windows, Macintosh, and Linux. It is notable because it's one of the few WYSIWYG editors that is completely free. KompoZer is an editor based on the free editor Nvu, which has been stalled in development for a while. It started as a bug-fix version and is now being more reliably maintained than Nvu.
Fancy Photo Gallery Template
This free Web template is a fancier version of a photo gallery. It uses JavaScript to display captions and the images themselves as well as pure CSS for the site layout.
This free Web template is a fancier version of a photo gallery. It uses JavaScript to display captions and the images themselves as well as pure CSS for the site layout.
Avoid Tables for Layout
Learn why you should use CSS to position your pages rather than HTML tables
Learn why you should use CSS to position your pages rather than HTML tables
Windows versus Linux
Choosing an operating system for your Web hosting provider used to be a much bigger deal. Now it's less important. But you should still try to find out what OS your provider uses, as there are significant differences.
Choosing an operating system for your Web hosting provider used to be a much bigger deal. Now it's less important. But you should still try to find out what OS your provider uses, as there are significant differences.
<span> and <div>
CSS Lesson 2: The <span> and <div> Tags
CSS Lesson 2: The <span> and <div> Tags
The HTML SPAN Tag
This article about the SPAN tag is for beginning and intermediate Web developers who are interested in learning how to use the SPAN tag to create XHTML+CSS layouts, align page content, and define changes to inline content on your Web pages.
This article about the SPAN tag is for beginning and intermediate Web developers who are interested in learning how to use the SPAN tag to create XHTML+CSS layouts, align page content, and define changes to inline content on your Web pages.
vertical-align
A description of the CSS property vertical-align
A description of the CSS property vertical-align
Create an Image Map with Dr...
Image maps are images with "hot spots" that are clickable and take your readers to other Web pages. Dreamweaver MX has a built-in image map creation tool to make it easy to create image maps for your Web pages.
Image maps are images with "hot spots" that are clickable and take your readers to other Web pages. Dreamweaver MX has a built-in image map creation tool to make it easy to create image maps for your Web pages.
How to Build an Image Map
Learn how to build an image map without an image map editor. It only takes a couple of HTML tags. Image maps are easier than they seem at first.
Learn how to build an image map without an image map editor. It only takes a couple of HTML tags. Image maps are easier than they seem at first.
How Can I Create a Watermark?
Learn how to create a watermark background image with just CSS.
Learn how to create a watermark background image with just CSS.
text-align
A description of the CSS property text-align
A description of the CSS property text-align
Professional Web Designers
Professional Web Designers need job opportunities, salary and pricing advice, legal and contract help, plus Web design, site development, promotion, and marketing.
Professional Web Designers need job opportunities, salary and pricing advice, legal and contract help, plus Web design, site development, promotion, and marketing.
float
A description of the CSS property float
A description of the CSS property float
CSS 3 Opacity - Example
opacity image position loose dtd text position text filter: CSS 3 opacity example
opacity image position loose dtd text position text filter: CSS 3 opacity example