网页设计与制作——dreamweaver8教学课件配套课件马书群第8章静态网站综合实例.pdf

第8章 静态网站综合实例 8.1设计要求 8.2网站规划 8.3创建站点 8.4创建网页 8.5 网站发布 2013/3/21 1 ／12 8.1设计要求 网站设计要求如下： （1）网站定位：设计一个个人网站，以动漫娱乐欣赏为主要内 容，网站命名为“动漫乐园”，版面风格上要设计活波。 （2 ）网站规划：设计一个三层结构网站，导航清晰，版面大方。 （3 ）页面布局：首页采用横向切割划分的版式，顶部为标题， 中间为一个大型卡通人物Flash 动画作为网站门面和导航菜 单，页面底部为网站版权信息。二级和三级页面采用相同的 “匡”字页面结构，顶部和底部与首页面相同，左部为导航菜单 和链接信息。页面宽度采用通用的800 ×600显示模式。 （4 ）网站设计：进行网站规划、创建站点、页面制作、网站发 布。 2013/3/21 2 ／12 8.2 网站规划 网站规划最好的方法是制作导航图，根据网 站的设计要求，对实现的功能和其特点进行分 析，需要制作的页面、页面之间的链接关系如图 所示。 “动漫乐园”首页 站长简介 动 漫 欣 心灵驿 视听下 论坛平 赏 站 载 台 Flash 欣 时尚精 漫 音 电 游 赏 品 画 乐 影 戏 2013/3/21 3 ／12 8.2 网站规划 页面具体内容设计如下： 首页（index.html ）：欢迎导航页面，展现个人网 站特色。 站长简介（zzjj.html ）：介绍站长个人信息。 动漫欣赏（dmxs.html ）：包含与动漫有关的三个 页面，展现Flash 欣赏（dmxs.html ）、时尚精品 （ssjp.html ）和漫画（manhua.html ）。 心灵驿站（xlyz.html ）：描述和展现心灵的精彩诗 歌散文。 视听下载（stxz.html ）：提供用户音视频下载欣赏 和游戏娱乐的栏目，包括音乐（stxz.html ）、电 影（stxz-f.html ）和游戏（stxz-g.html ）三个页面。 论坛平台：是与用户交互的平台，需用动态页面制作 2013/3/21 4 ／12 8.2 网站规划 针对动漫内容以及个人网站特点，选择浅淡的玫瑰红 色为主题色，白色为背景色，体现网站热情、奔 放、浪漫的青春气息。 整个网站要求各级页面风格统一，因此考虑使用模板 制作各个页面。 2013/3/21 5 ／12 8.3创建站点 站点是存放和管理网页文档的场所，制作网 站页面之前，首要的就是要创建站点，以及添加 站点涉及的根目录和子目录。 本例中先创建文件夹，然后再定义站点。 2013/3/21 6 ／12 8.3创建站点 【操作步骤】 1．创建文件夹 在 本 地 磁 盘 E 中 创 建 存 放 网 站 文 件 的 主文件 夹 “dongmanly”. 子文件夹分别为: “dmxs” （用于存放“动漫欣赏”栏目的三级网页文件及素 材）; “stxz” （用于存放“视听下载”栏目的三级网页文件及