Dynamic Web Templates
Try It Yourself
Creating a Dynamic Web Template
To get a firmer grasp on what a DWT is and how it works, you build a DWT for the
MyKipple.com website based on the default.html page.
Before you begin, replace the current default.html, kippleStyles.css, and layout.css
files in your site with the new ones found in the lesson files for this hour. The new
files include more styling to make the overall look and feel of the pages more pol-
ished. All the changes to the files are based on the lessons you have already com-
pleted. If you take a closer look at the code in the kippleStyles.css file, you see that
you can recognize most of (if not all of) the different styling elements. Also, import
the two images menuBG.png and footerBG.png and place them in the Graphics
reason, the best place to start learning about these technologies is the home
page of the project.
If you are new to web design, entering into the world of dynamic web technolo-
gies can be a seemingly daunting task. However, it isn’t as complicated as it
seems. If you want to learn about CMSs and how database-based dynamic web-
sites work, a good place to start is actually the blogging platform WordPress.
WordPress (www.wordpress.org) was originally a basic blogging platform that over
time has grown into a full-fledged publishing platform or CMS. I use it as the
base of most of my clients’ sites and for blogs. The benefit of using WordPress
is the seemingly endless variety of plug-ins that enable you to expand the plat-
form to do whatever you want as well. What is great about WordPress is that it is
built with the user in mind, so it can be as easy or as complicated as you want it
to be. Furthermore, it can work as either a blogging platform, a CMS, or both—
it’s totally up to you. Finally, the look and feel of WordPress is created using
standards-based code and CSS, meaning that you can use the techniques
learned in this book to completely redesign your WordPress-based sites.
For more information on how to do this, visit my blog at
As an added bonus, WordPress has excellent Search Engine Optimization (SEO)
built in, meaning that sites built using the platform are easily found on Google
and other search engines. That in itself is a huge selling point.
WordPress is not the only option available, and it might not be the platform you
are looking for. Other popular platforms include PHPBB Forum (www.phpbb.com),
on which the vast majority of web forums are built, and the two full-scale CMSs
Joomla! (www.joomla.org) and Drupal (drupal.org), both of which also offer
extensive customization and expandability.