(Your page should also link to
gallery.js using absolute URLs, but you shouldn't need to download them.)
(NOTE: Your pages do not need to output exactly this same HTML content.
We're just providing it as a template and a starting point.
Your HTML can have other elements and styling, as described in the spec.)
(NOTE: You do not need to match these expected outputs exactly, other than the blue top/bottom bars.
The main central content can look however you want, as long as you have the functionality and behavior described in the spec.
Have fun and be creative!)
As we mentioned in lecture it is always a good idea to try out your regular expressions.
Below are data sets for valid and invalid usernames and passwords for you to play with in Rubular.
We strongly recommend practicing with Rubular before implementing expressions in php.
nerdluv.css (style sheet; you don't need to download or modify this)
singles2.txt (for CSE majors who complete gay/lesbian/bi match feature)
Expected output images were slightly off compared to actual output.
The server's CSS and images were updated Tue 4/30 10pm to correct this issue.
You should not need to change your code because of this.
Since this is not primarily a CSS assignment, the points allocated to matching exact appearance are low.
We apologize for any inconvenience.
Initial index.php page:
(this page is provided to you)
NOTE: It is a bit trickier to use our web page comparison tool for HW4 because you cannot easily specify a URL into the tool to show the results properly. Suggestion: Point the comparison tool at index.php instead, and then when that page appears on the screen, fill out the form and submit it. Then the results page will be visible and you can compare it.
NOTE: The expected output images are taken on a computer whose screen resolution is 1024x768 pixels.
So if your screen is larger, to you the screenshots may not reach all the way over to the right edge of your screen.
You don't need to replicate that on your page. Your page's elements should extend all the way to the page's right edge. If you resize your window to 1024x768 resolution, your window should look similar to our screenshot.
If you're interested, the Firefox
Web Developer add-on has a resizer feature that you can use to resize the browser window to an exact width/height.