Note: DHTML and CSS resources can now be found in our Advanced HTML section.
- Be sure to also check the links that follow this section.
- Stop by the HTML forum and join the discussion.
According to the World Wide Web Consortium, "HTML (HyperText Markup Language) is the lingua franca for publishing hypertext on the World Wide Web. It is a non-proprietary format based upon SGML, and can be created and processed by a wide range of tools, from simple plain text editors - you type it in from scratch- to sophisticated WYSIWYG authoring tools. HTML uses tags such as
</h1> to structure text into headings, paragraphs, lists, hypertext links etc"
The tutorials and reviews listed here can help you learn how to write more efficient HTML code for your Web pages. Even if you need to start at the basics, everything is covered. We'll get you started, and then help you to stay updated with the newest techniques.
How to Understand Color Codes
In this article you'll learn how the mechanism behind color code values works with the aid of a simple program. The program, Colourcoder, is designed to not only let you find a color you want with ease, but also help you gain a more intuitive grasp of color codes while you use it.
In this article you'll learn about a wide variety of tips: from storing and using hidden data to making HTML forms and lists look great. Each topic contains a brief introduction, then details on how to apply the technique.
Refactoring HTML: Well-Formedness - Part 3
UTF-8 is a standard encoding that works across all Web browsers and is supported by all major text editors and other tools. It supports all Unicode characters and is a good basis for internationalization and localization of pages.
Refactoring HTML: Well-Formedness - Part 2
The very first step in moving markup into modern form is to make it well-formed. Well-formedness is the basis of the huge and incredibly powerful XML tool chain.
Refactoring HTML: Well-Formedness
Review: SiteAssist 3.0
Designing Web pages can be a time consumng endeavor, especially if you have to start from scratch. Fortunately, if you use Dreamweaver, you can make use of SiteAssist, a Dreamweaver extension that allows you to build customized templates using table-based or CSS layouts.
Loading the Body of an HTML Formatted Email From a File
One of our visitors recently asked "When I'm sending an HTML formatted email, is there a way to load my HTML from a file so I don't have to deal with things like double quotes and vbCrLf characters?"
Controlling Web Page Backgrounds With CSS
Once derided, backgrounds now form the basis of many well-designed Web sites.
How to Create Form Posts with Ajax
Now that Ajax is becoming a standard for handling interactions on the Web it's time to use it to update form submissions. In this article you'll learn how to create a reusable Ajax process for all forms. The source code and a working demo is included.
This week we look at the process of building a user interface. You'll learn how to encapsulate Ajax functionality into both imperative, as well as declarative, components.
ThinWire Handbook: Layout Management
ThinWire is an LGPL open source framework that allows you to build responsive, expressive and interactive Web applications without the complexities found with other methods.
Anatomy of an Ajax Application
This week you'll learn about the individual building blocks of Ajax and how they fit together to form the architecture of an Ajax application. Subsequent lessons will examine these components in more detail and will create a working Ajax application.
Partial Page Rendering Using Hidden IFrame
Partial page rendering removes the need for the entire Web page to be refreshed as the result of a postback. Instead, only regions that have changed are updated, speeding up user interaction with the Web site.
Implement an Ajax-enabled scrollable table, in which rows are dynamically fetched from the server, as the user scrolls, without the whole page refreshing. This technique is unique and very convenient for implementing pages with a lot of dynamic content in a readable form; for instance, a live news feed.
Display Text on Web Pages With Flash
Using Flash for text display can add typographic polish to your Web pages.
A common misconception among many people is that Web development and Web design are synonymous. This article explores the distinctions between the two careers, including some of the skills you need to pursue them.
How to Make Your Own RSS Feeds
An RSS feed can be a great complement to your other marketing or customer-relationship efforts. And adding RSS to your site doesnt take a degree in XML codingor even a college kid.
How to Redesign Your Web Site
Occasionally, a Web Site can benefit from a facelift or a completely new design. In this article, we look at methods you should consider before you begin.
RJS Templates: Adding Some Ajax Goodness to Rails
Discover how to use the RJS Template feature of Rails to add Ajax functionality to your Rails application. Ajax and Rails together are a powerful combination, and can not only enhance the user experience of your Rails application, but also increase performance because fewer page reloads are necessary to perform tasks.
How to Create Remote Ajax Requests
One of the most common questions about Ajax is whether it's possible to create remote or cross-domain Ajax requests. The answer is yes and this week you'll learn how to create an Ajax-enabled podcast aggregator with PHP and Ajax.
Enhancing Web Forms with Rich Text Editors
Review several implementations of Rich Text Editors (RTE) that dynamically apply HTML markup to plain text before it is submitted to the server. You will see how to install several versions of the editor widgets, and then determine which is best for you.
Getting in on the 'Mobile' Internet
Looking for opportunities to reach new visitors? Check out the explosion of mobile phone users which offers the largest distribution platform on earth. With a registration process that began in 2006, 400,000 .mobi domain names have been registered.
Review: Accessible Form Creator
With all the new technologies being developed for the Web, forms are still the best method for collecting information from visitors. HTML is the most widely used method but it can cause accessibilty issues. Fortunately, there's another option, Accessible Forms Creator.
Widget Initialization Using JSON, HTML Custom Tags and XML files
DHTML components or widgets exist all over the Internet as calendars, toolbars, menus, etc. This week you'll learn about configuring DHTML widgets, the pros and cons and programming techniques to avoid errors and speed up development time.
Constructing ASP.NET Web Pages
ASP.NET offers many techniques that allow web developers to build parts of web pages independently, then put them together later to build complete pages. In this chapter, we'll discuss many of the objects and techniques that give life and color to ASP.NET web pages, including: web forms, HTML server controls, web server controls, web user controls, master pages, handling page navigation, and styling pages and controls with CSS.
Controlling Layout in Ajax Web Applications Using the GWT and Java
Learn how to control the layout of a GWT Ajax web application using HTML layout capabilities, the capabilities of the layout classes in the GWT API, and a combination of the two. Also learn more essential aspects of the creation and deployment of GWT Ajax web applications.
Review: Expressions Web
A new editor issued by Microsoft, this application is designed to replace FrontPage, which will be discontinued. Our reviewer takes a look under the hood of this program and finds some unexpected surprises.
Understanding Ajax: Getting Started
Review: Site Kreator
Want to create an interactive Web site, but have little or no experience? Check out Site Kreator, an application with many options, such as CSS, blog creation, image galleries, mailing lists and more.
Why Most--But Not All--Tables Are Bad
Still using Tables for your Web site development? Rachel Andrew and Dan Shafer suggest it's time to move on.
Delicious Recipes for Your Web Site
This cookbook offers a wide range of solutions to real-life problems that come up regularly when creating and growing a Web site. If you've been wanting to learn how to build Web sites that people will visit, bookmark and revisit, read this review.
Designing for Different Browsers
Most Web authors agree that the biggest challenge (and headache) in Web design is dealing with a multitude of browsers and their varying support of Web standards. This week you'll learn about ways of dealing with browser differences.
Software Review: NoteTab Pro
If you're comfortable with HTML and CSS and don't want or need a WYSIWYG program, then NoteTab Pro may be the editor for you. Its many features and clip libraries make it an excellent choice for getting down and dirty in the midst of your code.
The HTML Hierarchy: Thinking Inside the Box
When we think of HTML coding, we tend to think of elements ("tags") used to structure a Web page, but our attention is usually focused on the appearance of the final product. In contrast, learning to visualize the structure of the code can actually help in the design of the page. By Lee Underwood.
Book Review: Spring into HTML and CSS
Do you need to quickly get up to speed when building Web sites? Were you recently elected to create a small Web site for your company? Perhaps you work in a small office and just want a presence on the World Wide Web. Whatever your reasons this book offers a simple solution.
HTML Parsing: The World is Your Database
Your mission: Retrieve content off the world wide web and use it to conquer the world (or check the local weather?). Discover the tools, and the techniques for effective content retrieval.
HTML 4.01 Element Reference
HTML is the most basic and common language on the world wide web and is relatively easy to learn. If you've been looking for an excellent resource, this is the HTML 4.01 element (tag) list as recommended by the W3C.
Book Review: Integrated HTML and CSS
Traditionally, when learning to code web pages, HTML is taught first, followed by CSS, but since both are related, it would make more sense to teach both at the same time. In this book, HTML and CSS are combined, making them faster to learn. Designed with the beginner in mind, this book assumes no prior knowledge of HTML or CSS. By Lee Underwood.
Using the DOCTYPE Tag
Having trouble with your Web pages? Can't get them to display correctly in your browser? It might be that your page is a little "quirky." Even if you address all errors in a web page, one problem that many developers overlook is a <DOCTYPE> statement or, if used, failure to use the right one.
HTML 4.01 in Netscape and Explorer
This is an updated and revised annotation to the HTML 4.01 Specification published by the World Wide Web Consortium (W3C), detailing the differences between the specification and its implementation in Netscape Navigator 7.2 and Microsoft Internet Explorer 6.0.
Behind the Scenes with XHTML
In a previous article, we touched on the requirements for proper XHTML coding, especially in relation to HTML 4.01. Today, we look at what some of those requirements are in relation to the head portion of the Web page.
Browser Wars v.2004: Part 2
As the browser wars continue, the battle appears to be changing as many users are switching to other, lesser-known browsers, resulting in an increase in their popularity. Whether a statement of personal choice or a reaction to Microsoft, that remains to be seen.
Browser Wars v.2004: Part 1
As the World Wide Web evolves, it seems as if a war is raging between the biggest players - the World Wide Web Consortium (W3C), other browser manufacturers, and Microsoft. And the developers? They're caught in the middle.
Why Switch to XHTML?
For Web developers, the learning process never seems to end, especially with coding. As the web evolves, so do the standards, which are moving from HTML to XHTML. Learn why you should consider migrating to this new standard sooner than later. By Lee Underwood.
Software Review: NetObjects Fusion 8
The first major upgrade since June, 2002, version 8 of NetObjects Fusion adds major improvements to the package, such as advanced publishing options, a component manager, a table properties interface, data importing ability, etc.
Classic ASP Barcode Generator
This script will generate Code39 (or Code 3-for-9) barcodes. You'll find these barcodes on staff and student ID badges, video rental cards and so on. Now you can generate and use them on your own.
XForms Essentials: XForms Building Blocks
XForms Essentials shows readers how to integrate XForms with both HTML and XML vocabularies. If you work with forms, HTML, or XML information, XForms Essentials will provides a simpler route to more sophisticated interactions with users. By O'Reilly.
Flow in Web Design - Speed Up Your Site
What is this thing called flow? Learn how to design your site to enable a flow state in your users. This exclusive excerpt from Andy King's new book includes an interview with Dr. Mihaly Csikszentmihalyi, the author of "Flow." From New Riders.
Book Excerpt: Speed Up Your Site, Pt. 2
Update: Background Image Links
A light and tasteful background graphic may be just the touch you need to spice up your next project. Our updated collection of background graphic links is your gateway to thousands of downloadable borders, tiles, and textures specifically for use on Web pages.
Book Excerpt: Dynamic HTML: The Definitive Reference, Pt 2
Beyond HTML Goodies - Part 2
Book Excerpt: Dynamic HTML: The Definitive Reference, Pt 1
It's not due on the shelves until next month, but we've got a sneak peek of the Second Edition of this classic text now. Updated to cover DHTML support in the latest major browsers, part 1 of our prime cut from chapter 6 covers event types and handlers. From O'Reilly.
Beyond HTML Goodies
Metatags and Other <HEAD>aches
At the beginning of most HTML pages is a <Head> section, hidden from the user but highly visible to browsers and other bits of Internet machinery such as search engine spiders and caching systems. It's full of meta tags and other sorely-abused bits of HTML
Usable Forms for the Web - Part 2
Usable Forms for the Web provides developers with instant solutions to their form-building problems. It is the first book to tackle the subject in a concise, task-orientated fashion, with substantial on-line support. This weeks installment covers Grouping Controls, Using Labels, Splitting a Form into Different Pages, and more. From glasshaus.
Designing Usable Forms
Designing Usable Forms provides developers with instant solutions to their form-building problems. It is the first book to tackle the subject in a concise, task-orientated fashion, with substantial on-line support. From glasshaus.
HTML Special Characters and Browser Compatibility
HTML 4 includes around 250 special characters, or character entities. But which ones work in Explorer 5 and Netscape 4, and which ones only show up in IE6 or N6? Andrew Starling goes on a browser compatibility hunt, scattering all 250 in the breeze to find out where they land.
Advanced HTML Tables
If you've been using HTML tables for a while then you'll know they don't always work out as intended.In this article Andrew Starling investigate some of the bugs that can trip you up, and also looks at advanced uses, including nested tables, colored borders and free-standing panels with text wrapped around.
The toughest site you will ever build
Where to start? What to include? What to do? Are these common questions among web developers? Only when designing their own site. Lee Creek offers developers some advice for when the site they're building is their own.
Hot Text: Web Writing that Works: Chapter 5-Part 1
Hot Text shows you how to craft prose that grabs your guests' attention, changes their attitudes, and convinces them to act. You'll learn how to make your style fast, tight, and scannable. In this installment we look at methods of keeping the text short for online articles. From New Riders Publishing.
Using Color on the Internet
When used properly, color can be a thing of beauty. When used improperly, it can be reasonably repulsive. Learn the importance of good color combinations.
Usability and HTML Forms
Visitors don't enjoy filling out HTML forms. That makes good usability doubly important. Here's a detailed look at forms for e-commerce -- individual form elements such as dropdown boxes and radio buttons, plus validation and error messages.
Usability - the Basics
Want to impress your visitors? Forget the fancy graphics and neat technical tricks, just choose the right page width and hyperlink colors. Here's a basic introduction to the science of usability, drawing on research, expert opinion, and common features from the Web's most popular sites.
Design and Architecture of a Content-Rich Web Site
The WDVL's founder describes the design and information architecture of EncycloZine. Information architecture is the practice of designing the infrastructure of a Web site, a combination of organizing a site's content into categories and creating a navigation interface to support those categories.
All About Server Side Includes
Are you the harried, overworked Web designer who just learned that the boss wants across-the-board changes to a thousand page Website? Learn how to update an entire Website by editing a single file, add date and time dynamically and more!
Contact the WebDeveloper.com® staff