Mount Website Task 1: HTML You are going to build a 3-column web page for a client using HTML5 and CSS… Setting Up Your Work Environment Create a new folder in your network space for this task: Mount Website All web pages that you create will be placed into this folder Create sub-folders within this folder (note the lower-case names): images (this will be used to store images for the site) css (this will store the stylesheets) assets (this will store temporary work files whilst we build the site) Copy both the image and text files for this task from Google Classroom. Copy the images to the images folder Copy the text files to the assets folder Setting up the Page Structure Open up a text editor (e.g. Brackets), create a new file and save it with the name index.html in your Mount Website folder. Add the appropriate HTML5 document type at the top of the file: Create the following HTML5 structure below the doctype: This is the structure we want (as in which HTML items are contained inside others) Here is the HTML code that creates that structure html ➔
etc... head body div header div nav section section footer Note that each of the parts shown above should be a tag pair, e.g. ... This structure is needed to create the 3-column layout required by our client: ••• Top Header: Title, etc. goes here
Column 1: Menu Links