CSci 220 - Lecture 2

Web Page Design

© Morris Firebaugh

 


I. Introduction

A. Some Web Terms and Jargon
B. The HTML Language
C. HTML Editor
D. The History of HTML
E. Chapter 2: Designing for a Variety of Displays



II. Some Web Terms and Jargon


 


III. The HTML Language



IV. HTML Editor

Major Button Tools

 

= Converts selected text to heading--> <H1>...</H1>

= Converts selected text to bulleted or numbered lists --> <UL> <LI>...</UL>

= Carriage return + linefeed --> <BR>

= New Paragraph --> <P>

= Converts selected text to BOLD --> <B>...</B>

= Converts selected text to ITALICS --> <I>...</I>

= Converts selected text to underline [be careful not to confuse with links]

= Create a link to a target within this document <A HREF=...>. . . </A>

= Create a link to a target outside this document <A HREF=...> . . .</A>

= Set selected text as a target for linking

= Insert a Graphic here

= Click this button to define a Form

= Click this button to define a Table

= Go to Browser [e.g., NetScape]

= Restyle current document [takes some time]

= This pretty much says it all.

 


V. The History of HTML

Relationship of HTML to SGML (Standard Generalized Markup Language)

 

HTML grew out of SGML

 

Browsers quickly emerged to display HTML pages

 

Emergence of W3C

 

The Logical Structure/Physical Layout Struggle

 


VI. Chapter 2: Designing for a Variety of Displays

The Problem: Web pages are not written on paper, but rather on variable sized screens.

Color Monitor Issues




Page Layout Issues



Designing "Above the Fold"


VII. Homework Assignment #1

Click here


 





Updated January 15, 2001