网页设计-前期工作.pptVIP

网站设计 兴化市板桥高级中学 陈爱东 版面设计 版面结构是指一种能够让浏览者清楚、容易地理解作品传达的信息的东西，也就是将不同元素巧妙排列的方式。 布局就是以最适合浏览的方式将图片和文字排放在页面的不同位置。 设计版面时要把文字、图片、空白当作一个整体来看，采用平面分割方式，调动全部面积来构建整个版面。 利用表格定位网页 表格的最大作用就是帮助网页元素定位、合理安排对象的位置。所以，表格是控制网页布局的一个重要工具。 操作步骤 1、在网页中加入表格。 2、调整表格结构。 3、设置表格属性。 4、表格的嵌套。 几种常见的页面布局样式： “厂”字型 主菜单以及横条网站标志+广告条 主 菜 单 显 示内容 几种常见的页面布局样式： “口”字型 主菜单 广 告条 主要内容 友情链接等 几种常见的页面布局样式： 自由式，又称POP布局 页面布局像一张宣传海报，以一张精美图片作为页面的设计中心，菜单栏目自由摆放。 版面设计 标题栏 子栏目 名称 主要内容 内容提示 附加信息 网页版面布局可按创意草案、粗略布局、最后定案 三个步骤来进行。 建立网站整体风格 第一步：设计、制作一个网站标志(logo) 标志可以是中文、英文字母，可以是符号、图案，可以是动物或者人物等。 标志的设计创意来自你网站的名称和内容。 设计标志有以下几种方法： 1、选择与网站主题有关的，并具有代表性的人或者物，用它们作为设计的蓝本，加以卡通化和艺术化。例： 2、对于专业性的网站，可以以本专业有代表的物品作为标志。例: 3、最常用和最简单的方式是用自己网站的中文或者英文名称作为标志。采用不同的字体、字母的变形与组合，可以很容易制作出自己的标志。 LOGO欣赏 建立网站整体风格 第二步：设计网站的标准颜色 网站的标志、标题、主菜单和主色块文字的链接色彩尽量使用标准色彩； 图片的主色彩、背景色、边框等尽量使用标准色彩同色系的色彩。 一个网站的标准色彩不超过3种。 色彩总的应用原则应该是“总体协调，局部对比”。 网站色彩的使用 蓝色调为主，加上白色和红色，强调权威与真实 网站色彩的使用 橙色为主，白色为辅，具有轻快，时尚的效果 网站色彩的使用 绿色为主，白色为辅，产生舒适、优雅、适于阅读的气氛 网站色彩的使用 红色为主，产生热情、活力的感觉，充满欢乐的气氛 建立网站整体风格 第三步：设计网站的标准字体。 标准字体是指用于标志、标题、主菜单的特有字体。 一般网页默认的字体是宋体。 使用一些比较特别的字体时，最好使用图片的形式。 收集素材 收集素材注意事项： 要注意对收集来的素材分类； 文件名要易懂易记，便于调用； 注意保护知识产权，避免侵犯别人的版权。