|
exercise 1 - [Dynamic] HTML/CSS revisited Start by reading the HTML tutorial if your HTML
is 'rusty' or forgotten. Make 4 web pages. Make one page that you think is beautiful, one that is ugly, one that is complex, and one that is simple. The pages should demonstrate your fluency with HTML and CSS [plus, if you are more advanced, Javascript - making it DHTML - or other language]. Make sure you understand and can explain how the elements you are using function. The pages should be written in a plain text editor [free: Textwrangler on a Mac, Notepad on a PC, or the cross-platform java-based jEdit]. You are not allowed to use images that you make yourself. Link to images on the web. Text and code [other than HTML] may also be scavenged, manipulated, and incorporated in the manner of bricolage [a methodology we will revisit later]. You should at least use the following HTML tags: head, body, title, links [external and internal], 1 image linked externally, <div> [with CSS positioning] and <span>. You should at least use the following CSS: background-color and background-image, font-size, font-family, color, font-weight, link color[s], positioning of elements, height and width, borders, rgb color. [common fonts • RGB/CMYK color • RGB Hex color chart • CSS Resources] Writing and uploading files: On Macs, use jEdit or Textwrangler to write and upload your pages [with built in FTP]. On PCs use jEdit or Ultraedit to write and upload your pages. Our host server name is 128.111.69.6 and our user name is 102. You will get the password soon. Make sure you select 'sFTP' [safe file transfer protocol] and not the 'FTP' mode in whatever software you use. When logged into the server, go to the directory Sites/F_07/. Make a new directory in that directory called yourlastname_yourfirstname [all lower case]. Inside that directory make a directory called exercise_1, save your files inside that directory as beautiful.html, ugly.html, complex.html, simple.html. The URL to your pages will be: 'http://128.111.69.6/~102/F_07/yourlastname_yourfirstname/exercise_1/beautiful.html' etc. |