(Created page with "Assignment: Week Three Building on the basics you have already learned, please work through the following tutorial on structuring CSS layouts:<br /> http://www.codecademy.com/co...") |
No edit summary |
||
| Line 4: | Line 4: | ||
http://www.codecademy.com/courses/web-beginner-en-6merh | http://www.codecademy.com/courses/web-beginner-en-6merh | ||
This guide will walk you through the finer points of the block model, styling and positioning of elements | This guide will walk you through the finer points of the block model, styling and positioning of elements and floats. | ||
Once you've gotten the hang of layout, (if you haven't already) you should begin to work on a static | Once you've gotten the hang of layout, (if you haven't already) you should begin to work on a static mockup of the basic structure of your semester project with HTML/CSS. The goal is to translate your project sketch into something that can be rendered in the browser. | ||
At this phase, you don't have to worry about exact styling, content and extended functionality like responsiveness quite just yet: this should be a prototype that shows your first steps moving from your initial sketch to code. | At this phase, you don't have to worry about exact styling, content and extended functionality like responsiveness quite just yet: this should be a rough prototype that shows your first steps moving from your initial sketch to code. | ||
For our next meeting in two weeks (1 June 2015), you should be prepared to show the current state of development of your semester project, with a view towards the midterm | For our next meeting in two weeks (1 June 2015), you should be prepared to show the current state of development of your semester project, with a view towards the midterm presentations that are coming up the following week (8 June 2015). | ||
If you encounter any questions or roadblocks along the way, please do not hesitate to get in touch and we can arrange a one-on-one consultation. | If you encounter any questions or roadblocks along the way, please do not hesitate to get in touch and we can arrange a one-on-one consultation. | ||
Revision as of 15:58, 18 May 2015
Assignment: Week Three
Building on the basics you have already learned, please work through the following tutorial on structuring CSS layouts:
http://www.codecademy.com/courses/web-beginner-en-6merh
This guide will walk you through the finer points of the block model, styling and positioning of elements and floats.
Once you've gotten the hang of layout, (if you haven't already) you should begin to work on a static mockup of the basic structure of your semester project with HTML/CSS. The goal is to translate your project sketch into something that can be rendered in the browser.
At this phase, you don't have to worry about exact styling, content and extended functionality like responsiveness quite just yet: this should be a rough prototype that shows your first steps moving from your initial sketch to code.
For our next meeting in two weeks (1 June 2015), you should be prepared to show the current state of development of your semester project, with a view towards the midterm presentations that are coming up the following week (8 June 2015).
If you encounter any questions or roadblocks along the way, please do not hesitate to get in touch and we can arrange a one-on-one consultation.