CIT-11 Home http://www.c-jump.com/CIT11/CIT11syllabus.htm

Week 4, Chapter 4. Hypertext Markup Language

1. Week 4, Chapter 4. Hypertext Markup Language
2. Assignment Homework 4 - Chapter 4 - Part 1
3. Assignment Homework 4 - Chapter 4 - Part 2
4. HTML Assignment Requirements
5. Optional: Assignment Homework 4 - Chapter 4 - Part 3
6. How to submit Part 2

1. Week 4, Chapter 4. Hypertext Markup Language

• Read Chapter 4 in Fluency with Information Technology.

• This chapter covers HTML (Hypertext Markup Language).

• The author includes lots of short examples of html.

• Consider entering and testing some of the book's examples: the best way to learn is to try it!

• Read these articles about absolute and relative URL paths:

  • Article on relative and absolute paths

  • Article about paths.

2. Assignment Homework 4 - Chapter 4 - Part 1

• First part of the assignment this week is to

  • Do some research on the web and find a site that gives a clear and understandable explanation of the following:

    1. Synchronous and asynchronous communication

    2. How IP addresses work including how a domain name gets converted to an IP address

    3. TCP/IP protocol

    4. Networking computers on a Local Area Network

    5. The difference between the Internet and the World Wide Web

    6. File structure

  • Explain why you decided on the sites you selected.

• NOTE: you have one week to complete this part of assignment.

3. Assignment Homework 4 - Chapter 4 - Part 2

• NOTE: you have two weeks to complete this part of the assignment.

• The assignment in this chapter requires that you create a web page and post it on the Internet. However, posting it on the Internet is optional part of this assignment.

• Consider completing the Basic HTML lab in the textbook. At the completion of this lab you will have created a webpage.

• There are LOTS of on-line tutorials for html. If you need more information on html, try googling on html tutorials, you're sure to get lots of hits.

• You may find useful some of the following examples of web pages.

• HTML:

• helloworld.html

• helloworldrev1.html

• helloworldrev2.html

• helloworldrev3.html

• helloworldrev4.html

• getstart.html

• getstartcolor.html

• first.html

• firstwcomments.html

• second.html

• secondwcomments.html

• third.html

• start.html Images used with these pages:

• CISa.gif

• image.gif

• XHTML

• Code with first 4 lines of XHTML (has only 4 lines that should be used at the top of your page for validation.)

• XHTMLfirst4lines.txt - Separate 4 lines of code in text file.

• embedlist.html (embedded list that validates strict)

• morefeatures.html (definition list, em etc) - validates strict

• colorbkCSSnewrev.html - revised version which seems to work better in more browsers - test it.

• colorbkheadCSS.html (CSS in head - notice browser differences) - validates strict

• colorbkheadCSSrev.html - revision of example above - works better in more browsers.

• Embedded list example.

4. HTML Assignment Requirements

• You should create two web pages.

• You do not have to put them out on the web.

• You can test them on your hard drive.

• The pages should be created using Notepad and tested in your browser.

• Extra credit if you test in more than one browser: simply send me a paragraph with your observations.

• Your web pages should include the following features:

  1. head with a title

  2. headers - at least two different ones from h1, h2 etc.

  3. bold

  4. italics

  5. break

  6. paragraph

  7. background color

  8. text color

  9. change the font color and size for a particular line or lines

  10. horizontal line

  11. anchor reference to your second page and another back to the first

  12. anchor reference to an HTML tutorial on the web

  13. image

  14. table

5. Optional: Assignment Homework 4 - Chapter 4 - Part 3

• This part of homework is optional.

• Go to Brinkster website at www.brinkster.com

• When you scroll down you will see FREE WEB HOSTING link.

• In order to do this you need to create account on their server, which includes a username and a password.

• Instructions for logging in, copying files and viewing your webpages are available at Brinkster web site.

• NOTE: you don't have to use Brinkster: if you have another server where you have access to publish your HTML pages, do it there.

6. How to submit Part 2

• See which method applies to you:

  1. If you posted your web pages on a web server, send me the URL of your website for review.

  2. If you created local HTML files on your computer, put them in one folder on your hard drive, ZIP them into a single zip archive, and attach the zip archive to your email.