《静态网站建设》PPT课件.ppt

静态网站建设 第8章静态网站综合实例 8 1设计要求 8 2网站规划 8 3创建站点 8 4创建网页 8 5网站发布 8 1设计要求 网站设计要求如下 1 网站定位 设计一个个人网站 以动漫娱乐欣赏为主要内容 网站命名为 动漫乐园 版面风格上要设计活波 2 网站规划 设计一个三层结构网站 导航清晰 版面大方 3 页面布局 首页采用横向切割划分的版式 顶部为标题 中间为一个大型卡通人物Flash动画作为网站门面和导航菜单 页面底部为网站版权信息 二级和三级页面采用相同的 匡 字页面结构 顶部和底部与首页面相同 左部为导航菜单和链接信息 页面宽度采用通用的800 600显示模式 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 制作心灵