HTML Creative Page Layout

Goal: Utilize learned skills in HTML and CSS to design a webpage about a typeface’s characteristics, uses, and history.

Sketch of basic framework keeps things simple at first. Helps visualize code structure.

view in another window

Rough HTML mockup ensures framework is practical. Page responsiveness is crucial in this stage. Colors help determine each container and contents. (HTML and Bootstrap)

Webpage mockup made in Adobe Illustrator to finalize image ratios, colors, and typefaces.

Basic style guide to aid CSS stage.

view in another window

Final HTML page. (HTML, CSS, Bootstrap, Adobe Illustrator)