Homework assignment 2

 

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

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

 

1.      Reference the slides Introduction to HTML.

 

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 “Homework2-A.html” 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.

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. Save this file as “Homework2-B.html”

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 organized in a way that is meaningful and useful to the intended audience.

5.      Upload “Homework2-A.html” and “Homework2-B.html” to the HCI201 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.html" page:

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

7.      Write your name, email address, and course number (HCI201) 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.

9.      Organize the page using <h1>, <h2>, etc. for headings and <p> to separate paragraphs, and any other HTML tags we have covered in class so far.

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

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

12.  Hyperlink the word “Homepage” to point to your “Homework2-A.html” file and hyperlink the words “About Us” to point to your “Homework2-B.html” file.

13.  Upload the “Assignments.html” file to the HCI201 directory inside the public_html directory using SSH.  Verify that the permissions are set correctly.

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

 

2.      Use the DLWeb to submit the URL’s:

1.      to your Assignment list page (similar to → http://students.depaul.edu/~yourlogin/Assignments.html)

2.      to Homework2-A (similar to → http://students.depaul.edu/~yourlogin/ Homework2-A.html)

3.      to Homework2-B (similar to → http://students.depaul.edu/~yourlogin/ Homework2-B.html)

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 these are just three lines, please submit them in the comment box provided by the DL submission system.