1. CPSC 203: Introduction to Computers Tutorials 03 & 29 by Jie (Jeff) Gao

2. 1 & 2 November 2004CPSC 203 Tutorials by Jie Gao2 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)

3. 1 & 2 November 2004CPSC 203 Tutorials by Jie Gao3 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

4. 1 & 2 November 2004CPSC 203 Tutorials by Jie Gao4 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.)

5. 1 & 2 November 2004CPSC 203 Tutorials by Jie Gao5 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

6. 1 & 2 November 2004CPSC 203 Tutorials by Jie Gao6 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

7. 1 & 2 November 2004CPSC 203 Tutorials by Jie Gao7 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

8. 1 & 2 November 2004CPSC 203 Tutorials by Jie Gao8 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