You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2.2 KiB
2.2 KiB
WDI-PANTHALASSA
Title: CSS Mockup Homework w02d02
Type: Homework
Duration: "2:00"
Creator:
Original creators: WDI-Archer, WDI-Funke
Adapted by: Kristyn Bryan
Course: WDIr Panthalassa
Competencies: CSS, HTML
Prerequisites: CSS, HTML
Homework - Master Your Mockup
For tonight's homework you have the option of doing one of two website mockups. We have provided the image files needed to create a mockup for each website, but you will need to create the index.hml file and the style.css.
Decide whether you want to re-create VSSL or Supply.
Do the following commits:
Commit 1
Once you have setup the basic structure in your HTML file, save it, add it, and commit it. The commit message should read:
"Set up basic HTML file"
Commit 2
Once you have created and saved your CSS file, add it and commit it. The commit message should read:
"Created a CSS file"
Commit 3
Once you have linked your CSS file to your HTML file (make sure to test it - change the background color of the page to ensure that it's properly linked), add it and commit it. Need a reminder on how to do this? Check out this link on how to [link an external style sheet] (http://www.w3schools.com/css/css_howto.asp). The commit message should read:
"The CSS file is successfully linked to the HTML file"
Commit 4
Once you have the pictures displaying on your page (they don't have to be in the right place on the page, they just need to be on your page), take a screenshot, title it `mockup_with_pictures_pre_styling`. Save this to your homework folder. The commit message should read:
"The images were loaded to the HTML, but not styled yet"
Commit 5
Once you have successfully created the mockup (or once you're too tired to continue and need to go to bed), take a screenshot of your work and title it `mockup_with_styling`. Save this to your homework folder. Come up with your own appropriate commit message.