Tikier Hosting Offshore, Adult, Warez Linking Hosting Allowed

Step 7 – Convert the Layout into an HTML Template

Once you have finalized the layout you can convert it into an HTML template. This will be your template on which you will built your entire site.

To create an HTML template follow these steps:

1. Slice images that have to stay as images even on the final site. Optimize them to load quickly on the web and yet look good. Usually images with flat colors are better optimized as .gif files and photos or those with large span of colors are better optimized as .jpg files. Depending on which graphics editor you used to design your layout you can use Fireworks or Photoshop for this.
2. Using a WYSIWYG HTML editor like Dreamweaver, create a css style sheet for elements of the layout that can be recreated in html e.g. heading, subheading and content font styles and colors, background colors etc.
3. Using Dreamweaver, create the HTML page of the overall layout and insert the images, create the menus and apply the stylesheet.
4. Convert this to a template in Dreamweaver. This is a special (.dwt) file that can be used as a basis to create the pages of your website.

Related posts:

1. Step 8 – Create the Web Pages as Per the Site Plan
2. Step 6 – Design the Layout
3. Layout Design Requirements Analysis
4. Step 11 – FTP the Files to the Hosting Server
5. Step 2 – Choose Website Building Tools