Overview

NEKESC - Web Design Overview

HTML

An HTML document consists of text and tags that mark the structure of the document.

An HTML document comprises three parts:

1. a line containing HTML version information,

2. HTML:

1. a header section

2. a body which contains the document's content.

The BODY attributes in HTML are:

Block Elements: Headings, Paragraphs, Unordered, Ordered, and Definition Lists

Forms User-input Forms: Text Fields, Buttons, Menus, and more

Frames: Multi-view presentation of documents

Links: Hypertext and Media-Independent Links

Tables: arranged data (text, images, links, forms, other tables, etc.) into rows and columns of cells.

Text: Paragraphs, Lines, and Phrases

[1] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>

[2] <Head>
<TITLE>The Digital Classroom Home Page</TITLE>
</Head>

[3] <Body Background = "/Images/margin.gif"
Bgcolor = "#ffffff"
Text = "#000000"
Link = "blue"
Vlink = "purple"
Alink = "red" >

</Body>
</HTML>

Exercise: Try typing these

<html>
<head>
<title>Title goes here</title>
</head>
<body>Body goes here</body>
</html> <html>
<head>
<title>Title goes here</title>
</head>
<body>
<h1>Body goes here</h1>
<hr>
<h3>Headings are Cool!</h3>
</body>
</html>

What do I need to create HTML?

Any word processor will work but it is best if it uses just plain text.

A better choice for ease of use would be a word processor that only supports plain text, for example SimpleText or BBEdit Lite on the Mac and Notepad for Windows.

Specialized HTML Editors are available:

Macromedia DreamWeaver
Microsoft FrontPage
Adobe GoLive
Netscape Gold
Various shareware and freeware HTML editors (HoTMetaL)

What do I need to view my Web Page?

Web pages are viewed using Web Browsers such as Netscape, Internet Explorer or Mozilla.

Web pages (files) are transferred to a Server which processes requests from a web browser. The web browser displays the requested files for viewing. Files are transferred using the File Transfer Protocol (FTP).

You can acquire an Internet Service Provider (ISP) who will provide space on their servers for the storage of web site files. Some schools and school districts provide web server space to faculty and students. You should check with your school technology personnel for more information about hosting your web site.

Anatomy Graphics

Link to six page graphic sequence

Basic Do's and Don't's

Do:

Gather Information First

Define Your Audience

Create a Storyboard

Plan Your Navigation

Design an Appealing Webpage

Establish Credibility

Do Not:

Use large graphics.

Use tiny graphics.

Use too many animations

Use the Blink Tag.

Require the use of plugins

Use Under Construction Signs

Use Bad Colors.

Have any grammatical or Spelling Errors

Use text that is too small.

Use text that is too large.

Have Sound that plays automatically.

Have broken image links.

Have broken links.

Have too much blank space between sections.

Have too little blank space between sections.

Use abbreviations in sentences such as' u' for you.

Write your page in capital letters.

Use any advertising banners

Javascript Tree Menu