1,234
edits
Changes
→Lab
= Lab =
This is a marked lab. Please submit it using Moodle (Lab2).Please keep in mind that you're supposed to complete the lab yourself, not just copy someone else's work. I will notice!
== Part 1 ==
You will need to do the following on two platforms (windows, linux, or mac). The windows with IE and /or matrix with Firefox and/or the OSX with Safari on the lab machines will work:
# Create an HTML page with:
## Simple headers in <h1>, <h2>, and <h3> tags. Don't specify any styles for the headers.
## Add some text in tags with CSS attributes that set the font, each of these separately:
## CSS font-family, with text explaining what this property can be used for. To make it more interesting - try to pick fonts only available on one platform and see what the fallback is.## CSS font-style, with text explaining what this property can be used for.## CSS font-size, with examples of using different unit types (see [http://kyleschaeffer.com/user-experience/css-font-size-em-vs-px-vs-pt-vs/ this for example]).
# Make sure the whole thing fits into one page (no scrolling), and make a screenshot of it.
# Open the exact same page on the other platform (preferably in a different browser), and make a screenshot of that.
# List the differences you see, and explain why the two don't look exactly the same. Depending on the fonts you chose and the units you used the differences may be very minor.
# The two screenshots, your css, html file, and the explanation must be submitted to Moodle/Lab1.