Presentation is loading. Please wait.

Presentation is loading. Please wait.

CPSC 203 Introduction to Computers Lab 33 By Jie Gao.

Similar presentations


Presentation on theme: "CPSC 203 Introduction to Computers Lab 33 By Jie Gao."— Presentation transcript:

1 CPSC 203 Introduction to Computers Lab 33 By Jie Gao

2 November 4, 2002CPSC 203 Labs by Jie Gao What Is a Web Page? A file with the extension “htm” or “html” This file can be at the remote server (with a web address) or at the local computer (with a file path). Examples: http://www.cpsc.ucalgary.ca/~gaoj/index.html D:\documents\sample.htm This file can be parsed and displayed in a web browser (Internet Explorer or Netscape)

3 November 4, 2002CPSC 203 Labs by Jie Gao Behind the Scene A web page is actually a text file (only the extension is different from the normal text file) A particular language named HTML is used in the web page file HTML: HyperText Markup Language Tags are used in HTML to express different meanings

4 November 4, 2002CPSC 203 Labs by Jie Gao Tags A beginning tag is in the format or An end tag is in the format Examples: …

5 November 4, 2002CPSC 203 Labs by Jie Gao The Structure of a Web Page The most top level: HTML tag Head: contains information about the current document, such as its title, keywords that may be useful to search engines, and other data that is not considered document content Body: contains the document's content

6 November 4, 2002CPSC 203 Labs by Jie Gao The Structure Sample Sample Web Page …

7 November 4, 2002CPSC 203 Labs by Jie Gao What’s in the Body? The body contains the content of the web page:,…, : Different styles of headers : Paragraphs : Images : Links : Line break within paragraphs, : Ordered, or itemized lists : list items

8 November 4, 2002CPSC 203 Labs by Jie Gao Control the Format Font, size and color: … Face contains the font name e.g. Arial, Sans-Serif Size: -7,…,-1; 1,…,7; +1,…,+7 (default: 3) Color: red, blue, … Style Bold: or Italic: or Align Center:

9 November 4, 2002CPSC 203 Labs by Jie Gao Tools to Create a Web Page Notepad Directly write HTML language into a.htm or.html file Word Create a document, then “Save as Web Page…” FrontPage Create web pages directly The interface is similar to Word Manage your web pages in a site

10 November 4, 2002CPSC 203 Labs by Jie Gao Assignment 4 Please follow the requirements posted in the course web site: http://www.cpsc.ucalgary.ca/~deur/203/f02/ And detailed explanation in my TA web site: http://www.cpsc.ucalgary.ca/~gaoj/TA/ You can refer to my home page or other home pages My home page: http://www.cpsc.ucalgary.ca/`gaoj or http://www.ucalgary.ca/~jgaohttp://www.cpsc.ucalgary.ca/`gaojhttp://www.ucalgary.ca/~jgao


Download ppt "CPSC 203 Introduction to Computers Lab 33 By Jie Gao."

Similar presentations


Ads by Google