欢迎来到天天文库
浏览记录
ID:62061203
大小:5.71 MB
页数:43页
时间:2021-04-14
《最新4.2的设计课件ppt.ppt》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、4.2网站的设计一、复习网站开发的一般过程:1、基本概念2、网站的需求分析(目标、对象、投入等)3、确定网站的主题4、确定网站的名称5、选择网页制作工具新课引入网站设计是将网站由蓝图变为现实的第一个步骤,是搭建网站整体结构的过程,它可以使接下来的工作更加有的放矢。那我们到底如何来对网站进行设计呢?“机器人做学玩”网站的栏目设置栏目设置需注意:(1)要紧扣主题,尽可能删除与主题无关的栏目(2)尽可能将网站最有吸引力的内容列在栏目上(3)尽可能方便访问者的浏览和查询。如:设置“本站指南”或“网站地图
2、”栏目可以帮助初访者快速找到他们想要的内容任务一:设置网站的栏目。要求:填写“任务文档.doc”中的任务一中的表格。第二、版面设计网海茫茫,能够吸引我们眼球的只有那些有特色的网页,大量的网页引不起网民的兴趣,究其原因,站点内容是否丰富是其中一个方面,而网页的版面设计是否精美也是重要因素之一。版面结构是指将不同元素巧妙排列的方式,合理的版面结构能够使浏览者清楚、容易地理解作品传达的信息。布局就是以最适合浏览的方式将图片和文字排放在页面的不同位置。网页要呈现的内容很多,如何合理地放置信息,使之井井有
3、条、主次分明是版面布局需要考虑的问题。常见页面布局样式(第一种)参考示例主菜单以及横条网站标志+广告条显示内容主菜单常见页面布局样式(第二种)主菜单广告条主要内容友情链接等参考示例常见页面布局样式(第三种)页面布局像一张宣传海报,以一张精美图片作为页面的设计中心,菜单栏目自由摆放。参考示例怎样设计版面?一般来说,网页版面布局可按创意草案、粗略布局、最后定案三个步骤来进行。下面我们来看“机器人做学玩”网站的版面布局图:第三、树立网站整体风格网站风格粗犷豪放清新秀丽温文尔雅执着热情第一步:设计、制作
4、一个网站的标志(logo)标志可以是中文、英文字母,可以是符号、图案,可以是动物或者人物等。标志的设计创意来自你网站的名称和内容。一般来说,设计标志有这样几种方法:(1)选择与网站主题有关的,并具有代表性的人或物,用它们为设计蓝本,加以卡通化和艺术化。如搜狐网站的狐狸尾巴(2)对于专业性的网站,可以是本专业有代表的物品作为标志,比如中国银行的铜板标志。(3)最常用和最简单的方式是用自己网站的中文或英文名称作标志。采用不同的字体、字母的变形与组合,可以很容易制作出自己的标志。如:“机器人做学玩”网
5、站标志。R是机器人“robot”第一个字母,R分割成两部分,上面是“做”的英文单词do的首字母D,下部分可看成“人”字,蕴涵制作机器人的意思LOGO欣赏任务二:完成任务文档中的任务二和任务三。第二步:设计网站的标准色彩网站的标志、标题、主菜单和主色块文字的链接色彩尽量使用标准色彩;图片的主色彩、背景色、边框等尽量使用标准色彩同色系的色彩,这样给人以整体统一的感觉。我们来浏览一些网站是如何运用色彩树立风格的:蓝色调为主,加上白色和红色,强调权威与真实橙色为主,白色为辅,具有轻快、时尚的效果第二步:
6、设计网站的标准色彩红色为主,产生热情、活力的感觉、充满欢乐气氛绿色为主,白色为辅,产生舒适、优雅、适于阅读的气氛网站的标志、标题、主菜单和主色块文字的链接色彩尽量使用标准色彩;图片的主色彩、背景色、边框等尽量使用标准色彩同色系的色彩,这样给人以整体统一的感觉。第二步:设计网站的标准色彩网站色彩设计的总体原则——“总体协调,局部对比”。一个网站的标准色彩不超过3种,太多则使人眼花缭乱。至于其它色彩,也可以作为点缀和衬托,决不能喧宾夺主。色彩太多、跟主色调不协调黄颜色,眼睛容易疲劳、不在同一色系第三
7、步:设计网站的标准字体设计网站的标准字体,指在关键的标题、主菜单、图片里使用统一的标准字体。一般网页默认的字体是宋体。各种字体大都具有各自不同的性格,如黑体字凝重、宋体字端庄、隶书飘逸、楷体淡雅等等。体现专业可以用粗仿宋体,体现设计精美可以用广告体,体现亲切随意可以用手写体等。以上三个方面,标志、色彩和字体,是一个网站树立整体形象的关键,设计并完成这几步,相信你的网站整体形象已经有了一个很大的提高。简洁大方风格独特,构图巧妙生动活泼色彩丰富浓郁的文化气息任务三:完成任务文档中的任务四。第四、收集
8、素材“内容为王”依然是网站成功的关键,没有丰富的内容就不可能让浏览者觉得对自己有用,如果内容空洞,无论页面制作得如何精美,仍然不会有多少浏览者。在收集素材的过程中要注意以下三个方面:1、要注意对收集来的素材分类。2、文件名要易懂易记;3、要注意保护知识产权,避免侵犯别人的版权。课堂小结栏目设置版面设计“厂”字型“口”字型自由式树立整体风格网站标志、标准色彩、标准字体收集素材曲轴箱窜气量与进气管真空度的检测(1)曲轴箱窜气是每个发动机必然的情况,不管什么品牌什么排量的机器都会有曲轴箱窜气。(2)现
此文档下载收益归作者所有