HW1 - Create an HTML file using notepad. Your file should contain at least 2 paragraphs of information and at least one nested list (i.e. a “2-level-outline-style” list with several items at each level). Use your imagination as to the contents of the information but make it intelligible (i.e. don’t just randomly hit the keyboard to type gibberish). Upload your completed file to the dropbox on angel.

Submit the following:

1. The validated webpage that we worked on in class. You should make sure that your webpage passes the validation checks at http://validator.w3.org/#validate_by_upload without any errors or warnings. You should use the template located at http://www.w3.org/QA/2002/04/valid-dtd-list.html to structure your page. Just replace the line <p>... Your HTML content here ...</p> with the HTML for the body of your page.

2. Submit a validated copy of your page from HW1. You should use the same template as before (i.e. http://www.w3.org/QA/2002/04/valid-dtd-list.html ) to structure your page. Make sure that the page validates correctly with no errors or warning, using the validator at http://validator.w3.org/#validate_by_upload.

Create the HTML code to display the following table.Your code should validate correctly using the W3C Validator service. Submit the HTML file.

Create the two web pages as described in the following Word document.

hw-imagesAndLinkingDocuments.doc

Then, upload your webpages to your webserver. You should submit the URL for your website. If you are sharing a single website with 2 or 3 people, each person should create a folder at the top level of the website that contains his files. Each student should submit the domain name and folder to get to their submissions (.e.g http://yrosenthal.com/joe/)

1. Convert the following to Hexadecimal color values:

a. rgb(177,56 92)

b. rgb(255,0,15)

2. Convert the following to rgb(,,) color values

a. #FF33BB

b. #123456

1.       Upload a copy of the HTML document that we created in class with CSS rules to your website. If you weren't in class and don't have notes then you can create a new HTML page with CSS. If you create a new page, you should use at least five different CSS rules. I will not be particular about exactly what the page says.  Place this file in a folder named "hw5" and name the file index.html.
 

2.       Create a folder named "hw4". Move the files from your previous HW assignment that you uploaded to your website into the new hw4 folder.  Note that if you used "absolute" file paths for the images or the links in this assignment then you will have to "fix" the paths for the pages to still work correctly. If you used "relative" paths in the first assignment then you would NOT have to "fix" anything. ... Now do you understand the benefit of relative paths?

3.       Create a new file named index.html to be placed in your main folder. This file should display a web page with a "menu" for the HW assignments that you've uploaded to your website. It should look similar to the following (replace "JANE DOE" with your name). Clicking on the links should display the HTML file for the appropriate HW.

There is no HW#7. I skipped this # on Angel by mistake. I left the same numbers here as I have on Angel.

Create the PHP program that we did in class (i.e. the Price List) and add it to your website. Create a link from the HW page on your website to the PHP file. Make sure that you have a few lines in the pricing chart table.

YOU SHOULD ALSO submit the PHP file to this dropbox. The reason for this is that I have no way of knowing if you did the code in PHP or in HTML from just looking at your website. Therefore, you should also submit the PHP file to this dropbox.

Create a PHP file that generates the HTML code necessary to display the following list of 1000 items in a browser:

1. 1
2. 2
3. 3
4. 4
.
.
.
1000. 1000

The HTML code should NOT be typed directly into your PHP file. Rather you should generate the HTML file using a loop in PHP. HINT: The HTML that displays the information above looks as follows:

<ol>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
 .
 .
 .
<li>1000</li>
</ol>

Post the PHP file on your website and add a link to it from your index.html page. ALSO, submit the PHP file to this dropbox. Remember that I can't see the PHP code by just looking at your website and I would have no idea if you did it in PHP or just typed up the HTML.

Create a PHP file that generates a page that contains 1000 nested lists. When displayed in a browser the page should look like the following. Make sure that the HTML that is generated is "valid" XHTML 1.0.

1. 1
 1. 2
  1. 3
   1. 4
    .
     .
      .
       1. 1000
       
HINT: The HTML to generate a page of the above format that contains only 3 lines looks like the following:

<ol><li>1
<ol><li>2
<ol><li>3
</li></ol>
</li></ol>
</li></ol>

Post the PHP file on your website and add a link to it from your index.html page. ALSO, submit the PHP file to this dropbox. Remember that I can't see the PHP code by just looking at your website and I would have no idea if you did it in PHP or just typed up the HTML.