How to Register a Domain Name for Your HTML5 and CSS3 Site
How to Use IrfanView’s Built-In Effects for HTML5 and CSS3 Programming
10 Stellar Web Resources for HTML5 and CSS3

How to Add Additional Templates to Your HTML5 and CSS3 Site with WebsiteBaker

Typically, you'll want to work with additional templates for your HTML5 and CSS3 website. Fortunately, there are hundreds of great templates available, and you can easily build your own. Here's how to add additional templates.

  1. Locate the template you want online.

    A number of web places offer great, free templates for WebsiteBaker. One great one is the Templates repository. The templates in this archive are approved by the WebsiteBaker community and meet minimum quality standards. (Note that many of these templates have been adopted from other CMS systems so you can often get the same general look and feel regardless of the CMS you choose.)

  2. Download a template or two that you like.

    When browsing templates, remember that you will be able to modify them. If you don't like the particular colors or images, you can change them later. Save the downloaded .zip file somewhere on your local machine.

  3. Log in to WebsiteBaker as admin.

    Only the administrator can add new templates to the system.

  4. Navigate to the Templates page of the Add-ons section.

    This is where you install and uninstall downloaded templates.

  5. Click the Browse button to locate the .zip file on your local system.

    Load the entire .zip file containing the template onto the server.

  6. Click the Install button to begin the process.

    You receive a notification when the installation is complete.

  7. Navigate to the Settings section.

    Installing a template does not apply the template automatically.

  8. In Settings, apply the new template.

    Specify the template to display from the drop-down list of templates.

  9. Preview your new look.

    Use the Preview button (or reload the currently showing version of the CMS) to see the new look.

    image0.jpg

The Multiflex-3 template is one of the most commonly used templates on the Internet. The original design was built with plain HTML/CSS implementation in mind but has been ported to nearly every CMS including WebsiteBaker. The design is a solid and very flexible starting place. After you get to know it, you'll recognize it all over the place.

  • Add a Comment
  • Print
  • Share
blog comments powered by Disqus
Resetting and Extending CSS
Create CSS Markup
Before You Create Your First Web Page
Manage Table Layouts in HTML5
How to Use Color Names for Your HTML5 and CSS3 Based Web Pages
Advertisement

Inside Dummies.com