《网页设计与制作实训》指导书.pdfVIP

《网页设计与制作实训》指导书 -- 以“五岳独尊泰山”为例 一、规划网站 1．策划网站主题 在着手设计网站之前，要确定好网站的主题，每个网站都应该具有 一个明确的主题。本次所创建的网站是一个名山宣传类网站，主要以五 岳独尊泰山为主题，包括泰山简介、泰山文化、泰山名吃、泰山地质、 环境和神话传说等内容。 2．确定网站风格 确定好站点主题后，就要根据该主题选择站点的风格。由于本次所 创建的网站是一个名山宣传类网站，要求结构清晰，能够展现出泰山的 魅力所在。本网站的主要特点如下： （1）设计风格要大众化，为了提高浏览速度，精选图片，同时尽 量减少图片的使用，更多地使用层、表格实现效果。 （2）背景颜色以灰色和白色为主，文字颜色以黑色为主、蓝色和 红色为辅。 （3）文字内容丰富、知识性强，标题简洁明了，字体一般采用宋 体，大小一般为 14 像素。 （4 ）首页的版式结构采用典型的“三”字型结构，首页如图 1-1 所 示。 图 1-1 首页设计浏览效果 编辑版 word 二级页面采用与首页统一的风格设计。 该网站名称为“五岳独尊泰山” ，所有网页的标题为“五岳独尊— 泰山”，个人根据所定主题确定 。英文名称为“ MountTai”。 3．构思网站栏目结构 先在纸上绘制网站的栏目结构草图，经过反复推敲，最后确定完整 的栏目和内容的层次结构。 “五岳独尊泰山”的栏目结构如表 1-1 所示。 表 1-1 “五岳独尊泰山”的栏目结构 五岳独尊泰山 首页 泰山简介 泰山文化 泰山名吃 泰山自然 ……… 为了简化对网站的浏览过程， 大部分网页通过栏目就能浏览内容页 面，首页的主菜单包括 9 个菜单项：泰山简介、泰山文化、泰山名吃、 泰山自然、泰山地质、神话传说、泰山景点、泰山美图、寄语泰山。 4．规划网站目录结构和链接结构 根据网站策划确定的栏目结构，创建站点目录，一个网站的目录结 构要求层次清晰、井然有序，首页、栏目页、内容页区分明确，有利于 日后的修改。 “五岳独尊泰山”的目录结构，各文件夹的所存放文件类 型如表 1-2 所示。 ※注意※ 文件夹和文件的名称建议不要使用中文名，因为中文名在 HTML 文档中容易生成乱码，导致链接产生错误。 表 1-2 网站的目录结构及其存放的文件类型 文件夹名称 存放的文件类型 css CSS 样式文件。 flash 动画文件、视频文件。 image 图像文件、照片。 js 外部脚本文件。 编辑版 word Templates 模板文件 Library 库文件。 music 音乐、音频文件。 index.html 主页 网站的链接结构与目录结构不同， 网站的目录结构指站点的文件存 放结构，一般只有设计人员可以直接