1 / 15
文档名称:

第5章 网页设计与制作课件.ppt

格式:ppt   大小:420KB   页数:15页
下载后只包含 1 个 PPT 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

第5章 网页设计与制作课件.ppt

上传人:miao19720107 2020/8/14 文件大小:420 KB

下载得到文件列表

第5章 网页设计与制作课件.ppt

相关文档

文档介绍

文档介绍:,信息内容充实;要最有效地进行资源利用;要求使用方便、界面连贯、(1)自下而上:首先构建整个网站的框架,在此框架下再详细设计各个页面内容。这种方法能在整体上统一整个网站的风格。(2)自下而上:一般用于辅助设计,使网站既有共性又有个性(3)不断增补:属于补充设计,随着访问量的增加,不断增加网页。、信息结构进行设计,即设计内容在各网页中分布的组织安排、总体结构。一般考虑以下方面:(1)确定网站的栏目和版块(2)(1)栏目栏目就是网站的菜单栏,它可以有子栏目,和一般菜单不同,当点击栏目或子栏目时其会链接到本网站的另一个网页。栏目是网站的结构体现,是网站的骨架。设计栏目应该考虑的方面:要紧扣主题考虑设置一个最近更新或网站指南栏目考虑设置一个可以双向交流的栏目考虑设置一个下载和常见问题回答栏目划分栏目的注意点:P134(2)版块版块比栏目大,每个版块都有自己的栏目。设计版块的注意点:(1)确定网站的目录结构网站的目录是指你建立网站时创建的目录。例如:在用frontpage98建立网站时都默认建立了根目录和images子目录。目录结构的好坏,对浏览者来说并没有什么太大的感觉,但是对于站点本身的上传维护,内容未来的扩充和移植有着重要的影响。建立目录结构的一些建议:不要将所有文件都存放在根目录下按栏目内容建立子目录。经过实践发现:为每个主栏目建立一个独立的images目录是最方便管理的。。(2)确定网站的链接结构网站的链接结构是指各网页之间相互的链接关系。它建立在目录结构基础之上,但可以跨越目录。形象的说:每个页面都是一个固定点,链接则是在两个固定点之间的连线。一个点可以和一个点连接,也可以和多个点连接。更重要的是,这些点并不是分布在一个平面上,而是存在于一个立体的空间中。研究网站的链接结构的目的在于:用最少的链接,使得浏览最有效率。链接的方式分为两种:树状链接结构(一对一)、星状链接结构(一对多)建议的做法:首页和一级页面之间采用星状链接结构,一级和二级页面之间用树状链接结构。,必须遵循的原则:1)必须贯彻网站的整体设计,树立网站的CI形象,(使用统一的标志。色彩、字体和标语)2)要兼顾网页的美感网页设计过程中应注意:1)网页命名要简洁2)确保页面的导航性好3)网页要易读4)合理设计视觉效果5)为图片添加文字说明6)不宜使用太多的动画和静态图片7)(1)版面布局的步骤a)草案这属于创造阶段,不讲究细腻工整,不必考虑细节功能,只以粗陋的线条勾画出创意的轮廓即可。b)粗略布局在草案的基础上,将你确定需要放置的功能模块安排到页面上。注意,这里我们必须遵循突出重点、平衡谐调的原则,将网站标志,主菜单等最重要的模块放在最显眼,最突出的位置,然后在考虑次要模块的排放。c)定案(2)版面布局原则与技巧a)正常平衡---亦称“匀称”。多指左右、上下对照形式,主要强调秩序,能达到安定诚实、信赖的效果。B)异常平衡---即非对照形式,但也要平衡和韵律,此种布局能达到强调性、不安性、高注目性的效果。c)对比---所谓对比,不仅利用色彩、色调等技巧来作表现,在内容上也可涉及古与今、新与旧、贫与富等对比。d)凝视---所谓凝视是利用页面中人物视线,利用浏览者跟随的心理,以达到注视页面的效果,一般多用明星凝视状。e)空白---表示突出卓越感,对体现网页的格调十分有效。f)尽量用图片解说---适用于不能用语言说服、或用语言无法表达的情感。可以传达给浏览者的更多的感性认识。(3)版面布局形式:a)“T”结构布局。所谓“T”结构。就是指页面顶部为横条网站标志+广告条,下方左面为主菜单,右面显示内容的布局。这种布局的优点是页面结构清晰,主次分明。是初学者最容易上手的布局方法。缺点是规矩呆板,如果细节色彩上不注意,很容易让人"看之无味"。b)“口”型(π型)布局。页面一般上下各有一个广告条,左面是主菜单,右面放友情连接等,中间是主要内容。这种布局的优点是充分利用版面,信息量大。缺点是页面拥挤,不够灵活。也有将四边空出,只用中间的窗口型设计。c)"三"型布局。这种布局多用于国外站点,国内用的不多。特点是页面上横向两条色块,将页面整体分割为四部分,色块中大多放广告条。