|
 |
You
are at: Index / Visual /
|
Enhancing
Visual Appearance |
|
Basic Design Principles |
|
Check the following links for references on basic web design principles:
|
|
Cascading Style Sheets Javascript |
|
Incorporating a stylesheet to your web sites would bring three benefits:
First, you can make a change once and watch it "cascade" through
your entire site. Second, you can exercise greater control over the appearance
of your web pages than you otherwise could. And third, you can make your
web site more accessible, as stylesheets can be adapted to the needs of
users.
Here are
some resources on cascading style sheets:
|
|
Colors and Fonts |
|
Colors:
You can assign colors to text or other elements, like the background
of table cells or the whole page. You can assign colors by name, such
as "red" or "cyan" or by hexadecimal number, like
"#009900." You should expect, however, that the same color will
look slightly different on different platforms, e.g., moving from Windows
to Macintosh.
Here is
an example of the code that would make a table with three
background colors:
| |
<table
width="400" border="1" cellspacing="0"
cellpadding="0" >
<tr>
<td bgcolor="blue"> </td>
<td bgcolor="yellow"> </td>
</tr>
<tr>
<td colspan="2" bgcolor="#009900"> </td>
</tr>
</table> |
And here is the table the above codes build:
More references
on colors:
| |
- Webmaster's
Color Chart
- gives
all the details on the 216 web colors; provided by
VisiBone.
- ColorMix
- a
web-based utility for creating 10 million colors out
of 216 hex values.
|
Fonts:
So long as you ensure that visitors to your site will see the same fonts
that you do (such as embedding them in images or aloowing them to be downloaded
along with your pages) you can use choices of fonts to costomize the look
or your web pages. paying attention to fonts can also add to the readability
of your site (as the first link below makes clear).
| |
- Penn
State Computing with Foreign Symbols
- a
comprehensive guide to developing non-English Web
sites in the Penn State environment.
- MyFonts.com
- A
place to browse and purchase fonts, for Macintosh
or Windows.
- The
Font Foundry
- a
large collection of shareware fonts.
- SP
Fonts
- (named
for the now-defunct Scholars Press) eight public-domain
fonts for scholarly web and print publications: three
Hebrew/Aramaic fonts, two Greek fonts, a Syriac Estrangela
font, a font with Palestinian as well as Tiberian
vowel points, and a font that includes diacriticals
and other special characters that allow the representation
of numerous Indo-European, Semitic, and other languages.
|
|
|
Where to Get Images |
|
|
|
Using Tables to Control the Page Layout |
|
In all but the very simplest and most complex web pages, you can't live
without tables. They allow you to precisely control the layout of your
pages, and so it is worth your time to become proficient at using them. Check out this table guide:
|
|
|
|
|
