1 / 25

INP 150: Basic HTML

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

tanner-robbins
Download Presentation

INP 150: Basic HTML

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

  2. 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: pmillis@wccnet.org • Phone: (734)-647-7508 O (734)-995-0861 H

  3. 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

  4. 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

  5. Grading • Attendance and Participation -- 30% • Including Homework • Class Project -- 35% • Quizzes and Tests -- 35%

  6. #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 Homework Assignments Assigned Due

  7. 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.

  8. 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 email • 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

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

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

  11. Some Helpful Web Sites • http://www.peachpit.com/vqs/html4 • http://www.cookwood.com

  12. Setting Up Email Accounts

  13. Setting Up Email Accounts

  14. Setting Up Email Accounts

  15. Setting Up Email Accounts

  16. Text Editors - NotePad

  17. Saving Files

  18. Text Editors -- WordPad

  19. 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

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

  21. 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

  22. 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

  23. Getting Started W/ HTML Closing tag Opening tag • <B>Belt Buster</B> Burger Angle brackets Forward slash • <TABLE BORDER> Attribute • <IMG SRC=“image.gif” HSPACE=5> Attribute Attribute Value Value

  24. Homework I Make the highlighted changes to my page.

  25. Homework 1: Steps Go to my web site and click on Homework 1 Link • 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 email 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) EMAIL me at pmillis@wccnet.org indicating that you are done

More Related