DHTML Introduction and Resources
While there are a variety of approaches for creating a dynamic web page, there is one specific technique you're probably familiar with, though you may not have heard much about: DHTML.
The name "DHTML" is a bit of a misnomer. Unlike the markup language HTML from which it draws its name, Dynamic Hypertext Markup Language is actually a term that describes a number of technologies and languages used in conjunction to create dynamic websites.
These are the four key elements of DHTML:
HTML: the markup language used to create static pages and apps.
CSS: the language used to dictate via a stylesheet the presentation of a page.
DOM: the programming interface through which a page's code can be changed.
If you're interested in learning more about DHTML, the following list of resources include reference material, step-by-step guides, and tools to help you create dynamic web pages using DHTML.
While websites are always a great solid base to start from, you can't go wrong investing in some tableside resources to walk you through the ins and outs of DHTML.
Interactive Data Visualization for the Web: An Introduction to Designing with D3 (2013) by Scott Murray: once you've got a handle on the basics of DHTML, use this step-by-step guide to learn the basics of designing dynamic content.
These third-party contributions to DHTML aim to help developers write cleaner code, debug with ease, and use pre-written scripts to enhance their efforts.
DHTML Goodies: another online resource that provides free DHTML (and Ajax) scripts.
DHTML Online Guides and Tutorials
W3Schools DHTML Tutorials: W3Schools offers a variety of tutorials on DHTML, broken up by the three different programming languages.
Mozilla Web Technologies Tutorials: the Mozilla Developer Network has one of the more comprehensive (and well-organized) guides available on the various programming languages involved in DHTML.
QcTutorials DHTML Tutorial: looking for a simple and straight-forward approach to learning DHTML? Walk through this tutorial and then keep their DHTML and HTML DOM examples on hand for future reference.
Beginner's Guide to DHTML Tutorial: an introduction to DHTML which includes a number of tutorials to get you started.
Web Developer and CSS Tutorials: there is a lot you can learn to do with CSS, so don't limit yourself to just the basics. This resource includes a variety of CSS tutorials based on your specific website's needs.
CSS Reference: use this simple resource as a quick reference guide when writing CSS.
DOM Reference: learn more about the different DOM objects here.
Get to Work with DHTML
If you're planning to create dynamic content for your website, it's important to have a firm understanding of how each element works and how they all play together under the umbrella of DHTML.
The above reference guides are a good place to start, but nothing beats hands-on practice if you want to push the limits of opportunity posed by learning a new programming technique.
Further Reading and Resources
We have more guides, tutorials, and infographics related to coding and website development:
Composing Good HTML: this is a solid introduction to writing well-formed HTML and using HTML validator software.
CSS3 — Intro, Guides & Resources: this is a great place to start learning webpage layout.
ASP.NET Resources: this guide will get you going with Microsoft's .NET framework for creating webpages.
HTML for Beginners — Ultimate Guide
If you really want to learn HTML, we've created a book-length article, HTML for Beginners — Ultimate Guide.
And it really is the ultimate guide; it will take you from the very beginning to mastery.