1 / 6

CPSC 203 Introduction to Computers

This tutorial provides an overview of web pages, including their definition, structure, and essential elements. A web page is a file with the extension ".htm" or ".html" that can be stored on a remote server or a local computer. It focuses on key components such as titles, content types (paragraphs, headings, images, links, and tables), and tools to create web pages like WYSIWYG editors (Word and FrontPage). It includes a practical assignment to create and publish at least four web pages, emphasizing planning and content organization.

hua
Télécharger la présentation

CPSC 203 Introduction to Computers

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. CPSC 203Introduction to Computers Tutorial 43, 46, 68 By Jie (Jeff) Gao

  2. 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/~deur/203/w05/ • c:\temp\sample.htm • This file can be parsed and displayed in a web browser (Internet Explorer or Netscape) CPSC Tutorials by Jie Gao

  3. Elements in a Web Page • Title: The text appears in the browser title bar • Content: • Paragraphs • Headings • Images • Links • Tables • … CPSC Tutorials by Jie Gao

  4. Tools to Create a Web Page • WYSIWYG (What You See Is What You Get) tools for creating a web page: • Word: Create a document, then “Save as Web Page…” • FrontPage: A web page editor; the interface is similar to Word • Netscape composer: A free web page editor in Netscape CPSC Tutorials by Jie Gao

  5. Assignment 4 • Create your own web pages • At least 4 web page documents • Publish them to the University web server • To get started, consider the content of your web pages first. Make a clear plan what to be discussed on each page and input content. CPSC Tutorials by Jie Gao

  6. Remember the Midterm • Today in ST 140 & 148 • 6:00-7:00 pm • Good luck! CPSC Tutorials by Jie Gao

More Related