Expand Your Personal Web Site

Due: Monday Feb 8, 2016 - 11:55pm

See Addendum for updates.

Assignment 2 builds on Assignment 1 by imposing additional constraints on the look, feel and structures of your pages. It will also be necessary to have a 3 page rather than 2 page site. How much you start over and how much you re-use depends on your own work style.

For this assignment, you will two seperate version of a three page web site. Each version will contain a homepage named "index.php" and two additioal pages named. "other1.php" and "other2.php". The three pages have in common a header, a footer and a nav tag. For now, the code for these three components will simply be cut and pasted into each of the three pages. (You will see down the road how PHP include might make this easier.)

The two seperate version will reside in their own sub-folders. They will be described as the `east' and `west' versions. Please simply name the sub-folders `east' and `west'. Try to keep the HTML as similar as possible simply so your own workload is manageable. That said, as you read the requirments recognize some of the changes will be easiest if you make judicious changes to the HTML.

In the East version,

• Content width is fixed (say 800 pixels)
• Content becomes centered if page is wider than necessary
• Navigation is across the top

In the West version,

• Content fills 90% of the available width
• Content has a min-width of 600 pixels
• Navigation is along the left border

On both versions,

• Header must be a single line of text
• Have at least three Navigation links: home and the other 2. Links must not be underlyined and respond visually to `hover'.
• You pick the title and contents of the pages - there should be at least two paragraphs of text on each page.

There is tag in HTML for quoted material (blockquote). If you feel like composing a lot of text is not your highest priority, you may quote with attribution Wikipedia where the license is ammenable. By attribution, we mean both a link to the page of origin and also the governing license.

Please make use of these color palettes for East and West versions. You may simply add pure white and pure black to either palette and you may wish to do this in order to have text standout clearly.

Huge Hint - you are actually only writing three pages of HTML with possibly minor variations. All styling is handled in the east versus west style sheets.

To structure this assignment, there must be two folders, one ‘east’ and one ‘west’ In each will reside index.php, other1.php, other2.php and style.css.

You will submit a single tar file "lastname.tar" with all the required files. Submission will be through Canvas.

To do this assignment, please use a text editor and type all the necessary tags by hands. Please do not use any web development application to create your home page. Your work will be tested with Chrome on department machines.

Addendum (last updated 2/3/2016)

Some understandable confusion has come up as a result of the request that you submit files with the php suffix instead of html. So, to clarify, you need not write a single PHP command to successfully complete this assignment! The requirement that your files have the suffix php is simply to get you into a new habit: namely writing pages in which you may, should you wish, use PHP. You may, at your own risk, use PHP commands in this assignment. However, grading will be based solely upon the HTML and CSS elements of the pages you generate.