INP 150: Basic HTML Term: Winter 2002 Section: H1 Time: Mon/Wed 5:30- 7:25 pm Place: TI237 Instructor: Paul J. Millis

Course Review Title: Basic HTML Course: WCC, INP 150 Section H1 When: Winter 2002: Mon/Wed 5:30–7:25 pm Where: TI 237 Instructor: Paul J. Millis Contact Information: Mail: Phone: (734) O (734) H

Course Objectives Students will be able to:. Create an HTML document. Format text within an HTML document. Make decisions regarding HTML document color. Apply links to text and images within an HTML document. Display images on an HTML document. Create tables within an HTML document. Create a frameset HTML document. Create an HTML form. Troubleshoot HTML markup.Use File Transfer Protocol

Course Schedule 15 Sessions Written Exam will be in the testing center 4/17 thru 4/23 Coding Exam will be on 04/17/01 Project will be due 04/29/01

Grading Attendance and Participation -- 30% –Including Homework Class Project -- 35% Quizzes and Tests -- 35%

Homework Assignments #1 – 03/11/02 Session 1 #2 – 03/13/02 Session 2 #3 – 03/18/02 Session 3 #4 – 03/20/02 Session 4 #5 – 03/25/02 Session 5 #6 – 04/03/02 Session 8 #7 – 04/08/02 Session 9 #8 – 04/10/02 Session 10 #9 – 04/24/02 Session 14 03/13/02 Session 2 03/20/02 Session 4 03/25/02 Session 5 03/27/02 Session 5 04/03/02 Session 8 04/10/02 Session 10 04/15/02 Session 11 04/17/02 Session 12 04/29/02 Session 15 AssignedDue

Class Project Create a multi-page web site that demonstrates understanding of the concepts taught in the class. This website may be concerned with any topic, but must consist of at least four pages and have an index.

Class Project Required Elements The site presented must demonstrate your knowledge of the following skills Creating of different types of lists, block quotes and paragraphs Formatting text color, size and emphasis Changing the default colors for backgrounds and links using browser- safe colors Including inline graphics Linking to internal and external pages Use of both text and graphic elements for links A clickable facility to send Layout using tables or frames Options to accommodate users without the ability to use frames Creation of a sample form Ability to publish the site and make it work on both major browsers

StartDueDeliverable Create Concept 03/11/200203/27/2002 URL for paragraph published describing project Create First page 03/27/200204/3/2002 URL for published Index.htm without working links Create Site Layout 04/03/200204/17/2002 Hardcopy documentation of layout (If Required) Final Project Website 04/17/200204/29/2002 URL for working project website Class Presentation 04/29/ Minute project demonstration to class Key Project Dates/Deliverables

Key Considerations Netscape and Internet Explorer (and Opera) Composing and publishing tools Other people’s code Public Domain Images

Some Helpful Web Sites

Setting Up Accounts

Text Editors - NotePad

Saving Files

Text Editors -- WordPad

How (and Why) We FTP In order for other people on the Internet to see your web pages, you have to upload them to your Web host’s server. We use WS-FTP to do this

Set Up WS_FTP to Transfer HTML Open WS_FTP Click OPTIONS Click Extensions Tab Add.html and.htm -- ensures transfer in ASCII mode

Define a New FTP Site In WS_FTP, click connect Click New Answer the Wizard Questions, clicking NEXT until done Select the new profile and click Properties Click on the Session Tab and Auto-detect Click OK

Transfer Files Open WS_FTP Click CONNECT Choose your site and click CONNECT Navigate to the server directory on the right Navigate to the hard drive directory on the left Select files and click on appropriate arrow Close

Getting Started W/ HTML Belt Buster Burger Opening tag Closing tag Angle brackets Forward slash Attribute Value

Homework I Make the highlighted changes to my page.

Homework 1: Steps 1) Right click and VIEW SOURCE 2) Highlight all the source 3) Under EDIT on the Menu Bar, choose COPY 4) Open NOTEPAD 5) Click on page 6) Under EDIT on the Menu Bar, choose PASTE 7) Change the TITLE to ‘My Home Page’ 8) Change Heading to ‘ Your Name’s Home Page” 9) Change the subheading to “Homework 1” 10) Change the plain paragraph to any sentence you want 11) Change the address to yours 12) Save the file with FILE/SAVE AS as INDEX.HTM 13)Test your page using Netscape or Internet Explorer 14) Upload the file to your web space using FTP 15) me at indicating that you are done Go to my web site and click on Homework 1 Link