Design a prototype website using HTML
Before you create a design document for web content system, it can be useful to create a prototype of site using HTML. This prototype should be based on the outline defined in project plan and the data gathered in analysis document. The site structure, design, and HTML code you develop for prototype can be used as the basis for many of the items defined in design document.By creating a prototype website using HTML, you get to see what actual website will look like, plus you develop many of the features used by web content system and website.
Build the prototype
- The prototype website should include example pages of each page type defined in project plan and analysis document. It should also include the basic site structure of proposed website.
- The prototype should be a functional website. It should include functioning navigational features to enable you to browse through the prototype. Examples of real content are used to populate the prototype.
- Take care to ensure that the HTML and other code you write to create the prototype meets coding best practices because much of the code you develop for the prototype will be reused in Web Content Manager site.
Use HTML to plan the design of site
A useful method to begin the design of content management system is to use HTML to develop a prototype of site. Do this task in consultation with the web content information architect.The HTML site should include:
- The design for the main home pages of each section of site
- The design for content pages stored in each section
- The navigation features of site
The HTML site can then be used to help you determine what web content items need to be created for web content management system.
For example, the design of each web page in the HTML mock-up can determine different parts of Web Content Manager site:
- The layout of each HTML page determines the layout of presentation templates.
- The design of the navigation features determines what menus and navigators you will need to create.
presentation template is used to combine elements from different parts of the web content system, such as site areas, content items, and components.">
Other features of design, such as images and style sheets, will determine what components need to be created and whether you need to develop a new WebSphere Portal theme.
Parent
Plan a websitePrevious
Create an analysis documentPrevious
Create a design document
| | |
| 23 KB | wcm_2.jpg | 12/14/11 5:28 PM |
});