Go Back   djbosak.com forums > Tutorial Forums > Template Tutorials : > Working On Your Template With a HTML Editor :
Reply
 
Thread Tools Display Modes

Changing the text font and color with a HTML editor...
Old 04-29-2006, 02:20 PM   #1
djbosak
Administrator
 
djbosak is offline
Join Date: Apr 2006
Posts: 112
Default Changing the text font and color with a HTML editor...

To increase the impression of your future web site based on our web design templates you will probably want to change the text color or font style. There are diferent ways to accomplish this.

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

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



Fig 7.4 FrontPage Toolbar


If you are working with Macromedia Dreamweaver, you can check and change text properties in the properties panel. If you can not see it for some reason, select Window/Properties from top menu to display the properties window.




Fig 7.5 Dreamweaver Properties Panel


It's easy when you want to change the properties of a few text blocks. But if you decide to change the color of the text on the whole page for example or if you have changed the color scheme of your web design template and the text must conform with the new web site color, you should use CSS instead.

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

If you are using Macromedia Dreamweaver MX 6 then you have to press Ctrl+Shift+E to launch the 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 the web design template. Double click the style that you want to edit. Then just change the font options in the pop-up window.

If you are using Microsoft FrontPage then you should choose the Format/Style button from the top menu.
Double click the style you want to change, select the font button at the bottom of the display window. Here you can modify the text properties to what you want.

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

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

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

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

Check out the CSS tutorial section for more examples using CSS.

Last edited by djbosak : 04-29-2006 at 02:24 PM.
  Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump



All times are GMT -4. The time now is 11:56 AM.


Powered by vBulletin® Version 3.6.5
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.