已阅读5页,还剩8页未读, 继续免费阅读
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
静态网站建设,第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)制作心
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 军事训练:预防传染病卫生防护
- 咳嗽晕厥综合征:健康政策建议
- 防疫宣传教育:传染病防控职责
- 工作经历证明书
- 植物保护:幌伞枫病虫害防治方法
- 建筑工地传染病风险评估报告
- 穿刺活检:肝脏介入治疗的新选择
- 声频共振治疗耳鸣的疗效探讨
- Cell长文:肿瘤研究中空间单细胞蛋白组技术如何提升10x 空转数据层次
- 2025小升初英语复习 一般现在时 课件
- 读书分享读书交流会《伊索寓言》课件
- 【公开课】第1课+美术作品的创作+教学设计-高中美术人教版(2019)美术鉴赏
- 机械式四档变速器设计
- 区域一体化与医疗卫生合作的跨境挑战与合作机会
- 双重预防机制建设作业指导书(含整套作业清单及隐患排查表)
- 新高考数学全国卷1第20题说题课件
- 乳头状甲状腺癌的分子基础研究及治疗靶点探索
- 直播营销实务 课件 第5章 直播营销推广
- 市场管理试题试题(三)
- 物理化学核心教程沈文霞
- 全国中等职业学校教师说课大赛一等奖电工技能与实训交通灯控制《PLC项目实训》教学设计+说课稿
评论
0/150
提交评论