CSci 220 - Lecture 5

Web Page Design

© Morris Firebaugh

 


I. Introduction

A. Web Page Design Considerations

B. Text Formatting

C. Specifying Color in HTML

D. Character Entities: Special Characters and Accents

E. Validation Services


II. Web Page Design Considerations


Tips on Good HTML Style


III. Text Formatting

Recall, Character Styles may be set with either Physical or Logical Style Tags


Logical Style Tags

 


The <FONT>...</FONT> Tag for Typographic Control

 

<FONT  face="palatino"  color="sienna"  size="4"> . . . </FONT>


IV. Specifying Color in HTML

Web Colors and Their Names

 


CyberStudio provides 7 options for selecting colors:

The RGB Tab

 

The CMYK Tab

 

The Grayscale Tab

 

The Indexed Colors Tab [Color Wheel]

 

The Apple Color Palette Tab

 

The WebSafe Colors Tab [216 no-dither browser-safe]

 

The Web Named Colors Tab

 


V. Character Entities: Special Characters and Accents

HTML  continues to improve its type-setting capabilities. 

&#060; &lt; --> <
&#062; &gt; --> >
&#038; &amp; --> &
&#034; &quot; --> "

&#153; --> ™

&#161; &iexcl; -->¡
&#162; &cent; -->¢
&#163; &pound;-->£
&#164; -->¤
&#165; -->¥
&#166; -->¦
&#167; -->§
&#168; -->¨
&#169; -->©

&#170; -->ª
&#171; -->«
&#172; -->¬
&#173; -->–
&#174; -->®
&#175; -->¯
&#176; -->°
&#177; -->±
&#178; -->²
&#179; -->³

&#180; -->´
&#181; -->µ
&#182; -->¶
&#183; -->·
&#184; -->¸
&#185; -->¹
&#186; -->º
&#187; -->»
&#188; -->¼
&#189; -->½

&#225; -->á
&#226; -->â
&#231; -->ç
&#232; -->è
&#233; -->é
&#234; -->ê
&#235; -->ë
&#236; -->ì
&#237; -->í
&#241; -->ñ

Note: Not all browsers support all attributes!


VI. Validation Services

One useful way of detecting errors in HTML code is to list the source with NetScape Communicator.

A second method is to use one of the on-line validation services


VII. Homework Assignment #3

 




Updated January 24, 2001