网页设计与制作-Dreamweaver 8 教学课件 马书群 第8章 静态网站综合实例

1、在线教务辅导网： :/教材其余课件及动画素材请查阅在线教务辅导网QQ:349134187 或者直接输入下面地址：第8章 静态网站综合实例设计要求 网站规划 创建站点 创建网页 8.5 网站发布 设计要求 网站设计要求如下：（1）网站定位：设计一个个人网站，以动漫娱乐欣赏为主要内容，网站命名为“动漫乐园”，版面风格上要设计活波。（2）网站规划：设计一个三层结构网站，导航清晰，版面大方。（3）页面布局：首页采用横向切割划分的版式，顶部为标题，中间为一个大型卡通人物Flash动画作为网站门面和导航菜单，页面底部为网站版权信息。二级和三级页面采用相同的“匡”字页面结构，顶部和底部与首页面相同，左部为导

2、航菜单和链接信息。页面宽度采用通用的800600显示模式。（4）网站设计：进行网站规划、创建站点、页面制作、网站发布。 网站规划最好的方法是制作导航图，根据网站的设计要求，对实现的功能和其特点进行分析，需要制作的页面、页面之间的链接关系如图所示。 8.2 网站规划 “动漫乐园”首页站长简介动漫欣赏心灵驿站Flash欣赏视听下载论坛平台音乐漫画电影游戏时尚精品页面具体内容设计如下： 首页（）：欢迎导航页面，展现个人网站特色。l站长简介（zzjj.html）：介绍站长个人信息。 动漫欣赏（dmxs.html）：包含与动漫有关的三个页面，展现Flash欣赏（dmxs.html）、时尚精品（ssjp.

3、html）和漫画（manhua.html）。L心灵驿站（xlyz.html）：描述和展现心灵的精彩诗歌散文。l视听下载（stxz.html）：提供用户音视频下载欣赏和游戏娱乐的栏目，包括音乐（stxz.html）、电影（stxz）和游戏（stxz）三个页面。论坛平台：是与用户交互的平台，需用动态页面制作 8.2 网站规划针对动漫内容以及个人网站特点，选择浅淡的玫瑰红色为主题色，白色为背景色，体现网站热情、奔放、浪漫的青春气息。整个网站要求各级页面风格统一，因此考虑使用模板制作各个页面。 8.2 网站规划 站点是存放和管理网页文档的场所，制作网站页面之前，首要的就是要创建站点，以及添加站点涉及的

4、根目录和子目录。 本例中先创建文件夹，然后再定义站点。 创建站点 【操作步骤】 1创建文件夹 在本地磁盘E中创建存放网站文件的主文件夹“dongmanly”. 子文件夹分别为: “dmxs”（用于存放“动漫欣赏”栏目的三级网页文件及素材）; “stxz” （用于存放“视听下载”栏目的三级网页文件及素材）; “xlyz”（用于存放“心灵驿站”栏目的文件及素材）; “luyanban” （用于存放“留言平台”栏目的文件及素材）; “flash”（用于存放“Flash动画文件）、“images”（用于存放图片文件）. 创建站点 2定义站点“动漫乐园” （演示操作）创建站点 【操作步骤】 1设计标题和导航菜单 创建网页 【操作步骤】2创建模板利用模板可以方便地统一网站中网页的风格，同时也可减少网页制作的工作量。创建模板有两条途径，既可以从新建的HTML文档编辑创建模板，也可以把已创建的HTML文档或模板进行适当修改，另存为新模板。 （1）创建空白模板 （2）定义CSS样式 （3）编辑首页模板 （4）创建二级、三级网页模板 创建网页 【操作步骤】3制作页面 模板设计完成以后，接下来就可以利用模板来制作网站页面。（1）制作首页面（2）制作站长简介页面（3）制作动漫欣赏二级和三级页面（4）