CPSC 203: Introduction to ComputersTutorials 03 & 29 by Jie (Jeff) Gao

1 & 2 November 2004

CPSC 203 Tutorials by Jie Gao 2

Introduction to Web Pages Web pages are called “HTML

Documents” HTML is Hyper Text Markup Language, a

special language for making web pages Web pages need to be displayed by a

web browser Internet Explorer Mozilla Netscape

Web page files are actually pure text files (written in HTML)

1 & 2 November 2004

CPSC 203 Tutorials by Jie Gao 3

Web Pages Editors

Web pages can be created in two ways: Special web page editors (WYSIWYG)

Netscape/Mozilla Composer Microsoft FrontPage Macromedia Dreamweaver Adobe GoLive!

Text editors (for writing HTML codes) Notepad

We recommend Netscape/Mozilla Composer It’s free and standard compliant

1 & 2 November 2004

CPSC 203 Tutorials by Jie Gao 4

Composer – Creating a Web Page Open composer, by default it opens a

new web page Adding content

Title (the text to appear in browser’s title bar)

Paragraphs Headings Lists Images Page formatting (background, font, etc.)

1 & 2 November 2004

CPSC 203 Tutorials by Jie Gao 5

Important Concepts Page: a “page” means an HTML

document (not the pages for printing) Link: Hyperlink, which can let you click

and jump to other pages or files Things you should know:

Images are not stored within web pages. You need to keep all inserted image files

You cannot make assumptions on web page width (browser windows are resizable). Use alignment commands to arrange text, not the space key

1 & 2 November 2004

CPSC 203 Tutorials by Jie Gao 6

Tip – Get Images from the Web Images on the Internet can be saved

to your computer Right click on the image and find “Save as

…” The formats could be: gif, jpg (jpeg, jpe),

png, bmp … Respect copyrights

Give credit to the author Indicate where you get the image on your

own page

1 & 2 November 2004

CPSC 203 Tutorials by Jie Gao 7

Assignment 4 – Early Start

Create web pages and publish to UofC web server via WebDisk

You can first plan your content of the web pages Arrange how many pages you want (at

least 3) Decide the topics for each page Input content and find images

Next week: Links and publishing to web server

1 & 2 November 2004

CPSC 203 Tutorials by Jie Gao 8

Next Tutorial – Project

You need form groups for the project Go to the lectures. The instructors will

be making groups in lectures Its recommended that all members of

a group are in the same TA’s tutorials