120 likes | 330 Views
8 静态网站综合实例. 8.1 设计要求. 8.2 网站规划. 8.3 创建站点. 8.4 创建网页. 8.5 网站发布. 网站设计要求如下: ( 1 )网站定位:设计一个个人网站,以动漫娱乐欣赏为主要内容,网站命名为“动漫乐园”,版面风格上要设计活波。 ( 2 )网站规划:设计一个三层结构网站,导航清晰,版面大方。
E N D
8 静态网站综合实例 • 8.1设计要求 • 8.2网站规划 • 8.3创建站点 • 8.4创建网页 • 8.5 网站发布
网站设计要求如下: (1)网站定位:设计一个个人网站,以动漫娱乐欣赏为主要内容,网站命名为“动漫乐园”,版面风格上要设计活波。 (2)网站规划:设计一个三层结构网站,导航清晰,版面大方。 (3)页面布局:首页采用横向切割划分的版式,顶部为标题,中间为一个大型卡通人物Flash动画作为网站门面和导航菜单,页面底部为网站版权信息。二级和三级页面采用相同的“匡”字页面结构,顶部和底部与首页面相同,左部为导航菜单和链接信息。页面宽度采用通用的800×600显示模式。 (4)网站设计:进行网站规划、创建站点、页面制作、网站发布。 8.1设计要求
网站规划最好的方法是制作导航图,根据网站的设计要求,对实现的功能和其特点进行分析,需要制作的页面、页面之间的链接关系如图所示。网站规划最好的方法是制作导航图,根据网站的设计要求,对实现的功能和其特点进行分析,需要制作的页面、页面之间的链接关系如图所示。 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服务器,发布“动漫乐园”网站。在操作系统安装IIS之后,就可以建立本地Web服务器,发布“动漫乐园”网站。 8.5 网站发布