Create Your Content and Structure

The original page source

Content is the most important aspect of any site. So let's design for the content and not let the design dictate(命令) the content.In this guide, we identify the content we need first, create a page structure based on this content, and then present the page in a simple linear layout that works well on narrow and wide viewport

 

In this guide

• Create the page structure
• Add content to the page
• Summary

 

Create the page structure

We have identified we need:

　　01 An area that describes at a high-level our product "CSS256: Mobile web 　　　　　　　　　　　　　development" course.

　　02 A form to collect information from users who are interested in our product

　　03 An in depth description and video

　　04 Images of the product in action

　　05 A data table with information to back the claims up

　　* Identify the content you need first

　　* Sketch out Information Architecture(IA) for narrow and wide viewports

　　* Create a skeleton view(一个框架试图) of the page with content but without styling

We have also come up with a rough information architecture and layout for both the narrow and wide viewports.

 

This can be converted easily into the rough sections of a skeleton page that we will use for the rest of this project.