WordPress.com



|Name: | |Student ID Number: | |

|Date: | | | |

Answer the questions below in the blue boxes. Use for your research. Use TextEdit (Mac OS) or NotePad (Win) to create the HTML and CSS documents. You can discuss the tasks with other students, but complete document yourself.

|How can you integrate CSS into an HTML document? (Mention 3 methods/styles – see CSS section on ) |

| |

|Describe each of the 3 styles and give a code example. You can directly copy the code from the site. |

| |

|Which style is the most useful? Give an explanation. |

| |

|Create an HTML document with an internal CSS style sheet that specifies: a green background colour, a white (h1) heading in the font style Gill Sans Ultra Bold|

|and a paragraph in white Helvetica. |

|Text for Heading: |

|On Helvetica |

|Text for paragraph: |

|What’s more fascinating is how a font can reflect ideology, as Helvetica did during its heyday in the 1960s and 70s. Corporations and municipal planners began |

|using it because it was “a clean, simple, unfussy font.” Its simplicity helped it to stand out in a visual world that was becoming cluttered with a variety of |

|signs and placards using many kinds of typefaces, particularly in the New York subway system. It became popular because the right companies began using it to |

|set themselves apart at a time when there was also an interest in Swiss design. Its simplicity created a visual break with the kind of type used normally, type|

|that was connected to history. Helvetica, then, was considered a font free of decoration, a font that represented “objectivity or neutrality….that…wouldn’t |

|suggest the historic past or even cultural things.” Helvetica reflects an ideology of modernity, of a “stripped down…..machine aesthetic” embraced by tech |

|companies and architects. |

|Extract from: by Kristina Krause |

|Add a reference to this blog: Slant of Light |

|Test the file in the Tryit Editor and fix any problems with the file. Save the file as a HTML file and trial in a web browser. Paste the html text in the blue |

|box. |

| |

|Reuse the created file. This time include a title for your document to display in the browser’s title bar. Include the necessary coding in the HTML document. |

|Follow the testing steps as above and paste the HTML text in the blue box. |

|Title: Ideology of Helvetica |

| |

|Create a CSS document that specifies: a black background colour, a white (h1) heading in the font style Gill Sans Ultra Bold and a paragraph in white |

|Helvetica. |

|Save it as a CSS document. Test it in the TryIt Editor and attach the document as Fontstyle.css to your submission. |

| |

|What does the element do? Describe what it is and what types of tags and elements can be placed in the head. Describe a minimum of 3 tags. Use |

|the Head section on the W3School site for your research. |

| |

|Keep a copy as proof of completion and upload the files (this file & the html document) to My Kangan/ Moodle. |

................
................

In order to avoid copyright disputes, this page is only a partial summary.

Google Online Preview   Download