第8章 静态网站综合实例,8.1设计要求,8.2网站规划,8.3创建站点,8.4创建网页,8.5 网站发布,8.1设计要求,网站设计要求如下： （1）网站定位：设计一个个人网站，以动漫娱乐欣赏为主要内容，网站命名为“动漫乐园”，版面风格上要设计活波。 （2）网站规划：设计一个三层结构网站，导航清晰，版面大方。 （3）页面布局：首页采用横向切割划分的版式，顶部为标题，中间为一个大型卡通人物Flash动画作为网站门面和导航菜单，页面底部为网站版权信息。二级和三级页面采用相同的“匡”字页面结构，顶部和底部与首页面相同，左部为导航菜单和链接信息。页面宽度采用通用的800600显示模式。 （4）网站设计：进行网站规划、创建站点、页面制作、网站发布。,网站规划最好的方法是制作导航图，根据网站的设计要求，对实现的功能和其特点进行分析，需要制作的页面、页面之间的链接关系如图所示。,8.2 网站规划,“动漫乐园”首页,站长简介,动漫欣赏,心灵驿站,Flash欣赏,视听下载,论坛平台,音乐,漫画,电影,游戏,时尚精品,页面具体内容设计如下： 首页（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 网站规划,针对动漫内容以及个人网站特点，选择浅淡的玫瑰红色为主题色，白色为背景色，体现网站热情、奔放、浪漫的青春气息。 整个网站要求各级页面风格统一，因此考虑使用模板制作各个页面。,8.2 网站规划,站点是存放和管理网页文档的场所，制作网站页面之前，首要的就是要创建站点，以及添加站点涉及的根目录和子目录。 本例中先创建文件夹，然后再定义站点。,8.3创建站点,【操作步骤】 1创建文件夹 在本地磁盘E中创建存放网站文件的主文件夹“dongmanly”. 子文件夹分别为: “dmxs”（用于存放“动漫欣赏”栏目的三级网页文件及素材）; “stxz” （用于存放“视听下载”栏目的三级网页文件及素材）; “xlyz”（用于存放“心灵驿站”栏目的文件及素材）; “luyanban” （用于存放“留言平台”栏目的文件及素材）; “flash”（用于存放“Flash动画文件）、“images”（用于存放图片文件）.,8.3创建站点,2定义站点“动漫乐园” （演示操作）,8.3创建站点,【操作步骤】 1设计标题和导航菜单,8.4创建网页,【操作步骤】 2创建模板 利用模板可以方便地统一网站中网页的风格，同时也可减少网页制作的工作量。创建模板有两条途径，既可以从新建的HTML文档编辑创建模板，也可以把已创建的HTML文档或模板进行适当修改，另存为新模板。 （1）创建空白模板 （2）定义CSS样式 （3）编辑首页模板 （4）创建二级、三级网页模板,8.4创建网页,【操作步骤】 3制作页面 模板设计完成以后，接下来就可以利用模板来制作网站页面。 （1）制作首页面 （2）制作站长简介页面 （3）制作动漫欣赏二级和三级页面 （4）制作心灵驿站页面 （5）制作视听下载二、三级页面,8.4创建网页,在操作系统安装IIS之后，就可以建立本地Web服务器，发布“动漫乐园”网站。,8.5 网站发布,