Visualise the page design for your site by sketching a number of page layouts  for different information levels of the site. For example, sketch the main  page, a secondary page, and a content page. You do not have to be concerned with the exact look of the elements, but be prepared to indicate  the main components of the pages, such as headings, navigation cues, link  sets, text areas, and so on. Start to organize your site. Create a visual diagram that indicates the main  page, section pages, content pages, and so on. Indicate the links between the  pages. Indicate whether you will provide alternate navigation choices such as  a table of contents and site map. * Your figures and sketches can be hand drawn on paper or created using a  drawing application. To submit hand drawn sketches, please scan or use a  digital camera to capture the originals.
Portfolio 1.3 (Chapter 3)
Write a site specification for the website project. Include as much information as possible from the project proposal you completed at the end  of Portfolio 1.1. Make sure to include a mission statement. Determine how  you will measure the site’s success in meeting its goals. Include a description  of the intended audience. Describe how you will assess user satisfaction with  the site. Include technological issues that may influence the site’s  development or function.
Prepare a detailed flowchart for your site using the preliminary flowchart  you created at the end of Portfolio 1.2. Create a filename for each page,  using a consistent naming standard. Indicate all links between pages. Write a  short summary that describes the flowchart. Describe why you chose the  particular structure, how it suits your content, and how it benefits the user. Use the page layouts you sketched in Portfolio
Portfolio 1.4 (Chapter 4)
Revisit your project proposal and the site specifications you created in  Portfolio 1.1. How will you implement Cascading Style Sheets (CSS3) into  your project web site? In the next few weeks, you will learn how to control  typography, white space, borders, colors, and backgrounds with CSS3.

Read less