Homework Assignment 3

 

IMPORTANT:  CHECK YOUR URL’S ON THE BROWSER BEFORE YOU SUBMIT THEM!

1.      Reference the slides Introduction to HTML and Chapter 2 of your text.
For an intro to CSS see CSS-An Overview. For a more detailed coverage of CSS, see Cascading Style Sheets.

When creating your HTML files you may use either tags with properties added or CSS style rules.  Since CSS is according to the new standard, I highly encourage you to use style rules. For equivalent examples of the two methods see Example - No CSS and Example - CSS.  Use View | Source to view the two HTML source files.

            Part 1: (60pts) Start working on your website:

1.      Create your website’s homepage.  Use “Textpad” or “Notepad” to start a text file that you will save as “Homework3-A.htm” when completed. This file will be a simple page with text content and formats using the HTML tags we have covered so far in class. 

2.      You will be evaluated on the content of this page. We will talk about this more in the future, but your homepage should give a general introduction to what your ‘organization’ is about and what it is offering. Here are three homepage examples:   Busted Flush Press,  Falcon Safety,  Higher Gear

3.      Create an additional page for your web site. This should be the “About Us” page (history, bios, other things you may want to say, etc.). Again, use the HTML tags we have covered in class. More information concering writing good About Us pages. Save your "About Us" page as “Homework3-B.htm.”

4.      As you write down these pages’ contents, keep in mind the purpose of your site: who is your target audience, and what you are trying to convey through your website. This will be more relevant as you create future pages for your site, but it doesn’t hurt to think about it now: Should information be presented alphabetically? Grouped into categories? Presented along a timeline? Sorted from simple to complex? Organized into a hierarchy?  Most people visit Web sites to find information or to accomplish some task: Keep the content of your site simple and organized in a way that is meaningful and useful to the intended audience.

5.      Upload “Homework3-A.htm” and “Homework3-B.htm” to the IT130 directory inside the public_html directory of your “students” account using SSH .  Verify that the permissions on each of the two files are set correctly.

 

      Part 2: (40pts) Create an "Assignments.htm" page:

6.      Use “Textpad” or “Notepad” to start a text file that you will save as “Assignments.htm” when completed. 

7.      Write your name, email address, course number (IT130), and section number at the top.

8.      List your homework assignments: make an ORDERED list for your homework assignments: Homework1, Homework2, etc.
Lists in HTML start on page 29 of the IntroHTML.ppt power point slides and page 27 of your text.

9.      Organize the page using <h1>, <h2>, etc. for headings and <p> to separate paragraphs. Where appropriate use a horazontal rule (<hr />) to separate sections. Use any other HTML tags we have covered in class or our text.

10.  Hyperlink the word “Homework1” to make it point to your homework1 file (your website proposal – not the image).
Hyperlink Homework2 to point to your homework 2 file.

11.  Under Homework3, create a nested UNORDERED list, listing the items: “Homepage” and “About Us”.

12.  Hyperlink the word “Homepage” to point to your “Homework3-A.htm” file and hyperlink the words “About Us” to point to your “Homework3-B.htm” file.
Hyperlinks are discussed on pages 34-36 of your text.   Here's what Ben Dover's Assignments page looks like: Ben's assignments.

13.  Upload the “Assignments.htm” file to the IT130 directory inside the public_html directory using SSH. 
Verify that the permissions on the file are set to “644” so that I can view it.

14.  In upcoming assignments, you will re-format this page and add more features to it.

 

2.      Use COLweb to submit the URL:

      to your Assignments page (similar to → http://students.depaul.edu/~yourlogin/IT130/Assignments.htm).

      Important: Make sure that all of your homework assignments are accessible from your Assignments page.

     

Remember: Unix is case sensitive!
Write down the file names above EXACTLY the way you have saved them into your students account, and don’t forget the ~ in the URL.

Since there is just one line, please submit it in the comment box provided by the COLweb submission system.