《网页设计说明书》由会员分享，可在线阅读，更多相关《网页设计说明书（3页珍藏版）》请在金锄头文库上搜索。
1、网页设计说明书网页设计说明书 信管1001班47号刘冰铃 一、网站结构 主页 首页 植物 属性 人工 栽培 药用 价值 文学 象征 兰花 介绍 二、详细设计 此次网页设计作品主题是：中国兰。站点设计为1030050147liubingling站点下建立了index、首页、植物属性、人工栽培、药用价值、文学象征、兰花介绍七个文件夹以及对应的网页。文件夹内包含了每张网页设计中所用到的素材。 本次网页作品设计主要包含的考察知识点包括站点的建立、布局的使用、框架集的运用、多媒体文件、css样式、出入图片和背景音乐、图文搭配效果、锚链接跟超链接的使用、导航条的使用以及表单的运用等等多个技术的综合运用。
2、主页、 主页采用表格布局整体排版，插入预先准备好的素材图片制作网页首部，插入竖行的导航条以及鼠标经过图像，添加超链接文本，图文混排，巧用css设置编辑文本字样直接简单明了的在主页中表现出来，在下方插入多媒体音乐插件，音乐即停即止，编写代码使个别文字呈现滚动效果。此外还插入了水平线和网页底部的设计。 首页 该网页运用的是课堂素材的改编，在原有基础上对图片进行编辑修改，title运用了图片热点链接的方式，将该网页与其他几张网页链接起来，起到页面转换效果。左侧页面运用图片链接问超文本链接的方式明显表现主题，主题框中，运用简单的表单设计，可让用户在网站上进行登录，评论，投票调查等功能。另外，添加多个热
3、点网站链接，可使用户更方便搜索自己所需信息。主下方则是主题兰花的简介，给用户的初步映象。该网页还插入了背景音乐。 植物属性 该网页采用表格跟层布局的设计方法，对主题边框进行排版，标题采用鼠标经过图像跟图片的方式，突出主题“兰”，正文分为左右两块，比例大致为1:3，左侧为网页导航或者主题链接，右侧则是该页面的主要内容，页面采用图文混排经典效果，在每块小标题上做好锚链接的设置，可以让用户在左侧的导航上直接跳至用户所关心的内容上来。在网页文档结束的部分插入上下页面跟首页的链接，使得整个网页跟全局融合的更融洽。用户操作更简便。网页下方则是通用的水平线插入跟底部设计。 人工栽培 该网页采用的是框架集跟层
4、布局的排版方式，在top部分插入制作好的图片设为超链接可直接跳转入index页面，左侧用有文学气息的一张国画兰花作为固定，在main部分显示具体内容，在内容中，我们在开头设置了超链接跟表格布局横向锚链接，其中加入表格、图片文本混合排列等，以及背景音乐的插入，使得整个效果突出。底端仍用上下页面跟首页的链接，把该网页跟其他页面链接起来。 药用价值 该网页主要运用表格布局的方法，在title部分插入图像，在图片上设置热点链接，链接全部页面。中间内容部分分为左右两块，比例3:1，左侧以文字的内容为主，设计css文本样式，增加锚链接；右侧以主要兰花图片为辅，用表格设计，使得页面美观整齐。底部仍用上下页面
5、跟首页的链接，把该网页跟其他页面链接起来。插入水平线跟底端设计。添加背景音乐，以柔和的音乐给用户以听觉上的享受。 文学象征 该网页采用的是框架集跟层布局的排版方式，在top部分插入制作好的图片设为超链接可直接跳转入index页面，左侧用有文学气息的一张国画兰花作为固定，在main部分显示具体内容，在内容中，我们在开头设置了超链接跟表格布局竖向锚链接，其中加入表格、图片文本混合排列等，以及背景音乐的插入，使得整个效果突出。底端仍用上下页面跟首页的链接，把该网页跟其他页面链接起来。 兰花介绍 该网页主要用表格跟层的使用排版布局，添加图片边框，插入title图片链接主页，开头使用横向滚动文字的方式“welcome”用户的进入，中间插入表格编辑文本，插入图片，下半部分图册的运用到滚动图片代码跟静态图片交叉的方式给用户以视觉上的享受，加上锚链接跟背景音乐的使用，给用户在视觉跟听觉上最好的感官，让用户看起来更加舒适，底端仍用上页面跟返回首页的链接，把该网页跟其他页面链接起来，形成一个循环的整体网站。
