M4 More CSS LayoutsStudent Outcomes
|
Recap
In this module, we reviewed all the HTML tags we've learned in previous three modules. We also learned how to link to a specific point on a page by using anchor tag. We learned how to add a mailto link to send email from a web page.
In this module we familiar ourselves with building the frame of a website by building a "wireframe" of our personal project. The purpose of this exercise is to lay out a basic web page in HTML/CSS. This is the start of web design. Once you have this frame done, you can continue adding content, images, and use this as a template to reuse it for other pages
In this module, we reviewed all the HTML tags we've learned in previous three modules. We also learned how to link to a specific point on a page by using anchor tag. We learned how to add a mailto link to send email from a web page.
In this module we familiar ourselves with building the frame of a website by building a "wireframe" of our personal project. The purpose of this exercise is to lay out a basic web page in HTML/CSS. This is the start of web design. Once you have this frame done, you can continue adding content, images, and use this as a template to reuse it for other pages
Activities
- In this clas we will create a wireframe for your personal website with HTML/CSS
- Add Anchor links
- Add a Mailto: function
- Write the copy for "About Me" section and "Fun" section. Replace the copy on your wireframe with real copy.
- Work with your group to decide on one layout
- Work with your group, based on the design you choose, Research on content (writing), gather images, videos. Your group should divide up the tasks. Start to plan how you want to code the page.
Assignments:
- Assignment 4.1: Finish your personal site structure if you didn't get to complete it in class.