Current Semester
Spring 2009
YU Links
Prior Semesters
Fall 2008
Spring 2008
Fall 2007
Spring 2007
Fall 2006
Spring 2006
Fall 2005
Fall 2002 - Spring 2005

INF2250: Web Design & Development - (Homework)

Beren - section C

HW # Assignment
HW#1

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.
HW#2

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


 
HW#3

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

To submit create a .zip file (i.e. a compressed folder) of you entire folder hierarchy and submit it to this dropbox. If you don't know how to create a .zip file (i.e. a compressed folder) then read the link in the Lessons section of Angel entitled "How to create a .zip file".

hw-imagesAndLinkingDocuments.doc
HW#4

Upload the files from HW3 to your website. You should submit the URL to get to your files. If more than one person is sharing a web hosting account, create a folder for each person. Then each person should upload their HW files to their own folder. Submit the name of your domain and the folder which contains your HW files: eg.

http://yrosenthal.com

or

http://yrosenthal.com/joe    (if you are sharing the web hosting server)
HW#5

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.

HW#6
Instructions

Below is a sample HTML document with some CSS rules. You can copy the text of the HTML file and place it in a separate file.

Modify the rgb( ___ , ___ , ___ ) color values in the CSS rules for h1 and h2 to make the background-colors the same as the foreground colors. If you do this correctly, you should just see a bar of solid color (since the color of the text will be the same color as the background color). To answer the question, you may use either percents or whole numbers, but you should know how to use both.

When you are done, upload the new HTML file to this dropbox.

HTML FILE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"><head><title>Fun With CSS Colors</title>

<style type="text/css">

h1 {color: yellow; background-color: rgb(0,0,0); }
h2 {color: fuchsia; background-color: rgb(80%,80%,80%); }

</style></head><body>

<h1>Modify the rgb( ___ , ___ , ___ ) color values in the CSS rule for h1 to make the background-color of this section YELLOW. If you do this correctly, you should just see a solid YELLOW line (since the color of the text is already yellow). To answer the question, you may use either percents or whole numbers, but you should know how to use both.</h1>

<h2>Modify the rgb( ___ , ___ , ___ ) color values in the CSS rule for h2 to make the background-color of this section FUCHSIA. If you do this correctly, you should just see a solid FUCHSIA line (since the color of the text is already fuchsia). To answer the question, you may use either percents or whole numbers, but you should know how to use both.</h2>

</body></html>


 
HW#7a

Convert the following to rgb color values:

a.  #3F72A5

b. #A00FF0

Convert the following to hex color values:

a. rgb(98,143,170)

b. rgb(100%,50%,10%)
HW#7b

Follow the instructions for Exercise 12-1 on pages 212 - 216 in the book Learning Web Design, 3rd Edition by Jennifer Niederst Robbins. (In class I said to do 12-2 also. I changed my mind. You only have to do 12-1.)

You will need some files from the publisher for this. You can download the zip file that contains the files from http://www.learningwebdesign.com/materials/index.html or get it directly from here: LWD3e_chapter12.zip.

Upload your finished file to this dropbox.


 
HW#8a

Follow the instructions for Exercise 12-2  in the book Learning Web Design, 3rd Edition by Jennifer Niederst Robbins.

You will need some files from the publisher for this. You can download the zip file that contains the files from http://www.learningwebdesign.com/materials/index.html or get it directly from here: LWD3e_chapter12.zip.

Upload your finished file to this dropbox.
HW#8b

Follow the instructions for Exercise 12-3  in the book Learning Web Design, 3rd Edition by Jennifer Niederst Robbins.

You will need some files from the publisher for this. You can download the zip file that contains the files from http://www.learningwebdesign.com/materials/index.html or get it directly from here: LWD3e_chapter12.zip.

Upload your finished file to this dropbox.
HW#9

NOTE: The refereces to "folders" below refers to the information on Angel. See Angel for the complete assignment."

In this folder, there are 3 files

homepage.html - an html file
mystyles.css - a css file that is linked into homepage.html
analysis.doc - a microsoft word file that contains a worksheet for you to fill out

The file homepage.html contains html code that displays the words one, two, three, ... eight. Each word is styled in a different color, background-color and font size. Use your knowledge of CSS to fill out the worksheet in the file analysis.doc with the color, background-color and font size of each of the words that are displayed when homepage.html is displayed in a browser. Submit the completed worksheet (i.e. analysis.doc) to this dropbox.
HW#9a

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.
HW#9b

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.
 
HW#11

See the following document for instructions. You should upload both the HTML and .PHP files to your website. Include a link on your homepage for this HW (as for all other HW's that you upload to your website). ALSO submit the php file to this dropbox and the .html file to the HW11 (html) dropbox.

Word Document with instructions: hw-htmlFormAndPhpFile.doc
HW#12

Create a blog using wordpress.com and make at least one entry in the blog.

To do this, you will need to sign up on http://wordpress.com for a user account. Once you have signed up for the account you will then be able to create a new blog and publish an entry. The blog that you create will be accessible to the world via the url - http://yourUserName.wordpress.com/ (where yourUserName) is the user name that you used when you signed up to wordpress.com. If you want other people to see your blog, you can give them this URL. However, in order to add information to your blog (or modify existing information) you will need to go to http://wordpress.com and log in using your wordpress id. The changes you make will then be reflected on the public blog.

Submit to this dropbox the public URL of your blog (e.g. http://sarahSchwartz.wordpress.com/ ). You should ALSO add a link to your your blog on the main page of you website on godaddy.com.