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

网站设计,信息技术组,版面设计,版面结构是指一种能够让浏览者清楚、容易地理解作品传达的信息的东西，也就是将不同元素巧妙排列的方式。 布局就是以最适合浏览的方式将图片和文字排放在页面的不同位置。 设计版面时要把文字、图片、空白当作一个整体来看，采用平面分割方式，调动全部面积来构建整个版面。,利用表格定位网页,表格的最大作用就是帮助网页元素定位、合理安排对象的位置。所以，表格是控制网页布局的一个重要工具。 操作步骤 1、在网页中加入表格。 2、调整表格结构。 3、设置表格属性。 4、表格的嵌套。,几种常见的页面布局样式：,“厂”字型,主菜单以及横条网站标志+广告条,主 菜 单,显 示内容,几种常见的页面布局样式：,“口”字型,主菜单,主要内容,友情链接等,建立网站整体风格,第一步：设计、制作一个网站标志(logo) 标志可以是中文、英文字母，可以是符号、图案，可以是动物或者人物等。 标志的设计创意来自你网站的名称和内容。 设计标志有以下几种方法： 1、选择与网站主题有关的，并具有代表性的人或者物，用它们作为设计的蓝本，加以卡通化和艺术化。例： 2、对于专业性的网站，可以以本专业有代表的物品作为标志。例: 3、最常用和最简单的方式是用自己网站的中文或者英文名称作为标志。采用不同的字体、字母的变形与组合，可以很容易制作出自己的标志。,LOGO欣赏,建立网站整体风格,第二步：设计网站的标准颜色 网站的标志、标题、主菜单和主色块文字的链接色彩尽量使用标准色彩； 图片的主色彩、背景色、边框等尽量使用标准色彩同色系的色彩。 一个网站的标准色彩不超过3种。 色彩总的应用原则应该是“总体协调，局部对比”。,网站色彩的使用,蓝色调为主，加上白色和红色，强调权威与真实,网站色彩的使用,橙色为主，白色为辅，具有轻快，时尚的效果,网站色彩的使用,绿色为主，白色为辅，产生舒适、优雅、适于阅读的气氛,网站色彩的使用,红色为主，产生热情、活力的感觉，充满欢乐的气氛,建立网站整体风格,第三步：设计网站的标准字体。 标准字体是指用于标志、标题、主菜单的特有字体。 一般网页默认的字体是宋体。 使用一些比较特别的字体时，最好使用图片的形式。,收集素材,收集素材注意事项： 要注意对收集来的素材分类； 文件名要易懂易记，便于调用； 注意保护知识产权，避免侵犯别人的版权。,添加新网页,一个网站根据内容的多少可由几页或几十个甚至上万个网页组成，网页是网站的基本构成部分，学会添加新网页是制作网站的基础。添加网页的操作步骤如图：,利用表格布局网页,表格在网页有定位和设置网页布局的作用,利用表格可将稳中有降块内容分类列出.使网页清晰美观,富有条理,表格中可以包含你喜欢的任何内容,包括图像,文本,多媒体文件,甚至有嵌套的表格.但要注意的是,在用表格布局时,表格的边框应设置为0.,？,按上述要求在首页index.htm中插入表格和导航栏。,插入表格,网页中的表格除了可以用来定位和布局外，还可以当作普通表格来使用，但注意此时的表格边框粗细不能设置为0,在网页中插入中国在历届奥运会上获得金牌的情况。首先新建一个名称为ayjp.htm的网页，按照下图所示步骤完成对此网页的布局；再按下图插入一个表格，然后将相关信息输入到表格中，保存网页。,？,查找中国队在历届奥运会上所获各类奖牌的情况，并用表格的形式插入到网页中。,添加图像,我们经常看到的网页都是图文并茂的，图片不仅能直观地表达信息，还往往给人以美的享受。在网页中可以插入多种格式的图片，但我们一般应选用那些压缩比高的格式的图片，例如GIF、JPG等格式的图片。,？,查找自己喜欢的运动明星图片，将其插入网页。,插入动画,动画的格式有很多种，如GIF图片动画、FLASH动画、视频动画等。,设置背景,将首页背景设置为绿色：,将表格背景设置为淡绿色：,将单元格背景设置为图像：,在网页中插入背景音乐：,设置超级链接：,网页连接,网站连接,在创建超链接对话框中URL栏中直接输入该网站的网址即可。,电子邮件连接,在创建超链接对话框中，按电子邮件创建按钮，在弹出的对话框中直接输入电子邮件地址确定即可。,书签式连接,连接到网页本身某个位置或文本的一种链接，先在需要连接的位置或文本插入书签，再选中链接源，插入超链接，在创建超链接对话框中选中相应书签即可。,框架连接（略）图像映射（略）,？,完成各页面导航栏上其他文字的超链接设置,6.1.5 评估测试阶段,作品的设计和制作往往不能一步到们，在制作和运行过程中要不断地