Assignment 3_4: Coding

Due Tuesday, 12.04.

Code the Illustrator page designs in HTML and CSS. Depending on the concept and functionality we may need a little bit of Java Script also. We will identify these features during the design phase. I'll help implementing those features. But due to time constraints we'll need to keep Java Script enhancements to a minimum.

Download "Boilerplate"

What web developers refer to as a "boilerplate" is a HTML/CSS/Javascript files and folder setup you can use to get started building your own site (see https://html5boilerplate.com). It's the pure bare bones start. Although the poplar "HTML5 Boilderplate" is fairly simple it already contains many items we don't really need to pay attention to yet. So I setup one myself for you that is simpler and relates better to what we've been working on so far. Please download this folder and use it as your own site folder. It contains a few HTML documents with one embedded Google font as well as one icon font. The linked CSS file has the "reset" in it and some example styles. This is a very typical files and folder setup commonly used for web development. In this case the "assets" folder contains things such as navigation menus and javascript plugins with advanced features. Depending on your concept you may need a few of those. I'll help with the implementation.

Div Construction

There are numerous ways to construct a webpage. In general I recommend to divide the page into horizontal segments first and then dived those further into vertical segments (columns).

A common example site

The majority of sites follow this structure: