What do you want to know more about

• Opening HTML File
• Changing Text in HTML Editor
• Changing Text Font and Color in HTML Editor
• Setting Links in HTML Editor
• Adding Images with HTML Editor
  

If you want to change part of text or some words do the following. Select text, witch properties you want to modify.

If you are Microsoft FrontPage user you can see high amount of tools at the top toolbox. There you can change text color, font and its size, make text bold or italic and so on.

You can use CSS (Cascade Style Sheets) to change text attributes of whole page or specified tag. Using of style sheet technologies is recommended by W3C standard for future compatibility with new versions of different browsers. There are two ways of doing that - you can use built-in style sheet editor or put style directly to HTML code.

If you are using Macromedia Dreamweaver MX 6 then you have to press Ctrl+Shift+E to launch CSS editor or choose Text/CSS styles/Manage Styles… from the top menu if you are using Macromedia Dreamweaver MX 2004. You will see list of styles used in this web design template. Double click style that you want to edit. Then just change font options in pop-up window.

If you are Microsoft FrontPage user then you should choose Format/Style from the top menu.

Double click style you want to change. Select font button at the bottom of appearing dialog. Now you can modify all possible text properties.

If you have some HTML skills you can put style directly into code tag. For example if you want to change link color to red you should put following code into reference tag:

<a href="url" style="color: FF0000">Reference text</a>.

If you want to change table cell text size to 11px you should add following code in td tag:

<td style="font-size: 11px">Cell content</td>

Setting Links in HTML Editor
A hyper reference is the main advantage of HTML documents. So it's very important to know how to add links in your web design template. This procedure is very simple if you're using HTML editor.

If you're using Macromedia Dreamweaver select text or image that you want to be linked to some url. Then go to Properties panel (press CTRL+F3 if you can't see it for any reasons). In this panel you will see Link input box. Fill it with appropriate url.

<a href="your_url_here"> Content goes here</a>

Adding Images Using HTML Editor
To make your Website based on our web design template unique you can substitute included images with your own or add additional images there.

To substitute existent image with a new one you should do following. Copy your image file to the images folder of your web design template.

If you are using Microsoft FrontPage double click image you want to change. In dialog that will appear after that select General tab. There will be input box with image name and Browse... button to the right of it. Click it to browse to your image file.

If you want change image directly from html code your have to substitute value of src image attribute:

Before: <img src="images/logo.jpg" >

After: <img src="images/new_logo.jpg" >

Note: If double clicking on image doesn't works it means that this is not a content image but background image. For instructions of how to change it read the Changing Image in Photoshop section.

Adding images to your web design template. Copy your image file to the images folder of your web design template.

If you are using Macromedia Dreamweaver for managing out web design template you should choose Insert/Image... from top menu and browse to your image file.

If you are Microsoft FrontPage user choose Insert/Picture/From File... and browse to the location of your image file.