|
|
- Define your audience and their
needs.
- Develop a personal mission
statement for your web site that will guide your development direction.
- Determine the categories
(navigation items) within your site.
- Establish the colors and design
style for the site. Choose colors that are complimentary. Choose backgrounds that will allow
text to be easily readable.
- Create a navigation system that is
consistent and allows users to move freely throughout the site, keeping the number lower
than 8 items.
- Draw a storyboard of how you will
lay out the page. Include areas for the header, content, navigation and footer.
- Create a flow chart of the site
architecture.
- Create folders and subfolders in
your Frontpage web to support the architecture of the design. Do NOT use spaces or upper
case letters in your file names. Create separate folders for images (photos) and graphics
(clip-art).
- Begin to create your graphics that
will be used in the design. Be sure to optimize the graphics so that they are as small as
possible for the web. Use a program like Image Ready, Photoshop or Fireworks to optimize and
slice the images, and to keep the download times small.
- Write the content that will be
used in the design. Check the content for spelling and grammar.
- Create a header file that will be
a server-side include into each page.
- Create a footer file that will be
a server-side include into each page.
- You may choose to create a navbar
file that will be a server-side include on each page.
- Create a template page that
includes all the page elements (header, content, navbar, footer). Include Meta tags in the
HTML code (header tags). Set page and background settings, such as background color, text
color, link color, active link color, visited link color.
- Create links to all of the
navigation items on the template.
- Save the templated page as the
necessary navigation items. Do not use spaces or upper case letters in your file names. Use
the File > Save as > menu to save the new files.
- Enter the content into all of the
pages.
- Insert images and graphics into
all pages.
- Add ALT tags to all images and
graphics.
- Check all pages for spelling and
grammar errors.
- View your pages in multiple
browsers and operating systems.
|
