CPSC 203 Introduction to Computers Lab 33 By Jie Gao.

Slides:



Advertisements
Similar presentations
Anatomy of a Web Page. Parts of a Web Page Title Bar Navigation Tool Bar Location Bar Header Graphic/Image Text Horizontal Rule Links.
Advertisements

CPSC 203 Introduction to Computers Tutorial 03 & 05 Jie (Jeff) Gao September 13 & 14.
 Share assignments and files  Student and parent home access  Announcements  Classroom information.
CPSC 203 Introduction to Computers Lab 39, 40 By Jie (Jeff) Gao.
CPSC 203 Introduction to Computers T43, 46 & 68 By Jie (Jeff) Gao.
CPSC 203 Introduction to Computers Tutorial 59 & 64 By Jie (Jeff) Gao.
Creating And Publishing A Webpage You will learn the basic html ‘tags’ for formatting a webpage as well including internal and external content.
CPSC 203 Introduction to Computers T59 & T64 TA: Jie (Jeff) Gao.
CPSC 203 Introduction to Computers Lab 33 Jie Gao.
Web development  World Wide Web (web) is the Internet system for hypertext linking.  A hypertext document (web page) is an online document. It contains.
HTML Programming last updated 9/12/05 at 1:30pm HyperText Markup Language Reference: – HTML BasicsHTML Basics An HTML program is a set of paired tags that.
ETT 229 Fall 2004 Web Design Basics II. Agenda 11:00-11:05 – Quiz 14 11:05-11:50 – Web Design Lecture 11:50-12:15 – Web Design Practice 2.
CIS101 Introduction to Computing Week 05. Agenda Your questions CIS101 Survey Introduction to the Internet & HTML Online HTML Resources Using the HTML.
CIS101 Introduction to Computing
Chinese Building. Today’s Topic Review last lab Links.
Web Page Development Identify elements of a Web Page Start Notepad
Introduction to HTML 2006 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Introduction to HTML 2006 INT197B. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Internet Publishing / Dreamweaver Luke E. Reese CARRS
ETT 429 Spring 2007 Web Design I.
Lecture 13. A Very Brief Introduction to HTML and XHTML, part II Instructor: Jie Yang Department of Computer Science University of Massachusetts Lowell.
ETT 229 Fall 2004 Web Design Basics III. Agenda 11:00-11:05 – Quiz 15 11:05-11:40 – Web Design Lecture 11:40-12:15 – Web Design Practice 3.
CPSC 203 Introduction to Computers Lab 21, 22 by Jie (Jeff) Gao Location: ES650.
CPSC 203 Introduction to Computers T03 & T29 by Jie (Jeff) Gao.
1 HTML / Website Creation. 2 HTML – HyperText Markup Language  For formatting Web pages  Ordinary text can be created using any Text editor: e.g. NotePad,
CPSC 203: Introduction to Computers Tutorials 03 & 29 by Jie (Jeff) Gao.
CPSC 203 Introduction to Computers Lab 39, 40 By Jie (Jeff) Gao.
CPSC 203 Introduction to Computers Lab 39, 40 By Jie (Jeff) Gao.
CPSC 203 Introduction to Computers Tutorial 03 & 29 Jie (Jeff) Gao September 15 & 16.
Exploring Microsoft Office XP - Microsoft Word 2002 Chapter 61 Exploring Microsoft Word Chapter 6 Creating a Home Page and Web Site By Robert T. Grauer.
CPSC 203 Introduction to Computers Lab 39, 40 by Jie (Jeff) Gao.
Today’s Topic Language of web page - HTML (Hypertext Markup Language)
CPSC 203 Introduction to Computers Lab 21, 22 By Jie Gao.
CPSC 203 Introduction to Computers Lab 23 Jie Gao.
CPSC203 Introduction to Computers Lab 69 By Jie Gao.
CPSC 203 Introduction to Computers Lab 66 By Jie Gao.
Tutorial: Web Publishing. Web Publishing Tutorial IS for Management2 Web Publishing Web pages are stored on a Web server: a computer with a unique Web.
All Web pages are written with some form of HTML (HyperText Markup Language). HTML documents are saved as Text Only files so virtually any computer can.
HTML. WHAT IS HTML HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup language A markup language is a set of.
Basic HTML Workshop By: Preeda Chunjongkolkul (Pete) Systems Librarian/Webmaster
CPSC 203 Introduction to Computers Lab 23 By Jie Gao.
Just Enough HTML How to Create Basic HTML Documents.
All you ever needed to know…and more!. H.T.M.L. HyperText Mark-up Language Web’s programming language All web browsers Set of instructions Written with.
CPSC203 Introduction to Computers Lab 33 By Jie Gao.
Introduction to web development and HTML MGMT 230 LAB.
CREATING WEB PAGES Using…More HTML code! My First \ Web Page.
1 Chinese Information Processing : Using Computers to Teach and Learn Chinese Week 6 and 7: Creating and maintaining web pages - html and ftp.
CPSC 203 Introduction to Computers Lab 33 By Jie Gao.
CPSC 203 Introduction to Computers Lab 23 By Jie Gao.
CPSC 203: Introduction to Computers Tutorials 03 & 29 by Jie (Jeff) Gao.
CPSC 203 Introduction to Computers Lab 66 By Jie Gao.
CPSC 203 Introduction to Computers T43, T46 & T68 TA: Jie (Jeff) Gao.
Double –Click on the Netscape Icon on your desktop The following are a series of steps to help you get started with Netscape Composer.
HTML HyperText Markup Language. Text Files An array of bytes stored on disk Each element of the array is a text character A text editor is a user program.
Web programming Part 1: HTML 由 NordriDesign 提供
Web Authoring with Dreamweaver. Unit Objectives  Be able to define keywords: HTML, HTTP (protocol), browser, web server, client/server, tag, attribute,
Lesson 6 Links. Creating Folders  For every web site/page, you need to create a separate folder  The computer cannot find links if they are not stored.
Internet Publishing / Dreamweaver Luke E. Reese Biosystems & Ag. Engr. / CARRS
CPSC 203 Introduction to Computers T97 By Jie (Jeff) Gao.
HTML Comprehensive Concepts and Techniques Second Edition Project 2 Creating a Web Site with Links.
Introduction to HTML C151 Multi-User Operating Systems.
CPSC 203 Introduction to Computers Lab 23 By Jie Gao.
2 Apr 04 1 Application Software Practical 13/14 HTML / Website Creation.
CPSC 203 Introduction to Computers Lab 39, 40 by Jie (Jeff) Gao.
CPSC 203 Introduction to Computers Lab 66 By Jie Gao.
Creating And Publishing A Webpage You will learn the basic html ‘tags’ for formatting a webpage as well including internal and external content.
Week-11 (Lecture-1) Introduction to HTML programming: A web based markup language for web. Ex.
XP Creating Web Pages with Microsoft Office
To insert a hyperlink ( a web page address, URL) using text
Hyperlinks Links for .
Presentation transcript:

