This assignment builds on the work that you did for HW2. In HW2 you created a "mini-website" that contained several pages and a menu that let the user navigate between the pages. One problem with sites like this is that it becomes cumbersome to change the menu (e.g. when you add/remove a page to/from the site). Since the menu from HW2 needed to be part of every page, changing the menu requires that you make the same changes in every page of your mini-website. In a larger site this could involve changing hundreds of pages.

A better solution to this kind of problem is to make use of the PHP include/require functions. For more information on how to use these functions, see the following URLs. For your HW, I don't care weather you use include or require but you should understand the difference between them.

• http://www.tizag.com/phpT/include.php
• http://www.tizag.com/phpT/require.php

Copy the html files that you created for HW2 into a new folder named HW11 and change the names of the files to have a .php extension instead of a .html extension.

Create a new file named "menu.php". Copy the menu code from one of the original HTML files (which now have .php extensions) into the new file, "menu.php".

Remove the HTML code for the menu from each of the original HTML files (that now have a .php extension). In place of the HTML code for the menu type one of the following PHP commands:

• <?php include("menu.php") ?>
• <?php require("menu.php") ?>

Upload all of the files that you created to a folder named hw11 in the root of your website. Your pages should now be accessible from the following URL.

http://yourdomainname/hw11/

Note that if a folder contains a file named "index.php" and does not contain a file named "index.html" then the server will display the "index.php" file when no filename is specified in the URL. However, if a folder contains BOTH "index.php" AND "index.html" then the "index.html" file will be displayed and NOT the "index.php" file. Therefore make sure that your hw11 folder does NOT contain an "index.html" file.

To the user, the contents of the pages for hw11 should look EXACTLY like the pages from hw2. The only noticeable difference to the user will be that the URLs will have .php extensions for the filenames instead of .html extensions. If the user chooses "view | source" from the browser's menu she should see the EXACT SAME results for hw2 as for hw11.

For this HW you need to send me a copy of the PHP files (I can't see the actual PHP code from the browser window). Send me an email when your pages are ready for grading and please attach the PHP files.

Create a PHP file that uses a while loop to create a table of the areas and perimeters of all squares with sides of length 1 through 100. You can see a link to a similar example done for circles on the main page for this course. Name the file "squares.php".

Create a folder named "hw10" in the root of your website and upload the squares.php file there. The file should be visible from the following URL:

http://yourdomainname/hw10/squares.php

For this HW you need to send me a copy of the PHP file (I can't see the actual PHP code from the browser window). Send me an email when your pages are ready for grading and please attach the PHP file to the email. (DO NOT "paste" the contents of the PHP file into the email).

Create a PHP file that contains the following code. Name the php file, hello.php.

.

Create a folder named "hw9" in the root of your website and upload the hello.php PHP file there. The file should be visible from the following URL:

http://yourdomainname/hw9/hello.php

If you navigate to the above URL with your browser, you should see the words "Hello There.". If you view the source of the webpage, you should see just HTML without the PHP echo commands.

For this HW you need to send me a copy of the PHP file (I can't see the actual PHP code from the browser window). Send me an email when your pages are ready for grading and please attach the PHP file to the email. (DO NOT "paste" the contents of the PHP file into the email).

Complete all of the lessons from chapter 1 of the Flash section in the book, "The Web Collection Revealed".

Choose "File|Publish Settings" from the Flash menu. In the dialog box that comes up, make sure that the check boxes next to "Flash" and "HTML" are checked and that none of the other check boxes are checked and press the "OK" button. Then choose "File|Publish" from the Flash menu. If you did this correctly, you will have created a .html file and a .swf file from your original flash, .fla, project file.

Create a folder named "flash" in the root of your website and upload the .swf and .html files to the flash folder. Rename the .html file to index.html. Your flash animation should now be viewable from the following URL:

http://yourdomainname/flash/

Send me an email when your page is ready for grading.

Complete all of the lessons for one of the Fireworks chapters in the book, "The Web Collection Revealed". You can choose any chapter, but you must do all of the lessons for that chapter.

Create an HTML file that uses <img> tags to display the image(s) that you created.

Create a folder named hw6 in the root of your website. Name your web page "index.html" and place it and the image(s) you created in the hw6 folder.

Send me an email when your page is ready for grading.

Complete all lessons from Chapters 1, 2 and 3 in the book "The Web Collection Revealed". Upload the completed web page(s) to your website under a folder named "stripedUmbrella".

You do not need to upload the results of each lesson separately. Rather upload the final results from the end of chapter 3. The following URL should navigate to the page(s) for this homework:

• http://yourdomainname/stripedUmbrella

• Create a new folder and name it hw4.
• Copy all of the files from hw2 into the hw4 folder.
• Create a file named mystyles.css and place some css rules in the file.
• Create a <link> to the mystyles.css file from each of the .html files in your hw4 folder.
• Make sure that you create enough css rules so that at least some css styles are seen in each of the .html files.
• Email me when you are done

• Create a new webpage that contains the table shown on page 141 in the "Web Design" book.
• Make sure that you have a correctly formatted XHTML page. Don't forget to include the tags that should be included in every XHTML page i.e. <html>, <head>, etc.
• Items 6. and 8. in the instructions in the book refer to some topics that we did not discuss in class. Specifically, these items refer to the <caption> element in addition to the summary and scope attributes. Don't worry about this items, but create the rest of the table.

Create a folder named hw3 in the root of your website. Name your new page "index.html" and place it in the hw3 folder.

Send me an email when your page is ready for grading.

The following is due after the midterm. However, if you get it in sooner, I will try to get feedback to you before the midterm.

Create a webpage that uses all the different tags and attributes we learned about. At the very least, your page should use the following tags and attributes. Make sure that the page uses correct XHTML formatting (including html, head and body tags):

• tags: html, head, title, body, h1, h2, h3, p, br, hr, strong, em (don't use b and i tags)
• attributes:
• width attribute of the hr tag
• size attribute of the hr tag

Write about any topic that you like. However, make sure to include some intelligable content. Include at least 2 or 3 paragraphs of content.

Create a folder on your server called "/hw1" [The "/" in "/hw1" means that the hw1 folder is a child of (i.e. inside of) the root folder]. Name the webpage that you created index.html and place it in the hw1 folder. You should be able to display your page in a browser from any computer using either of the following URLs:

• http://yourdomainname/hw1
• http://yourdomainname/hw1/index.html

where "yourdomainname" is the name of your domain (e.g. sueswebsite.com)

Email the domain name that you are using to me at (that is yrosenth, not yrosenthal).