Articles Table of Contents
Articles on the Web Design Site Listed by Title
|
||
|
|
||
|
|
6 Ways to Get Unblocked
Web designers, like any creative person, can suffer from writers block. But because of our work, there are many ways you can learn to deal with the blocks and get unstuck. These six suggestions have worked for me to get new design ideas in the past and will work again.
10 Tips for Good Web Writing
When you write for the Web you write differently than when you write for printed publications. Knowing some of the basic guidelines will help you to make better, more effective Web pages that people want to read.
10 Tips to a Great Web Page
Simple ways to enhance your Web pages.
10 Tips to Promoting Your Web Design Business
If you're running or thinking of starting a Web design business, you should know that getting customers is more than just putting up a Web site and waiting for them to roll in. There is a lot of work involved and you have to try hard to get customers and keep them. These 10 tips will help you promote your Web design business and not lose customers through silly mistakes.
95 SEO Tips and Tricks - Over 90 Factors that Impact Your Site's Placement in Search Engines
Ninety-five things you should and should not be doing on your Web pages to make them rank higher in search engines. This list looks at more than just meta tags and the basics of SEO, so even if you've got some of the factors, you may not have everything. Scroll to the end of the list to look at the things you should never be doing, as well as the things you should always do at the top.
Abbreviations and Acronyms on Web Pages
Abbreviations can be really useful, but if your readers don't know what they stand for, you can have trouble. Using the abbr and acronym XHTML tags will help prevent that problem.
Absolute and Relative Paths
Learn how to link to pages and images using full domains, absolute and relative paths.
Absolute vs. Relative - Explaining 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.
Accessible Frames
Unless you're careful, using frames is a poor accessibility experience for customers with screen readers. If you must have frames, do what you can to make them accessible
Accessible HTML - Allowing Other
Viewpoints
Creating Web pages that can be viewed by people with different abilities.
Accesskey Attribute - Forms and Accesskey - Links and Accesskey
The accesskey attribute is a powerful accessibility tool in your Web toolbox, as it lets you set up keyboard shortcuts for links and form fields on your page. If you're creating a Web application, this is one more trick to make your application look and act more like an offline application.
Add and Edit Images in Dreamweaver
Dreamweaver MX 2004 adds a new feature to images - editing. Now you can use Dreamweaver MX 2004, Dreamweaver 8, or Dreamweaver CS3 to edit your images without needing to move to a separate image editing program. This tutorial shows you how.
Adding an IE Favorites Icon
When your readers bookmark your pages in Internet Explorer, do they get a
customized icon to represent your site? Learn how to create one and add it
to your site quickly and easily.
Adding and Uploading Images
Putting an image on a Web page is a great way to make your site more fun, but
if you don't upload and link to them correctly, you'll just end up with a page
full of broken graphics. Learn how to upload and link to your images with ease.
Adding Images to EBay
Your EBay advertisement will be much more effective if you include a photo
of what you're selling. And it's much easier to do than you think.
Adding Space to Web Page Text
Adding white space to HTML used to be fairly difficult, but now with CSS it's a lot easier to add spaces around objects, next to elements, and inside your pages. These CSS properties help you with indenting, outdenting, letter spacing, word spacing, line height, and white space.
Adding Streaming Audio Files
Add RealAudio streaming audio to your Web site. Use it for newsfeeds, information,
music, and much more. Learn to stream from a streaming server or an HTTP server.
Advanced CSS
Get the most out of your cascading style sheets. Learn how to use font and text
properties and change the look of your HTML and XML.
Advice on Freelance Web Development
Learn how to get started being a freelance Web developer. In interviews with
five freelancers, you'll learn what it takes, what's hard, and the rewards.
Advice versus Control - Web Designers are Not Print Designers
Print designers have very different requirements than Web designers, and if you're designing your Web site like a print project you'll fail
AJAX: Asynchronous JavaScript and XML
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.
Allaire HomeSite 4.0
The best HTML text editor on the Net. Many professional Webmasters use HomeSite
to develop their pages, find out why.
Alignment in Web Page Layouts
Most Web developers, when they think of alignment think of the align attribute or the CSS float property or something like that. But the alignment of the elements on your page is just as important as whether your text is justified or your image is floated to the left. Alignment provides the structural framework of a design. The alignment can affect the mood of the page as well as how effective it is at getting its message across.
Alignments
Most Web pages that have fancy layouts use tables, but there are several simple
attributes of tags used in nearly every Web page that can create fancy page
layouts.
Alt Text: Describing Your Images for Better Web Accessibility
Alt text allows you to do more than just describe your images for when someone puts their mouse over it. This article describes alt text and how to use it as well as how you might use alt text in different situations and how alt text assists with Web usability and Web accessibility.
Alt Text - Not Alt Tag
The term alt tag is actually an incorrect term that refers to the alt text or alt attribute on images, applets, and input elements to define what is in those elements. Alt text is used to help accessibility and to provide a little more information on the Web page.
Alt Text on Image Maps
One of the biggest problems with image maps is that they can be very inaccessible. One way to make them at least a tiny bit better is to add alternative text to each item. With alt text and titles on the image map clickable areas, your maps will be better received by your customers.
Anatomy of a Blog: The About Web Design Weblog
There are specific formats that all blogs share, the About Web Design/HTML blog is no exception. Whether you want to learn more about weblogs in general or the Web Design/HTML blog in particular, this article delves into the anatomy of a Weblog.
Anatomy of an RSS File
RSS stands for Really Simple Syndication and it's called that because it's one of the easiest XML formats to use - there is very little to it. This article will walk you through how to write your own RSS file so that you can syndicate your site even if you don't have a blog or don't want to buy the Dreamweaver extension to write RSS.
Anatomy of an XML Document
XML documents have a very specific structure. It is something like a tree
with branches off the trunk. Learn how an XML document is structured.
And the Attributes
When people think of HTML they often think only of the tags, but the attributes
are a vital part of the equation. These attributes are for commonly used tags, that
people often forget about.
And the Winners Are...
Readers choice awards for February. Should your site win this award?
Another Look at Browser Detection
Learn why using browser detection scripts might not be the best solution, and the basics of object detection as a solution.
Are Web Designs and HTML protected by copyright?
Web designers and developers work hard to create their Web pages, and it can be very infuriating to spend days or weeks on a design only to find it being used on some other site a few months later. HTML, CSS and the designs they create are protected by copyright.
Are You Being Robbed?
With new technology comes new ways to cheat. There are now some software companies
that are making advertising money off of the ads on your site, while you make nothing.
Are You Invading Your Customers' Privacy?
There are some requests that Web developers make that are needlessly invading the
privacy of their customers. Does your site require these calls, find out why it
still doesn't insure you'll get what you want.
Are Your Web Pages Color Sensitive?
Creating a Web page that is accessible to color blind people can make a big difference in how your pages are perceived. As much as 12% of men in the US are color blind, and if your pages don't reflect that, they might not be seeing your pages at all.
Attracting Advertisers
Advertising is still one of the only consistent revenue sources on the Web. But
with the current advertising recession, you need to do all you can to find the
advertisers and convince them to use your site.
Attributes and XML
Attributes allow you to describe your XML elements.
Aural Style Sheets
Aural style sheets specify how your Web page will sound to customers who use audio browsers - especially for customers who are disabled and use assistive browsers for accessibility.
Authorware 7
A first look at the new eLearning package Authorware 7
Avoid Inline Styles for CSS
Once you've learned the basics of CSS it can be tempting to do things that ultimately make your CSS harder to maintain and use. But if you follow best practices for CSS, you'll have Web pages that are accessible and easier to maintain. One of the basic best practices for CSS is to not use inline styles.
Award and Survey Results for January
Who has the best pages, and what are they using to create them?
The Back Button - How People Use Web Sites
The back button is the most important button on a Web page, and it's not even part of the page itself, but the browser.
Baking Up Some HTTP Cookies
Learn how to use cookies on your own site.
Basic Meta Tags
Meta tags are a great way to get your site seen by search engines. But what
are they exactly? What tasks do they perform and how do you use them?
Basics of Web Design
Web design is made up of some basic premises, and if you understand them you can design pages that will impress and illuminate your readers. These fourteen tips will help you create great Web designs that work with your readers and not against them.
Basics of Web Layout
It's one thing to know how to build a Web layout, but it's something else to know the rules behind designing a layout that works.
Become a Hosting Provider
You would be surprised at how easy it is to become a virtual hosting provider. It
only takes a few minutes to add a new domain. Finding the perfect domain name will
take longer than setting up the hosting.
Before You Buy an HTML Validator
A review of the different types of HTML validators and how to know what kind is best for your needs.
Before You Buy a Web Analytics Solution
Choosing the right Web analytics software for your website doesn't have to be difficult. Make sure you know what you need and what you want from a tool, and you'll find a log analysis package that meets your needs and your budget.
Before You Start Building a Website
Learn what you need in order to build a website for your business or for pleasure. There is more to building Web pages than just learning HTML and CSS. You need a hosting provider, a domain name, and there are legal and privacy issues to consider.
Before You Write Meta Tags
There are many different types of meta tags, figure out what types you need before
weighing down your site. Your site will be more effective, and search engines will
spider your site.
Beginning Cascading Style Sheets
CSS can help you control the look and feel of your site, with ease.
Behind the Scenes at Web Design/HTML @ About.com
Business Web sites are often built and maintained in a very different fashion from how you build and maintain your personal site. There are a lot more programs, processes, and people involved in building and maintaining the Web Design/HTML Web site than you might realize.
Beyond CGI to ColdFusion
Learn how you can create dynamic data-driven Web pages quickly with ColdFusion.
Blog FAQ
Learn more about blogs and weblogs through this FAQ answering the basic questions about weblogs or blogs
Borders - Learn How to Dress up the Edges of Your Elements
This article is for Web designers struggling to take their borders from basic to exciting. You'll learn how to do more with borders than just decide what the width and color should be. Use CSS to create borders that are dashed or dotted and that only show on specific sides.
Centering Stuff with CSS
Learn how to center text, images or blocks on your Web page with CSS.
Book Review: Creating Cool HTML 4 Web Pages
How were you writing cool Web pages before this book?
Book Review: CSS Pocket Reference by Eric A. Meyer
If you're looking for a CSS book you can carry with you all the time, this is the perfect book, but don't rely on it as your only CSS reference unless you're Eric A. Meyers yourself.
Book Review: The Design of Sites by Van Duyne, Landay, and Hong, second edition
Using design patterns is a great way to create a site that works and is easy for your customers to use. The second edition of the book The Design of Sites, by Van Duyne, Landay, and Hong provides a huge number of paterns.
Book Review: Don't Make Me Think by Steve Krug
Web usability is something many developers don't think anything about, but if you don't think about usability your sites won't be usable. Steve Krug's book Don't Make Me Think doesn't force you to think about usability. Instead, it shows you, with pictures and humor how to make your Web sites better.
Book Review: Instant Netscape Dynamic HTML
How to use dHTML to improve your Web pages.
Book Review: Photoshop for the Web
This is one of the best books on creating Web graphics I've ever seen. If you use Photoshop for your images, you should have this book.
Book Review: Pocket Guides
Good things come in small packages, and these tiny books are a lifesaver for
the desperate Web developer.
Book Review: Web Concept and Design
A very good book on Web design by Crystal Waters.
(Updated 01/12/98)
Book Review: The Zen of CSS Design by Dave Shae and Molly Holzschlag
This book might be a bit much for the beginning style sheet user, it is definitely a must-have for anyone with some CSS experience. Based on the CSS Zen Garden Web site, this book teaches through example, and every designer should own it.
Boosting Your Hits
How to increase the number of visitors to your Web site.
Box Elements
Box elements or block-level elements can be difficult to understand as they have different properties than standard in-line elements. Some commonly used box elements are p, div, and h1.
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.
A Brief History of the World Wide Web
The Web has it's roots in the telephone and telegraph industry, but it really all started in March 1989, when Tim Berners-Lee wrote a proposal for managing information that became the World Wide Web.
Bringing Backgrounds to the Foreground
Learn how to use background colors and images to enhance the look of your Web pages.
Browserisms - Two Browser Specific
Tricks
Iframes and layers allow you to tailor your pages to IE or Netscape specifically.
Browsing on the Bleeding Edge
Before you add the newest HTML technology to your site, have you thought about if you need it?
Build a Master Stylesheet
If one of your goals in creating a Web page is to make it look as close as possible across browsers, then the first thing you should do is create a master stylesheet to remove default browser styling. That way, when you build your designs with your design stylesheets, you'll be starting from a clean palette.
Building an Automatic Frame
Frame outgoing links with one CGI. Similar to how About.com does it.
Building Online Communities
When you create an online community, you give people the sense of belonging. They'll want to return to your site.
Building a Web Page for the Totally Lost
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.
Building Your Home Page
Learn how to design a front page that explains what your business is and how it will help your customers. The first page is crucial to make a good impression and get off to a good start.
Built-In ASP Objects
Using the built-in objects in ASP allows you to create dynamic pages without
needing any external elements. Learn how to use some of the more useful built-in
objects.
The Business Case for Editor Types
Most well-run businesses require justification and reason before making decisions, especially for large purchases that may cost a lot of money or impact the company materially. The company Web site is a serious business investment, and making sure you have the best tool for the job is important.
But I Want That Font - Standard Fonts on Windows and Macintosh
Changing the font family to your favorite font will make the page look great in your browser, but if your readers don't have that font, you might be surprised at what it looks like to them. Use the fancy fonts as you please, but you should always have a standard font near the end of your list, and a generic font choice last.
Change is Good - It's Time to Give Up Your Table-Based Designs
It's time to break your old habits and admit that using tables for layout is outmoded and lazy. It's time to move on to CSS layouts, as your excuses just won't hold water for much longer, and why keep bailing when you could join the rest of us at the helm!
Change Text Color Dynamically - Modern Browsers
It used to be very difficult to get text to change color in Netscape (4). But now it's very easy. And your HTML can be valid XHTML as well.
Changing the Design of a Page for Wireless Devices with the Handheld Media Type
First use a media type to define a style sheet for handheld or wireless devices. Then once you've decided on the style sheet, use these tips to create a page that is styled so that wireless devices get the most out of the design.
Changing Font Attributes
When you change your font type, you make your page more unique. This tutorial
will explain how to change the color, size, and face of your text. All with
one HTML tag.
Changing Text Color
Dynamically
And do it in both browsers. Use the DHTML to acheive text rollovers.
Check Links with Dreamweaver
You can use Dreamweaver to check the pages on your Web site for broken links, external links, and orphan pages.
Choosing a CMS
Choosing your content management system CMS is a big step for any site, but there are a lot of things you need to consider, to be sure that you're getting the best you can. From the backend server information through what the CMS costs and what it supports you need to know these things to choose the CMS that's right for you and your site.
Click Here: How to Write Links That Work
Web writing is a bit different from writing for print publications, and links are a huge part of that. This article is for beginning and advanced Web developers who want to improve the writing on their Web pages by improving the content of their links.
Cloaking: What it is and Why You Shouldn't Do It
This article discusses the issue of cloaking and why some firms will recommend it as a way to improve your ranking in search engines. Web site owners who are working with search optimization firms should read this article so that they are aware of the issues surrounding cloaking.
A Closer Look at Content Management Systems
Find out all the different things that CM systems do beyond just managing content.
Colocation Bandwidth Billing
Bandwidth is the typical way that colocation providers bill for their services. But unlike ISPs or other hosting services, it's not usually just a simple straight number. The billing for bandwidth in a colocation situation can be tricky and this article by Mark Kyrnin should help clear it up.
Colocation Extra Fees
Besides bandwidth there are other fees and options that can jack the cost of your colocation service if you're not careful. But this article by Mark Kyrnin explains what some of the more common costs are and why you might or might not want to add them to your service.
Colocation Rack Space
In order to understand colocation you need to understand what they mean when they say rack space. This article covers the basics of rack space and how to find the colocation provider that has exactly what you need.
Color and CSS
There are several different ways to specify color values in CSS, the best known are with color names and color numerical values. But there are two other ways you can define colors in CSS 3 and once you understand how you can define your colors you'll have more options available in your color palette.
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.
Color Symbolism
Color symbolizes many things to different cultures, but it is easy to forget this when designing a Web site. If you use color on your site, then you should be aware of the different meanings different cultures attach to color.
Color Tips for the Web
These tips for using color include color shorthand, finding color triads quickly, and whether or not you should use the browser safe color palette.
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.
Colorizing the Web
Beginning HTML tips on adding color to your Web site.
Comments in Internet Explorer
Microsoft Internet Explorer has a number of proprietary tags and features that can extend how you use the browser. This article discusses conditional comments and the comment element.
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.
Common Myths and Facts About Modern WYSIWYG Editors
WYSIWYG editors have been much maligned but are they still as bad as they ever were? I look at the common knowledge about WYSIWYG editors and determine which ones apply and which ones don't.
The Common Gateway Interface (CGI)
Learn about how CGI works and how to add interactivity to your Web pages.
Common Problems Using CSS Descendant Selectors
Descendant CSS selectors are getting much more popular in CSS style sheets because they give you a lot more control over precisely which elements you want to style. Add to that that child selectors and sibling selectors weren't widely supported until recently, and that adds to their popularity. But descendant selectors often select more than what you intend - with strange results.
Common Validation Problems and How to Fix Them
HTML validators can be very intimidating to the novice Web developer. But if you learn a few simple steps you can turn the W3C validator and others like it into a valuable tool for solving problems with your Web pages.
Conference Notes: Web 98
Day one of Web 98, "Welcome to the Summit".
Converting Web Sites to XHTML+CSS
Many Web designers have been building pages for years, either by hand or with an editor, and the idea of converting their site(s) to XHTML+CSS is daunting at best. This article looks at the issue of conversion and shows the pros and cons for converting, so you can make your own decision.
Content and E-Commerce
Examine three popular e-commerce sites to see how you can bring repeat visitors
to your site, and from there, sales.
Content Management
Maintaining a large Web site with multiple content developers can be easy if
you have the right tool.
Content Management for the Masses
Weblogs, or blogs, are an easy way to get content up on a Web site, and there is more to them than just online diaries.
Controlling Web Robots
Search engines and other systems use robots or spiders to automatically crawl through your Web site. They parse the pages and store the data. It's possible to control where those robots go and what they do on your site using the robots.txt file.
COPPA Turns One
Protecting children online is important. Learn about the US law that protects them
as well as other parental controls for the Internet.
Copyright on the Web
Just because you can easily copy images and text from a Web page does not mean
you're not violating copyright law. Learn some of the common misconceptions about
copyright and the Web.
Create a Pull Quote with HTML and CSS
Pull quotes can make your Web page content look more literary. A pull quote is something you see in magazines - where a short part of the content is pulled out and enlarged to attract attention to the content. You can make basic pull quotes with the blockquote element, but with CSS you can make it even more interesting.
Create a Web Photo Album in Dreamweaver
It's easy to use Dreamweaver to create a Web photo album of all the pictures in a directory. The Dreamweaver Web Photo Album wizard makes it easy.
Creating Better Links
Links are the mainstay of your site. If you don't have good links, people won't stay.
Create Your Own Dreamweaver Shortcuts
Dreamweaver is very customizable and one easy way to customize Dreamweaver is to create keyboard shortcuts for the commands and actions you do all the time. Use custom Dreamweaver keyboard shortcuts to make your work easier and more efficient.
Creating a Great Web Page
With this checklist of items, you'll create a page that is well formed, and user friendly.
Creating Framed Web Pages Part 1
An introduction to using HTML frames on your Web pages.
Creating Framed Web Pages Part 2
There are only three tags required to make a framed Web page. Do you know them?
Creating Framed Web Pages Part 3
Once you have a frameset, what do you do with the frames themselves?
Creating Framed Web Pages Part 4
Targeting your frames and the IE in-line frame.
Creating Online Education
Learn how to use your Web site to create online education for your employees and customers. E-learning is a powerful tool to help reduce costs and retain employees.
Creating a Web Color Scheme
Color schemes are important on Web sites, but it's easy to get carried away, especially if you like a large number of different colors. Use these standard color schemes to create a standard color scheme for your Web site.
Creating Your Web Design Business Site
Where to start when building your own Web design business Web site. Many Developers seem to leave this site for last when building sites. I am guilty of this myself. Learn how to build the site that helps attract more customers.
Cross Browser DHTML
Here are four options you have for creating cross-platform Dynamic HTML Web
pages.
CSS 2 Selectors
CSS 2 selectors extend the reach of CSS selectors to allow you more power and control over what you can style in your documents. Once you understand CSS 2 selectors you'll have more wildcards and depth of styles for your cascading style sheets.
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.
CSS 3 Selectors That Work Right Now
CSS 3 is not yet complete, but there are some selectors already available that you can use to help improve your documents destined for a Mozilla/Firefox audience. CSS 3 selectors give you a lot more flexibility and power with your Web documents.
CSS Border Styles
Use CSS to change the style of borders around your elements.
CSS and Bulleted Lists
Learn how to get your unordered and Bulleted lists to look as you want them to.
CSS Cheat Sheet
When you're starting a Web page from scratch, there are some simple styles that you should define right away for your designs. With this sample style sheet and CSS cheat sheet, you can make sure you get the basic styles defined every time so that you're spending your time creating the custom styles that make your design unique.
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.
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.
CSS Editing Software: Which One is Right for You?
If you're looking to find the right CSS editing software to meet your needs you should take this questionairre. After just a few short questions, you'll have a list of some of the best CSS editing software tools available to meet your needs and your budget.
CSS FAQ - Frequently Asked Questions About Cascading Style Sheets
There are many things that you need to know to learn to write Cascading Style Sheets. This FAQ will help answer some of the more common questions about CSS.
CSS Inheritance
CSS inheritance is what defines how styles will be applied to child elements in a document. Inheritance in CSS allows the Web designer to define one set of styles for a top-level, parent element and have child elements beneath it carry the same styles, without explicitly calling them out.
CSS Initial Caps
Learn how to use CSS to create fancy initial caps for your paragraphs. There is even a simple image replacement technique to use a graphical image for your initial cap.
CSS Media Types Create Print-Friendly Pages
Learn how easy it is to use Cascading Style Sheets (CSS) media types to define a printer-friendly page without actually building one.
CSS Outline Styles
The CSS 2 outline property is different from the border property in several ways. Primarily in that they do not take up space and they may be non-rectangular.
CSS Positioning
Use Cascading Style Sheets to position your HTML elements precisely where you want
them.
CSS Specificity
CSS specificity is the way that Web browsers determine how two or more competing rules will apply in a given situation. If two CSS rules could apply to the same property, one will be more specific and so it will win over the other.
CSS Step By Step
Learn how to use inline styles, stylesheets in the header, and external stylesheets.
CSS Styles and Languages
When working with Web pages, you need to be aware of both the language your Web site is written in and the language encoding used by your customers. CSS can help affect the style of your text and determine the direction and how it works within Unicode.
CSS2 Generated Content
Sometimes you don't want content to be included in the document tree for some reason. Now, CSS2 comes with a way to include that content.
CSS2 vs CSS1 - What's The Difference?
What is the difference between CSS2 and CSS1? Cascading Style Sheets, level 2 offers many
new properties and methods to control the look and feel of your documents in various different
settings - not just Web pages.
Data Driven Web Pages
Using a database to create a Web page makes your site more dynamic, and easier
for you to maintain.
A Day in the Life of a Webmaster
A fairly typical day in the work life of a professional Webmaster.
Definition Lists
When people think lists, they usually think of numbered or bulletted lists, but there is another type of list that can be very useful to Web designers - the definition list. This article covers when to use the definition list and how to style them so that they look nice on your Web page.
Designing a War - Getting Attention With Your Site Design
Learn how to use different design techniques to get attention for unique events on your Web site.
Designing for IE - 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.
Designing in Color
Learn how to write color codes and convert to hexadecimal from RGB.
DHTML Menus - Not Standards Based - For IE and Other Browsers
DHTML menus are one of the most popular ways to use dynamic HTML. They allow you to have crisp menus on your site while providing additional information to your customers as they mouse over the links.
Did You Know? - All Web Graphics are Square
Web graphics may look like they are round or have jagged edges, but they are all square. Once you understand the basic shape of a Web graphic, you can use it to manipulate the way your pages look
The Difference Between CSS and XSLT
Not all style sheets are created equal. CSS and XSLT have two very different roles.
Differences Between Dreamweaver 8 and Dreamweaver CS3
Learn some of the practical differences between Dreamweaver 8 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?
Disabled Attributes in Web Forms
The disabled attribute is a useful tool for HTML forms developers, as it allows you to make forms that are more dynamic and useful to the user. Use the disabled attribute to set form elements to disabled so that the customer cannot fill them in.
Displaying Stylesheets Dynamically
Learn how to use Dynamic HTML to use stylesheets that take advantage of the browser.
Divitis - The Habit of Using Divs for Everything in CSS Layouts
One of the most common mistakes a beginning CSS layout Web designer will make is to put everything in divs. Sometimes even down to the paragraph level. While this might make things easier to think about, it's not semantic markup, and it ends up being harder to maintain, as it's impossible to look at the code and know immediately what it's supposed to be.
Do We Need Web Standards?
Standards compliance is nearly there in Web browsers, but now we need to look to authoring tools to create more standard Web pages.
Do you Build Maintainable Websites?
Maintainability is not something many Web designers think about when building websites. But it can be a critical issue even just a short time later when you need to re-work part of the site or completely redesign it. These tips for creating a maintainable site will help you create sites that you look forward to re-doing, rather than dread.
Do You Want This Job?
Many people learn HTML with the goal of becoming a professional Web developer,
but do you know what the job really entails? It's not all peaches and cream.
Learn some of the "cons" in a job that some feel has only "pros".
Does Your Web Site Have a Content Management Problem?
Many larger Web sites do, but there are content management systems available to help.
Find out if your site has similar problems to this case study.
Don't Catch a Virus from Your Web Page
Spammers and virus writers are getting ever more clever in finding email addresses to
mail. Learn how to protect yourself and build a Web page that still has contact
information your readers can use.
Don't Forget the Missing Table Tags
Using the additional table tags like caption, thead and tbody as well as the summary attribute can make your HTML tables more accessible.
Don't Tell Your Readers What Browser to Use
Don't expect your readers to change browsers. What if they put in a DVD and the player said I'm sorry, this DVD won't play unless you have the Sony Trinitron HDTV player and 42inch receiver. Your Web page shouldn't be doing that either.
Dreamweaver 8 Walkthrough
Learning Dreamweaver can be tricky, but this walkthrough will take you through the standard panels and what you can expect from Dreamweaver.
Dreamweaver Behaviors
A list of the behaviors that are included in Dreamweaver and what they do
Dreamweaver CS3 New Files Menu
Creating a Web page in Dreamweaver CS3 can be overwhelming because there are so many choices in the New Files menu. This gallery will show you how to get the most out of the Dreamweaver CS3 new files window.
Dreamweaver Workspaces (for Windows)
How to change the workspace in Dreamweaver for Windows.
DTDs and Markup Languages
Learn what a DTD or Document Type Definition is and how you use them in XML
and HTML documents.
Dynamic Fonts
Use TrueDoc or OpenType to display the fonts you want to display on your Web pages.
Dynamic HTML
What is dHTML and how do you use it?
Dynamic HTML Attributes
An easy way to get started understanding DHTML is to understand the attributes that are used for dynamic changes to a Web page like onclick onmouseover onfocus and so on
Dynamic HTML References
Dynamic HTML is fun and exciting, and with these references, you can get started
quickly.
Easy Dynamic HTML
This is an example of an easy way to add dynamic HTML to your Web pages.
Ecommerce Functions in XPath
XPath is a powerful tool for ecommerce, with many functions that help manage and manipulate the data.
Effective Web Navigation
Designing effective Web navigation is crucial to create a Web site that your readers can get around on. If you don't have decent navigation, even if they like the site, they'll leave without finding all you have to offer. Learn how to design effective Web navigation.
Emphasis in Web Design
Trying to make everything on a Web page stand out means that nothing will stand out. Good designers learn to use emphasis wisely so that the important parts of the layout dominate without overwhelming and there is a visual hierarchy that leads the reader through the Web page. You do this through the use of design emphasis.
Even More Meta Tags
Use meta tags to prevent search engines from searching your pages, plus protect child viewers, and provide more information about the page.
Every Page is an Entry Page
If you want someone to find your Web site, does it really matter if they find your home page or some other page on your Web site? Many people focus so heavily on optimizing their home page for search engines, that they forget that other pages on their site might be easier to optimize and result in more page views.
Examining XML
XML is a very generic language, and as such, can be confusing to understand.
However, once you understand some basic principles you can start creating XML
documents that are well-formed and valid.
External Style Sheets
External style sheets (CSS) allow you to use one style sheet on multiple Web pages - so when you change the look for your site, you chage the CSS in one location.
Finding a Web Hosting Provider
The first step to building a Web page or website is to find a Web hosting provider. There are a number of things you should think about when choosing your Web hosting provider
First Things First - Where to Start When Editing a New Page in Dreamweaver
When you start to build a page in Dreamweaver, there are a lot of properties that you'll want to control about the basic aspects of your Web page.
Five Easy Steps to Starting Your Web Page
Learn what you need to do to get your first page up on the Web.
Flash Websites - Pros and Cons
Writing a website in Flash only can have definite benefits - but it can also have large drawbacks. Use this article to determine if the benefits to your site outweigh the drawbacks. Use Flash when it adds value for your readers, not just when you want to show off your skills as a Flash developer.
Fixed Width Layouts Versus Liquid Layouts
Web page layout has essentially two different methods: liquid and fixed width layouts. Learn the pros and cons of each, and how you can decide to use one or the other for your site.
Flow in Design - Layout and Artwork that Conveys Motion
Visual flow carries the viewer's eye through the document. Using obvious flow elements like arrows or numbers is the most common way Web designers use flow, but there are other types of elements that can be used and mis-used to direct your readers to move along a specific path. The steps in this tutorial will show you examples of good and bad flow and help you learn the vocabulary of visual flow in design.
Font Families - Serif, Sans-Serif, Monospace, Script, Fantasy
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.
Font Style - Italics and Emphasis in Web Typography
The style of a font is whether it is upright or slanted. Most people think of the font style as italics.
<font> vs. CSS
The font tag has been deprecated in favor of Cascading Style Sheets. Find out how
to do all the same things as the font tag, and more with CSS.
Font Weight - Boldness in Web Typography
The weight of a font is how dark or light it appears. This also refers to the boldness of a font face.
Form Validation
If you have an HTML form, how can you be sure that they answer all the questions
you want answered?
Form vs. Function - XML-like HTML Tags
There are several HTML tags that look a lot like XML. But what does that really
mean? Learn about why some tags were deprecated in XHTML 1.0 and some specific
tags that weren't.
Formatting Rules to Live By
Advice on how to format your Web pages so that people will read them.
"Framed" Pages without Frames
CSS positioning is a great way to create framed pages without using frames. CSS allows you to position your HTML elements including making it look like a frame.
Frames FAQ
Frames can be confusing, but some of the more common questions have fairly easy
answers.
Frames and Search Engines
When you use frames, it makes it more difficult for search engines to catalog
your pages. But that doesn't mean you shouldn't use them. Find out how to create
a framed page that gains you hits, not loses them.
Frames Tips
Open your frames links in the frame you want them to open in. Plus, learn
how to make your framed pages "friendly".
Frames -- Why and Why Not
Confessions of a frames turncoat.
Free Content Isn't Always What It Seems
There are a lot of free content and reprint sites available on the Web, but you should be aware that free can sometimes come with a hidden price tag - especially if the site is a reprinter that violates copyright. Even though you may have added the content completely unknowingly, if you are hosting plagiarized content, you could be held liable. Always check the sources of your free content - and beware of reprint sites.
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.
Freelance Web Designers - What Does Your Web Site Say About You?
Your Web site can and probably will be seen by your customers, clients and future bosses. Is it saying what you want it to say about yourself and your skills?
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.
Getting a Job as a Webmaster
Do you have what it takes? What are the steps I took to getting a job as a Webmaster?
Gifts for Webmasters
Essential tools of the trade to give and to ask for.
Going Beyond Plain Text
Learn how to use special characters in your Web pages to display more than just what's on the keyboard
Google Copyright Infringement Letter
A copy of a letter you can send to Google to fight copyright infringements on Blogger or Picassa.
Grab 'Em Quick
The first page of your site is where you hook your readers or lose them forever.
Make it fit your site, your readers, and yourself.
Hand Coding HTML vs. WYSIWYG Editors - Continued
Readers comment on writing HTML from scratch or using editors.
Head Rush Ajax by Brett McLaughlin
A review of the book Head Rush Ajax by Brett McLaughlin. A quick and dirty way to get your Web site up and running using Ajax.
Hiding Your Cascading Style Sheets
When you use CSS to style your Web pages you may notice that there are certain properties that don't work as you expect in all browsers. The most common way to deal with that is to write browser-specific cascading style sheets and then use JavaScript to browswer-sniff. But you can also use bugs in these same browsers to hide your style sheets from various browsers.
HomeSite Help and Resources
HomeSite Help and resources to learn to use the Macromedia HomeSite HTML text editor and Web development tool.
How Are You Being Served?
If you know what Web server your site is running on, you can take advantage
of it's features. Learn how to choose the right server for you.
How can I create a variable-width container without a table?
The display: table; CSS property is not supported in IE. This means that the only way to get the look of a table with CSS is to use a table.
How can you tell if a site is a link farm?
It's not a good idea to link to a link farm or to participate in creating one unless you don't care that your site may be banned from search engines.
How Cookies are Used by Web Pages and Web Browsers
Cookies are used to store bits of information. Cookies can only get the information that the Web browser can get or that the person browsing gives to the cookie.
How Do I Include One HTML File in Another Using Dreamweaver?
The Dreamweaver library function is one of the best things about the editor, because it allows you to create include files for your site without having any actual include functionality on the server.
How Do you Stretch a Background Image in a Web Page?
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.
How much programming does a Web Designer do?
Is it important to learn C++ or Java or some other programming language in order to be a successful Web developer?
How Should My XML Look?
XML doesn't define how a document should look when it's displayed. It's easy to
use Cascading Style Sheets (CSS) to define how your XML documents should look.
How to Add Anchor Links with Dreamweaver
Anchor links or internal links are a way to link to various sections of a Web page. These are easy to add using Dreamweaver.
How To Add a Dreamweaver Behavior
It's easy to add Dreamweaver behaviors to the elements we need to
How to Add CSS Style Sheets in Dreamweaaver
It's easy to use Dreamweaver to add CSS style properties to your Web pages or create entire CSS style sheets for use on your Web site.
How to Add CSS Style Sheets in Expression Web
It's easy to use Expression Web to add CSS style properties to your Web pages or create entire CSS style sheets for use on your Web site.
How to Add Meta Data to a Dreamweaver Page
Adding meta data in Dreamweaver is a bit hidden, but it's possible to add any meta tag you need in Dreamweaver and then edit them later right from your design view.
How to Add RSS Feeds to a Web Site with Dreamweaver
Sometimes, it seems like the only way to get an RSS feed is to have a blog or to write the RSS by hand. But there is a Dreamweaver Extension you can use to build RSS feeds for your Web site. This extension will build feeds manually or take content from your existing Web pages to build the feed.
How to Add Styles with Dreamweaver
Dreamweaver comes with a very easy to use style sheet editor. The trickiest part is finding how to add your styles.
How to Avoid Deprecated HTML
It's one thing to be told to use CSS in place of deprecated HTML, but if you don't know what to use it can be difficult. This article will show you how to use CSS in place of those deprecated tags.
How to Build a 3-Column Layout in CSS - Step-by-Step
CSS layout requires that you think of your Web site layout as a whole, and then take the pieces and put them together. Use this tutorial to go from a simple wire-frame of a basic 3-column layout all the way to a Web page ready for content to be included.
How to Build an Internal Style Sheet
Learn how to create and use external style sheets on your site.
How to Change the Doctype in Dreamweaver
It's easy to change the doctype in a Dreamweaver document.
How to Convert Word to HTML with Dreamweaver
When you use Word to save as HTML you end up with a lot of strange codes that can make the page look wrong on your Web site. Plus the HTML is a lot larger than it needs to be. Luckily you can use Dreamweaver to convert Word documents to HTML in just a couple of steps.
How to Create a Dreamweaver Image Placeholder
Dreamweaver image placeholders make it easy to create a new design without needing the images for that design until you're ready to build them.
How to Create a Dreamweaver Template
Dreamweaver templates help you to maintain sites by creating editable regions and regions that are maintained by the template.
How to Create a Frameset in Dreamweaver
HTML frames are complicated, but with Dreamweaver you can create new framed Web pages in just a few steps.
How to Create a Portfolio
Creating an online portfolio of your best work is a very important way to show what you are capable of. Portfolios provide details of your skills in design and development and are often critical to finding work. But a Web portfolio is more than just a list of screen shots and these tips will help you create a Web portfolio that will work for you.
How to Create a Rollover Image in Dreamweaver
It's easy to create a rollover image with Dreamweaver. This tutorial shows how to do it in Dreamweaver CS3, but the instructions are identical for versions back through Dreamweaver MX, including MX 2004, and Dreamweaver 8.
How to Create User-Friendly Forms
It's fairly easy to learn to write HTML forms, but there are a number of tricks to creating forms that your readers will want to fill out.
How to Create a New Web Site Using Macromedia Dreamweaver
This visual tutorial will help the beginning Dreamweaver author create a new site using the site builder tool in Dreamweaver.
How to Customize the Dreamweaver Favorites Insert Bar
Make Dreamweaver easier to use by putting the insert buttons you use the most on the Favorites bar so that they're always available to you.
How to Drive Away Your Readers
Are you trying to create a site that people want to read and return to? Or are you
doing things that make them never return, and tell all their friends to avoid it, as
well?
How to Edit Noframes Content in Dreamweaver
Dreaweaver hides the noframes area a little, but in order to create valid and useful noframes content, you want to be sure to edit your noframes page.
How to Evaluate a Web Editor
When you're looking for an HTML editor it can be easy to get suckered by the price - many people focus on free editors, while others assume that if it costs a lot it must be good. These are the criteria I use to rank HTML editors. Editors with more of the features or more of the important features get a higher ranking.
How to Fight Copyright Violations
Fighting copyright theft can be frustrating - if the site owner doesn't have contact information or refuses to remove the content, it can seem like there's nothing you can do. But you often have more recourse than just one simple request. This step-by-step tutorial will take you through the process of fighting copyright theft, from simple initial requests through more complicated processes when initial requests are ignored.
How to Install Apache, mySQL, and PHP on Windows (WAMP)
Building Web pages in PHP with a MySQL database can be challenging, but if you set up a test server on your local hard drive, you'll be able to test your changes before you push them live. This article explains how to install Apache, MySQL, and PHP on a Windows machine using the WAMP installer AppServ.
How to Install the Apache Web Server on Linux
Learn how to install the Apache Web server on a Linux system from source files.
How to Install the Apache Web Server on Windows
Learn how to install the Apache Web server on a Windows system.
How to Play a Sound on Click or on MouseOver
You can use this DHTML script to make a sound play when you mouse over a page element or click a link.
How to Preview Your Web Pages
Testing your Web pages is a critical part of Web development. But many novice designers don't realize that they can test their pages before they ever go up on the Web for other people to see. It's important to get into the habit of testing your Web pages in as many browsers as possible.
How to Protect Your Digital Photos from Being Copied
Protecting your digital photos from people using them without your knowledge is essentially impossible. But there are some ways that you can make it more difficult.
How to Set a Price 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.
How to Set up a DNS Alias
It's easy to set up DNS aliases with the Apache Web server. What this means is that if you have one Web domain or 100 you can set them all up to point to different directories on your Web server and host them all yourself.
How to Set up Dreamweaver to Transfer Files
In order to use Dreamweaver to transfer files from your hard drive to your Web site, you need to set up Dreamweaver to do file transfer. The most common method of file transfer is FTP, and this tutorial will show you how. There are also several other methods that Dreamweaver provides to help you manage your files, and this article will show how they are set up.
How to Set Up a PHP/MySQL Site in Dreamweaver
It's easy to set up Dreamweaver to work with a testing server so that you can create dynamic websites using PHP and MySQL.
How to 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.
How to Style a Tag Cloud
The styles for a tag cloud aren't that difficult to master, but once you understand them, you can use them to create a tag cloud of anything on your site that is measurable.
How to Syndicate this Site
The Web Design/HTML weblog is available for syndication. And with a simple script, it's easy to have this site and other RSS feeds right on your Web page. You can also use aggregators and newsreaders to read RSS feeds you're interested in.
How to Use an Accessibility Validator
Unlike HTML validators, accessibility validators require that you do a bit more manual work to make sure that your sites are accessible. This document will help you understand how to use an accessibility validator so that your site actually is accessible.
How to Use a Blog for Non-Diarists
It's possible to use a blog or weblog to improve your business, even if you think your business really isn't suited to blogs.
How to Use Dreamweaver Tracing Images
Dreamweaver makes it easy to go from a graphic design rendering of your Web page to the Web page itself using tracing images.
How to Use HTML Codes for Special Characters
It's easy to include special characters in your Web pages, even if the characters aren't on your keyboard layout. Simply use Unicode and HTML character entity codes to define the characters on your Web pages.
How to Write Web Pages for the iPhone and Other Wireless Devices
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.
How Useful is Your 404 Page?
Most Web servers have a way for developers to edit and maintain their 404 page. In many cases, you can even set up 404 pages for different areas of the Web site and to suit different purposes. But it's easy to create a 404 page that is basically useless.
HTML and CSS in Email
HTML email is very widespread. Most email clients use it and it makes email a lot easier to read and understand the messages. But HTML email can have drawbacks. If you use HTML to write or format messages you should be aware of the issues and make an informed decision.
HTML Forms Tutorial
Add interactivity to your site with HTML forms.
HTML Forms Tutorial - The INPUT
Tag
The INPUT tag is your primary form tag. It has a lot of features, and once you
know them you will have the basis for superior forms.
HTML Forms Tutorial - Method, Mailto Forms, and Multiple Pages
Using forms can be difficult, but if you know how to do these trickier elements
you'll be all set.
HTML Forms Tutorial - Textarea and
Select
Once you have mastered the textarea and select form input fields, you'll have
all you need to make well crafted forms.
HTML in Action
A weekly review of sites that demonstrate HTML as it can be done.
The HTML Label Tag - Make Your Forms Accessible
Using the label tag to label HTML forms elements that don't have implicit labels gives you more control over the design and accessibility of your Web forms.
HTML Link Tag
The HTML link tag can be somewhat confusing because it has a lot of different possible functions. The most common use of the link tag is to link external style sheets to the current document. But you can also define related documents, such as previous and next pages in a series, alternate versions of the page, and index pages.
HTML Pet Peeves
Some tips to improve your pages, by avoiding annoying habits.
HTTP Cookies
Learn how cookies are used and what they are for. They are only as dangerous as you make them.
HTML Tables Tutorial
An introduction to using tables in your Web pages.
HTML vs. What's On the Screen
It can be difficult to understand that what you type in a Web editor is often very different from what displays on the Web browser. Learn to tell the difference between HTML and Web pages.
I Know HTML, Am I a Webmaster?
What does the title Webmaster really mean?
If You Build It, Will They Come?
Six tips to market your Web page and encourage repeat visits.
Illustrated Box Model
What are the parts of the CSS box model. Learn about how the different parts of the CSS box model work and how they interact with one another.
I've Learned HTML, What's Next?
Once you've learned HTML, what should you learn next to be a good Web developer?
Images Should be Clickable
Graphics on Web pages are one of the places that customers tend to gravitate towards, they want to click on them. So you should make them clickable.
Improving on the Image Tag
Using images is key to having an interesting Web page. But there is more to the
IMG tag than just the source of the image. Learn how to use it effectively.
Installing a Guestbook
If you're looking to add a guestbook or other CGI to your site, you will find
that it is much easier than you might think. You can choose to use a guestbook
on another site, or you can even learn how to install a CGI on your own server.
Introducing the Macromedia Web Publishing System
More than just a content management system, the new Macromedia Web Publishing System puts together everything an organization would need to publish to the Web quickly and effectively without the hassles of a CMS. This system includes new releases of Macromedia Contribute 3 and Macromedia FlashPaper 2.
Introducing the Tip of the Day
There are so many sites on HTML, how can you see them all?
Introduction to ASP
Active Server Pages can give you the dynamic, interactive pages you crave. Find
out how this technology works and how it is different from other Web technology.
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.
Introduction to XPath
Learn the conventions for pointing to specific parts of your XML document. You should know XPath to work with both XSLT and XPointer.
Introduction to XSL
XSL is more than just transformations of XML documents, it allows you to define your presentations and provide specific maps of your documents.
Is Your Site Cool?
Find out why Jared Spool says, "Cool doesn't cut it."
K.I.S.S. - Keep It Simple, Silly!
When you are creating a Web site, keep your HTML simple. Tag bloat is difficult
to read and modify later, and can create pages that are overly complex. The most
common culprit is the <table> tag.
KompoZer 0.77 Walkthrough
If you've never used a WYSIWYG editor before or are not familiar with nVu or KompoZer, this walkthrough will give you a good idea of the capabilities of this free editor.
Large Web Sites Don't Change Much
If you've been visiting one of the larger Web sites on the Internet for a long time, you may have noticed that many of them don't do massive redesigns the way that smaller Web sites tend to. Redesigns can be very difficult for customers to get used to unless they are done in an iterative approach.
The Legalities of Linking
Is it legal to link to sites outside your own? What are the legal ramifications to linking to other sites?
Let Your Organization Reflect Your Site Layout
Use the organization of your directories and your 404 page content to help your readers navigate your site.
"Link Rot" Are You a Culprit?
Do you you move your pages? Reorganizations and other changes to a site can
cause links to go bad when they don't have to. Stop link rot at the source,
don't change your URIs.
Links: How Your Readers Get Places on the Web
This article covers the basics and more advanced aspects of linking on a Web page. Beginning Web designers will get resources to learn how to create links and more advanced designers will learn how to style links effectively and check for problem with their hyperlinks.
Little Web of Horrors
Design tactics that will often scare away even the most dedicated reader. These tactics are the worst of the Web - and should be avoided at all costs.
Low Vision Web Page Layouts
Because the Web is primarily text, people with low vision often only need to expand the size of your text to be able to read it. However, even with the most flexible layouts, there can be problems when the reader zooms in using the Web browser. So some designers developed the idea of creating alternate style sheets that were written specifically for low vision readers.
Macromedia Dreamweaver Help and Resources
Dreamweaver Help and resources to learn to use the Macromedia Dreamweaver HTML WYSIWYG editor and Web development tool.
Macromedia MX - A First Look
A first look at a fully-integrated Web development suite and server solution.
Macromedia Studio 8: A First Look
Macromedia Studio 8 offers an exciting upgrade to one of the best software suites on the market right now for Web developers and Web designers. The Studio 8 software suite includes Dreamweaver 8, Flash 8, Fireworks 8, Contribute 3, and Flashpaper.
Magic with Meta Tags
Meta tags can help improve your standing in search engines. Find out if you're
adding them correctly.
Mail Links on Your Web Site
Contact pages are the best way to build a rapport with your customers. But you
don't want to set up something that you can't handle or that allows spammers
free access to your mail.
Make Fancy Headings with CSS
Plain HTML headings are ugly. There's no getting around it. H1 is big, bold, and ugly, and h2 isn't much better. H3 isn't so bad, but since it's so close to bold it's kinda pointless, and h4, well, that really is bold. H5 and H6 are typically too small to read. So why use headings? Well, search engines like them. And with CSS you can make them look as pretty as you please with text styles, borders, and even images.
Making Spaces
Using the non-breaking space ( ).
Making Web Columns Appear to Be the Same Height
When building CSS designs you may find that the columns end up all different heights, which can look bad. But there is a way to fake it so that the columns appear to all end at the same place.
Managed vs. Unmanaged Colocation
Managed and unmanaged colocation are two of the options you need to understand if you're going to choose to colocate your Web server. This article by Mark Kyrnin will help you to understand the differences.
Manipulating the Cache
Caching helps speed up a page, but can prevent content from staying up-to-date. Web
developers can control this caching.
Mathematics, Seashells, and Web Design
Many designers would like to believe that there is no way to scientifically quantify why things look good. It's just a feeling. But the Greeks came up with a formula for classical beauty that is used to this day. And if you use that same formula on your Web pages, you'll have a design that is pleasing and understandable to the majority of your audience.
Meta Refresh Tag
There is a special tag in the <head> of your HTML document that will
reload the current page, or force your readers to go to a new page.
Modularization of XHTML
XHTML has been broken up into modules to make it more extensible and allow it to
be used on more diverse platforms.
More Meta Tags
You can use meta tags for more than just search engines. Move people around
your site.
More on International Pages
It's important to think about dates, phone numbers, and the platform your readers
are on. Global sites can be challenging to run, there is a lot to remember.
Navigating Web Pages
If your readers can't find their way around your site, they won't try, they'll just leave.
Navigation Menus Using CSS Lists
Learn how to use CSS to style basic unordered lists into vertical navigation menus for your Web site.
Nesting HTML Tags
When you write HTML from scratch, it's very common to need to put multiple tags around one block of text. This is called nesting. But it's easy to do it incorrectly if you're not paying attention, and this can result in invalid HTML and sometimes pages that don't display correctly.
A New Resolution
Web design often revolves around screen size and resolution. Take a look at your customers and determine if your site is designed with their resolutions in mind.
A New Year's Resolution
Make the resolution to build or improve your Web site. These tips will help.
Noframes - The Key to Usable and Accessible Frames
Noframes helps you provide a site even if your customers can't use frames. Get help learning to use one of the lesser used frames tags - noframes.
Old Aunty Eh-Leeas
(anti-alias)
Images and fonts might have the "jaggies" on your page, if you aren't familiar
with anti-aliasing.
One Year of HTML
A contest to celebrate my first year as the HTML Guide. Submit your entries by
10/31/98 and possibly win a free book.
Open Two Frames with One Link
Links usually open only one window, but with DHTML you can open two windows
with just one click.
Opening a Link in a New Window
There are two ways to open new windows when your readers click on links.
Optimizing Images
Pages that download fast are more than just fast HTML, they have well designed
images. Learn to optimize your images.
Organize Your Site
Spring cleaning is for more than just your house. Whether you have a large site
or small, it's always a good idea to reorganize and make it easier to manage.
Organizing Your CSS Files
Writing a CSS stylesheet is often just a matter of slapping all your styles into a document so that your pages look okay. But if you organize your stylesheet, your pages will be more easily maintained in the long run.
Origin and Design Goals for XML
The ten design goals for XML and what they mean.
Overcoming Resistance to Content Management
A closer look at why people might not want a content management system, and what
you can do to overcome these issues.
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.
Perfect HTML Painlessly
Using online HTML validators to clean up your HTML.
A Perl Library
If you add these four books to your library, you will have all you need to learn
and use Perl effectively.
Pixel Perfect Design Does Not Necessarily Equal Good Web Design
We all know that a Web page is not a printout, but it's still very common for designers who started in print media to attempt to make their pages look and act like printouts. However, if you decide to move away from the print beginnings, that doesn't mean you should throw away all design principles - you just need to be less rigid in your interpretation of them.
Playing with 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.
Playing with the Cursor
Using the CSS cursor property you can change the cursor that displays on your Web pages. This can result in some interesting effects if you do it well. Learn how to change your cursors using CSS.
Playing with HTML Codes
You might be surprised at the various HTML codes that are available. Use these special characters to dress up your page or just include more correct language.
Playing with Lists
There are many attributes of lists that you might be unaware of that allow you to create more
flexible lists.
Pre-Processed HTML
Enhance your Web pages while reducing your workload with HTML pre-processors.
Pretty Forms
There are ways you can make your forms look nicer and interact with CSS layout and design directives
Pretty HTML
Even if you use a WYSIWYG editor to write your Web pages, it can be a good idea to look at the code once in a while. If you need to pass along your HTML to another developer, you should make sure that it is easy to read and review.
Pricing Web Projects
Learn to use forumlas to estimate both the base cost of a project and how much you need to earn to make a decent salary
The Principles of Design
The principles of design are how you apply design elements to your page. These principles are some of the more accepted methods of design.
Prioritizing Web Projects
What to do when everything you're working on has top priority. How to prioritize Web projects.
Privacy Policies and P3P
Use the Platform for Privacy Preferences Project (P3P) to create and use privacy policies on your Web site. And find out what browsers support this project.
Pros and Cons of Adding Sound to Web Pages
Sound on Web pages can be a contentious issue. Some Web designers feel that it should never be used on Web pages, while others feel that there is always a use for sound to improve and enhance designs.
Pros and Cons of Image Maps
Image maps used to be extremely popular. But now you hardly ever see them. It could be that they became less popular as other features such as CSS came into the foreground. Or it could be that they are useful only in certain situations and should generally be avoided.
Pros and Cons of Pop-Ups, Pop-Unders, Overlays, and Intrusive Ads
Pop-up ads can be annoying, but there are reasons why people use them - And there are lots of pop-up blockers available to stop them - find out why to use them and why not
Push Technology - XML In Action
It's easy to set up a Web site with push technology using the XML application
CDF or Channel Definition Format.
Put up a Page on About.com
You want to build a personal home page, but you don't know where. Look no further
than About.com. It's easy to build a home page, you can have one up in about
20 minutes.
Putting Together a Web Site: Part
1
When you're thinking of creating a Web site, you need to know where you're going
to host it.
Putting Together a Web Site: Part
2
Once you have a place to host your site, what tools will you use to create it?
Putting Together a Web Site: Part 3
HTML Editors aren't the only tools you'll need. You'll also want graphics.
Putting Together a Web Page -
Part 4
Once you have the tools, you need to decide what to write about. Learn of some
tools to help generate ideas and some Web cliches to avoid.
Questions and
Answers
Answers to questions about SSI, caching, image loading, and more.
Quick HTML Refresher
Five quick tips to keep your pages looking good, loading quickly, and keeping
your readers happy.
Quick JavaScript
JavaScript is a great way to add dynamic elements to your site, and these quick,
simple scripts are easy to add to your pages.
Quirks Mode - Using the DOCTYPE Tag
If you don't use the DOCTYPE tag, your Web pages won't display in standards compliant ways and might result in some strange Web pages.
Review: Perseus Software Survey
Solutions
Create and manage professional surveys on your Web site without needing HTML or
CGI.
Rewriting the Web Design Site with Web Standards
It is possible to take a site that is completely non-standard HTML and convert it to XHTML. It also reduces the file size as well.
Rounded Corners Using CSS and No Images
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.
RSS - Really Simple 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.
Safe CSS - Cascading Style Sheets For Most Browsers
Safe CSS properties are cascading style sheets properties that will display in most browsers.
Safety on the Web
The Web is a wild and mostly non-regulated place, but you can build Web sites
that have any content you would like, but are still rated age-appropriate and
safe for children and corporations.
The Science of Web Design
Most people, when they start building Web pages, don't spend a lot of time thinking about the reasons why they use various techniques. Learn to be more scientific in your Web designs.
Scrollbar Colors
Using CSS to change the scrollbar colors in Internet Explorer or Konqueror is not
legal XHTML, but it can be interesting. Learn how to prevent other designers from
changing your browser settings. And also learn how to change the settings of your
readers.
Search Engine Optimization Made Simple
Search engine optimization can be as simple or as hard as you want it to be. These five steps make search engine optimization easy and fun. You'll have your pages optmized for search quicker than you think. And you'll get more page views when you use these tips for search engine optimization.
Searching Your Site
Give your site some extra functionality by adding search engine capabilities
to your Web site.
Secure Web Sites and Servers
Security on Web sites is important. It is an easy way for crackers to break in
to your computer, but there are some simple things you can do to make it more
difficult.
SEO Checklist
This SEO checklist will help you evaluate every page on your site for effective search engine optimization. The SEO checklist is divided into 5 sections - high priority, medium priority, and low priority SEO tips, things to avoid doing, and things to never do unless you want to be banned from search engines.
Simple Table Styles
Tables can be styled using CSS, but there are a few tricks you need to use to make sure they appear as you want them to. This article takes you through the basics of table styles to adding dynamic table row highlighting.
Solving Problems in Web Design
Building Web pages can be very challenging because of all the possibilities for problems. Having a plan for finding the problems and fixing them makes them easier to deal with when you come across problems.
What Education and Experience is Required to be a Web Developer?
Becoming a professional Web designer or developer is different for nearly everyone who does it. Some people start out building sites for friends and family and teach themselves all they need to know while others spend years in school learning the ropes and others learn the ropes from someone with more experience to guide them.
What Kind of Web Developer Are You?
If you figure out what type of Web development you prefer you can focus on that and become more of a master of the skills required. There are three types of developer: content builder, designer, and programmer. What type are you?
What Makes a Web Form Usable or Unusable
Online forms can be a pain for your readers to fill out, but they don't have to be. With some knowledge of HTML form tags, some CSS and JavaScript, you can create a form that your customers actually want to fill out.
What is a 301 Server Redirect?
It's better to use a 301 permanent redirect for your Web pages that redirect than to use a meta refresh tag.
What is CSS?
Before you can use Cascading Style Sheets, you need to understand what they are and what they are for.
What is a CSS Shorthand Property?
CSS shorthand style properties allow you to write some CSS properties in a more compact form, saving space, download time, and development time.
What is a Dreamweaver behavior?
Use Dreamweaver behaviors to add scripting events to actions that happen on your Web page.
What is a Dreamweaver Design Note?
Use Dreamweaver design notes to describe and annotate files so that your customers won't see them, even if they view the source, but your team mates will.
What is HTTPS - Why Secure a Web Site
HTTPS or HTTP over SSL is a way to encrypt data sent and received over the Web so that monetary and other sensitive transactions are secure. If you are going to run a store on your Web site and collect credit card or other monetary data, you should use an HTTPS secured server so that the data is secure.
What is the Semantic Web?
The Semantic Web was devised by Tim Berners-Lee as a way to make the Web into a giant database. With the current status of data on the Web, computers do not know what data they are displaying it. Instead, all that the markup language usually tells about a document is how to display it or structure it. The Semantic Web makes the data understandable to computers as well, so it can be cataloged and used more efficiently.
What is a Sitemap?
What is an XML sitemap and why should I use them on my site? XML sitemaps are a new schema and protocol accepted by Google, Microsoft, and Yahoo! to help assist search engines. Setting up a sitemap for your Web site allows search engines to more accurately review the files on your site, including their locations and relative importance to each other.
Separating Content from Design: A CMS Standard
One of the common themes among content management software professionals is the need to separate content from design. This article discusses this concept and provides an argument for why that will never work effectively in many CMS implementations.
Sending HTML Email
Why send plain text email when you can send formatted email with images, links,
forms and more?
Share Your Content - With Copyright - Creative Commons
Creative Commons is a great way to share your artwork, photos, writing, or other works protected by copyright. You don't lose the copyright when you use Creative Commons, you are simply providing a way for others to use and share your work while providing you credit. It's like open source for things other than software.
Show and Hide Blocks of Text (or Images) with CSS and 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.
The Size of Your Pages
While bandwidth is getting higher, download speed is still a concern.
Simple Object Access Protocol
What is the Simple Object Access Protocol (SOAP) and how does it relate to XML, HTTP, and Web applications.
Small Caps - A Font Variant
Fonts vary in either small caps or regular. You use the font-variant style property to set the font variant.
Sounding Off
Using sound on your Web pages.
Spanning the Division
Learn to use the SPAN and DIV tags on your site.
Speeding Up Your Web Page
Tips to make your Web site download faster and keep your readers happy.
Specifying Language in XHTML and HTML Content
When you specify the language of your XHTML documents, you are making your Web pages more useful to many different applications. This article examines the W3C's Internationalization Best Practices, and gives suggestions for how to implement them in your HTML and XHTML documents.
Splash Pages: Pros and Cons
Splash pages are a popular Web design feature, but if you put up a splash page, you may get more than you bargained for - or less page views.
Standards Based DHTML Menus
DHTML menus are one of the most popular ways to use dynamic HTML. They allow you to have crisp menus on your site while providing additional information to your customers as they mouse over the links.
"Sticky" Web Pages
Focus on more than just getting people to come to your site. Get them to stay and
browse through your site.
Simple JavaScript for DHTML
Some simple JavaScript scripts to create Dynamic HTML Web pages.
Styles that Improve Your Text
CSS provides several properties for modifying your text so that your Web pages look more interesting. Text-decoration, text-transform, and text-shadow are useful properties to understand.
Styling Horizontal Rules with CSS
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.
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.
Stylish Backgrounds
Use CSS style elements to change the backgrounds of your Web pages and elements within them. Set up things like watermarks quickly and easily.
Survey Says!
What do the readers of this site prefer? Are you using the same editors,
browsers, etc? And is your job title in parity?
Syntax of the Font Property
The CSS font property has a lot of great features that make it easy to use. Plus CSS 2 adds a bunch of additional features that you might not be aware of.
Tabbed Navigation in Web Design
It's easy to add tabbed navigation into your Web pages with CSS and page identifiers.
Tabindex: Making Your Pages Accessible
Tabindex is a seldom used attribute that could make Web pages so much more accessible and usable if only it were used more frequently. Tabindex provides an order for the clickable elements on the page so that someone using a keyboard does not have to resort to the mouse to get to the more important links.
Table Tricks
There is more to tables than just columns and rows.
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.
Tables FAQ
Tables are a challenge for the new HTML developer, but they can be done, and
you will find that they are not as difficult as they seem. These frequently asked
questions will help you get a sense of how to write tables.
Tables for Tabular Data - What is Tabular Data?
While you don't want to use tables for the layout of your pages, it is perfectly alright to use tables for tabular data. The problem is, what IS tabular data? This article attempts to shed light on this mystery.
Tagging: What is Tagging and Why Should We Do It?
Understand what tagging is so that you can add more meta data onto your pages for easier searching and navigation.
Tags for One Browser
There are many tags that work in just one or two browsers.
Taking Great Pictures for Web Sites
Taking photos for your Web site is very important - but you can completely destroy the effect if your photos are bad. Make sure that your photos are saying what you want them to say.
Templating Your Web Pages
Use SSI, PHP, ASP, JavaScript, or other technology to include portions of HTML on many pages of a Web site.
The Ten Most Important CSS Tips
Cascading Style Sheets or CSS may seem daunting to beginners, but there are ten simple things you should understand about CSS in order to create style sheets that work and styles that do what you need them to do.
"Thank You for Your Patience"
Comparing the reasons why someone might wait on hold for over two hours but only wait 10 seconds for a Web page.
Thanks Mom!
I became a Web developer because of my mother. And she helps me improve my site.
Who inspires you? She learned HTML from me, which is the least I can do for all
that she's done for me.
Think INSIDE the Box
Use box properties of CSS to create boxes of text, and affect the layout of your
page without tables.
Thinking About Positioning - Using CSS to Layout Your Web Pages
Understanding how to do CSS positioning is a lot different from understanding why you should do it. This article attempts to explain some simple tricks to help you learn to position your Web pages with CSS.
The Three Layers of Web Design
Understanding the three layers of Web development can help site maintenance easier as well as give you focus on what you're working on.
The Title Attribute
The title attribute allows you to annotate your document elements with titles that explain things about that element. It is primarily used on the anchor (a) or link tag, but is valid for many tags within XHTML. Used in the anchor tag, it acts like a tool tip when your readers mouse over that link in modern browsers.
Time to Switch from IIS
If you're running your Web site on an IIS Web server, it might be time to switch
to one that is more secure.
Tips and Tricks Using CSS
The biggest problem with CSS is that it is interpreted differently in every browser.
But there are some methods to overcome this, without using JavaScript to create browser
detection scripts.
Tools to Read (Parse) Your XML
Many Web developers think that XML is just a new version of HTML that is viewed
in Web browsers. Learn about XML parsers.
The Top of Your Pages
When you're working on your Web pages it's easy to get distracted by the content
and forget about the hidden information at t