CPSC 203 Introduction to Computers Lab 33 By Jie Gao

November 6, 2002CPSC 203 Labs by Jie Gao Assignment 4 Create a home page for yourself or a club/organization Totally 3 – 4 pages Include: titles, a background colour or image, headings of various sizes, an image, paragraphs, a list, hypertext links, a link to your address Publish it to your IT account home page storage, or your own home page storage

November 6, 2002CPSC 203 Labs by Jie Gao Assignment 4 Submission Make sure your home page is publicly accessible Send me an indicating your home page web address before 4:00 p. m., Nov 15 Suggest you give the Subject “Assignment 4” to the submission My address:

November 6, 2002CPSC 203 Labs by Jie Gao Refine Your Web Page Page Background Color or Image: Insert an image:

November 6, 2002CPSC 203 Labs by Jie Gao Insert Link The tag … Put your link address in the href attribute Put the link text or image ( tag) inside the tag Link to a web page or a file: Input the web address of the page or file for the link address Link to an address: “mailto:

November 6, 2002CPSC 203 Labs by Jie Gao Other Elements More complicated, may need multiple tags to create one element List: Numbering: … … … Itemize: … … … Table: … … … … … … …

November 6, 2002CPSC 203 Labs by Jie Gao Using Word Insert images, lists or tables in the normal way Most links to s and web addresses can be automatically recognized and underlined; links to your own pages can be inserted in Insert  Hyperlink Background color: Format  Background  (select color or fill) Save as Web Page

November 6, 2002CPSC 203 Labs by Jie Gao Publish Your Web Pages You should have some storage on the internet, e.g. the IT account (AIX account, ACS account, …) For IT account: Use FTP softwares or WebSling to upload pages FTP to ftp.acs.ucalgary.ca with your IT account Your web pages should be in “public_html” directory, the start page should have the name “index.html”

November 6, 2002CPSC 203 Labs by Jie Gao Resources for Publishing Your Web Pages Detailed help pages at “Services for Students” --> “Personal Web Pages” Account Management Utilities at “ can help you setup your home page