8 静态网站综合实例

1. 8 静态网站综合实例 • 8.1设计要求 • 8.2网站规划 • 8.3创建站点 • 8.4创建网页 • 8.5 网站发布

2. 网站设计要求如下： （1）网站定位：设计一个个人网站，以动漫娱乐欣赏为主要内容，网站命名为“动漫乐园”，版面风格上要设计活波。 （2）网站规划：设计一个三层结构网站，导航清晰，版面大方。 （3）页面布局：首页采用横向切割划分的版式，顶部为标题，中间为一个大型卡通人物Flash动画作为网站门面和导航菜单，页面底部为网站版权信息。二级和三级页面采用相同的“匡”字页面结构，顶部和底部与首页面相同，左部为导航菜单和链接信息。页面宽度采用通用的800×600显示模式。 （4）网站设计：进行网站规划、创建站点、页面制作、网站发布。 8.1设计要求

3. 网站规划最好的方法是制作导航图，根据网站的设计要求，对实现的功能和其特点进行分析，需要制作的页面、页面之间的链接关系如图所示。网站规划最好的方法是制作导航图，根据网站的设计要求，对实现的功能和其特点进行分析，需要制作的页面、页面之间的链接关系如图所示。 8.2 网站规划 “动漫乐园”首页 站长简介 动漫欣赏 心灵驿站 视听下载 论坛平台 Flash欣赏 时尚精品 漫画 音乐 电影 游戏

4. 页面具体内容设计如下： 首页（index.html）：欢迎导航页面，展现个人网站特色。 l站长简介（zzjj.html）：介绍站长个人信息。 动漫欣赏（dmxs.html）：包含与动漫有关的三个页面，展现Flash欣赏（dmxs.html）、时尚精品（ssjp.html）和漫画（manhua.html）。 L心灵驿站（xlyz.html）：描述和展现心灵的精彩诗歌散文。 l视听下载（stxz.html）：提供用户音视频下载欣赏和游戏娱乐的栏目，包括音乐（stxz.html）、电影（stxz-f.html）和游戏（stxz-g.html）三个页面。 论坛平台：是与用户交互的平台，需用动态页面制作 8.2 网站规划

5. 针对动漫内容以及个人网站特点，选择浅淡的玫瑰红色为主题色，白色为背景色，体现网站热情、奔放、浪漫的青春气息。针对动漫内容以及个人网站特点，选择浅淡的玫瑰红色为主题色，白色为背景色，体现网站热情、奔放、浪漫的青春气息。 整个网站要求各级页面风格统一，因此考虑使用模板制作各个页面。 8.2 网站规划

6. 站点是存放和管理网页文档的场所，制作网站页面之前，首要的就是要创建站点，以及添加站点涉及的根目录和子目录。站点是存放和管理网页文档的场所，制作网站页面之前，首要的就是要创建站点，以及添加站点涉及的根目录和子目录。 本例中先创建文件夹，然后再定义站点。 8.3创建站点

7. 【操作步骤】 1．创建文件夹 在本地磁盘E中创建存放网站文件的主文件夹“dongmanly”. 子文件夹分别为: “dmxs”（用于存放“动漫欣赏”栏目的三级网页文件及素材）; “stxz”（用于存放“视听下载”栏目的三级网页文件及素材）; “xlyz”（用于存放“心灵驿站”栏目的文件及素材）; “luyanban”（用于存放“留言平台”栏目的文件及素材）; “flash”（用于存放“Flash动画文件）、“images”（用于存放图片文件）. 8.3创建站点

8. 2．定义站点——“动漫乐园” （演示操作） 8.3创建站点

9. 【操作步骤】 1．设计标题和导航菜单 8.4创建网页

10. 【操作步骤】 2．创建模板 利用模板可以方便地统一网站中网页的风格，同时也可减少网页制作的工作量。创建模板有两条途径，既可以从新建的HTML文档编辑创建模板，也可以把已创建的HTML文档或模板进行适当修改，另存为新模板。 （1）创建空白模板 （2）定义CSS样式 （3）编辑首页模板 （4）创建二级、三级网页模板 8.4创建网页

11. 【操作步骤】 3．制作页面 模板设计完成以后，接下来就可以利用模板来制作网站页面。 （1）制作首页面 （2）制作站长简介页面 （3）制作动漫欣赏二级和三级页面 （4）制作心灵驿站页面 （5）制作视听下载二、三级页面 8.4创建网页

12. 在操作系统安装IIS之后，就可以建立本地Web服务器，发布“动漫乐园”网站。在操作系统安装IIS之后，就可以建立本地Web服务器，发布“动漫乐园”网站。 8.5 网站发布