(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.
Above 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.
NOTE: The static expected output images that are linked to above (not the comparison tool) 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.