交流网站设计（三）ppt课件

《交流网站设计（三）ppt课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网站设计信息技术组版面设计版面结构是指一种能够让浏览者清楚、容易地理解作品传达的信息的东西，也就是将不同元素巧妙排列的方式。布局就是以最适合浏览的方式将图片和文字排放在页面的不同位置。设计版面时要把文字、图片、空白当作一个整体来看，采用平面分割方式，调动全部面积来构建整个版面。利用表格定位网页表格的最大作用就是帮助网页元素定位、合理安排对象的位置。所以，表格是控制网页布局的一个重要工具。操作步骤1、在网页中加入表格。2、调整表格结构。3、设置表格属性。4、表格的嵌套。几种常见的页面布局样式：“厂”字型主菜单以及横条

2、网站标志+广告条主菜单显示内容几种常见的页面布局样式：“口”字型主菜单广告条主要内容友情链接等建立网站整体风格第一步：设计、制作一个网站标志(logo)标志可以是中文、英文字母，可以是符号、图案，可以是动物或者人物等。标志的设计创意来自你网站的名称和内容。设计标志有以下几种方法：1、选择与网站主题有关的，并具有代表性的人或者物，用它们作为设计的蓝本，加以卡通化和艺术化。例：2、对于专业性的网站，可以以本专业有代表的物品作为标志。例:3、最常用和最简单的方式是用自己网站的中文或者英文名称作为标志。采用不同的字体、字母

3、的变形与组合，可以很容易制作出自己的标志。LOGO欣赏建立网站整体风格第二步：设计网站的标准颜色网站的标志、标题、主菜单和主色块文字的链接色彩尽量使用标准色彩；图片的主色彩、背景色、边框等尽量使用标准色彩同色系的色彩。一个网站的标准色彩不超过3种。色彩总的应用原则应该是“总体协调，局部对比”。网站色彩的使用蓝色调为主，加上白色和红色，强调权威与真实网站色彩的使用橙色为主，白色为辅，具有轻快，时尚的效果网站色彩的使用绿色为主，白色为辅，产生舒适、优雅、适于阅读的气氛网站色彩的使用红色为主，产生热情、活力的感觉，充满欢

4、乐的气氛建立网站整体风格第三步：设计网站的标准字体。标准字体是指用于标志、标题、主菜单的特有字体。一般网页默认的字体是宋体。使用一些比较特别的字体时，最好使用图片的形式。收集素材收集素材注意事项：要注意对收集来的素材分类；文件名要易懂易记，便于调用；注意保护知识产权，避免侵犯别人的版权。添加新网页一个网站根据内容的多少可由几页或几十个甚至上万个网页组成，网页是网站的基本构成部分，学会添加新网页是制作网站的基础。添加网页的操作步骤如图：利用表格布局网页表格在网页有定位和设置网页布局的作用,利用表格可将稳中有降块内容分

5、类列出.使网页清晰美观,富有条理,表格中可以包含你喜欢的任何内容,包括图像,文本,多媒体文件,甚至有嵌套的表格.但要注意的是,在用表格布局时,表格的边框应设置为0.？按上述要求在首页index.htm中插入表格和导航栏。插入表格网页中的表格除了可以用来定位和布局外，还可以当作普通表格来使用，但注意此时的表格边框粗细不能设置为0在网页中插入中国在历届奥运会上获得金牌的情况。首先新建一个名称为ayjp.htm的网页，按照下图所示步骤完成对此网页的布局；再按下图插入一个表格，然后将相关信息输入到表格中，保存网页。？查找中

6、国队在历届奥运会上所获各类奖牌的情况，并用表格的形式插入到网页中。添加图像我们经常看到的网页都是图文并茂的，图片不仅能直观地表达信息，还往往给人以美的享受。在网页中可以插入多种格式的图片，但我们一般应选用那些压缩比高的格式的图片，例如GIF、JPG等格式的图片。？查找自己喜欢的运动明星图片，将其插入网页。插入动画动画的格式有很多种，如GIF图片动画、FLASH动画、视频动画等。设置背景将首页背景设置为绿色：将表格背景设置为淡绿色：将单元格背景设置为图像：在网页中插入背景音乐：设置超级链接：网页连接网站连接在创建超链

7、接对话框中URL栏中直接输入该网站的网址即可。电子邮件连接在创建超链接对话框中，按电子邮件创建按钮，在弹出的对话框中直接输入电子邮件地址确定即可。书签式连接连接到网页本身某个位置或文本的一种链接，先在需要连接的位置或文本插入书签，再选中链接源，插入超链接，在创建超链接对话框中选中相应书签即可。框架连接（略）图像映射（略）？完成各页面导航栏上其他文字的超链接设置6.1.5评估测试阶段作品的设计和制作往往不能一步到们，在制作和运行过程中要不断地收集反馈意见以便修正。对于网站的调试和测评来说，一般包括以下几方面的内容：看

8、网站是否达到你预计的效果；检查内容是否有错误；检查各处链接是否正确等。填写如下表格，评价自己在本节中的学习情况。？