网页设计1.pptVIP

网页设计 主讲：边文钰 课程安排 每周2节课 重点：动手实践能力 教学目标： 了解网站系统的基本概念和相关技术的基础知识，掌握网页设计与制作的基本流程，熟练使用网页编辑工具和图像处理软件，能独立制作完整的网站 一、基础知识 网页 web page 网站 web site 分类： 按功能/技术：静态网站、动态网站 web服务器 二、常用术语 URLUniform Resource Locator 统一资源定位 /special/000925CD/Cover.html HTMLHypertext Markup Languag 超文本标记语言 IP地址： 网站空间：存放网站内容的空间 域名 Internet域名是Internet网络上的一个服务器或一个网络系统的名字，在全世界，没有重复的域名。域名的形式是以若干个英文字母和数字组成，由“.”分隔成几部分，如IBM.COM就是一个域名。域名分为国际域名和国内域名。 国际域名：com（商业机构）、net（网络服务机构）、gov（政府机构）、mil（军事机构）、org（非盈利性组织）、edu（教育部门）、int（国际机构）。 国内域名：类别域名：ac－科研机构； com－工、商、金融等专业； edu－教育机构； gov－政府部门； net－互联网络、接入网络的信息中心和运行中心； org－各种非盈利性的组织。 与网页制作有关的工具 1、页面编辑工具 FrontPage、 Dreamweaver 2、图像与动画制作工作 Flash、 Fireworks、 Photoshop PhotoImpact、 COOL 3D、 Ulead Gif Animator 三、网页配色 网页设计中色彩的作用 色彩应用：直观、明确、清晰 色彩分类： 彩色(赤橙黄绿青蓝紫) 无彩色（黑、白、灰） 彩色的特性：色相、明度（亮度、深浅度）、纯度（饱和度） 色彩混合 三原色：色光三原色：红 绿 蓝 色料三原色：红黄蓝 1、 正混合 色光的混合 明度增高 2、 负混合 色料的混合 纯度降低 3、 中性混合视网膜上形成的混合 色相环 红、橙、黄、绿、蓝、紫 6色环 12色环 对比色 不同的颜色有着不同的含义，给人各种丰富的感觉和联想。红色：热情、奔放、喜悦、庄严黄色：高贵、富有、灿烂、活泼黑色：严肃、夜晚、沉着白色：纯洁、简单、洁净蓝色：天空、清爽、科技绿色：植物、生命、生机灰色：庄重、沉稳 紫色：浪漫、富贵棕色：大地、厚朴 近 似 色 互 补 色：色环上直径两端的颜色 分离补色：其互补色左右两端的颜色 组 色： 色环上距离相等的任意三种颜色 暖 色： 红、橙、黄 冷 色： 蓝、青、绿 RGB模式Red Green Blue 显示器 CMYK模式 Cyan Magenta Yellow Black 印刷 网页配色方案 背景色、基本色、辅助色、强调色 常用概念 1、色彩对比 （1）色相对比 （2）明度对比 （3）纯度对比 （4）互补色对比 （5）冷暖对比 （6）面积对比 2、 色彩的调和 （1）同种颜色的调和 ： 层次感 （2）类似色的调和 （3）对比色、互补色的调和 （4）颜色的数量 ：基本色不超过3种 色彩在网站中的基本应用 1、以网站内容为基础 2、形容词定位 3、颜色与文本 经验与技巧 ： 1、网页用色忌“花” 2、冷暖搭配要谨慎 3、各界面色彩要统一 4、不要用“花”背景 网页布局类型 国字型、拐角型、标题正文型、左右框架型、上下框架型 、 综合框架型、 封面型、 Flash型、变化型 网站设计和制作流程 一、进行需求设计和分析 1、确定参与人员 2、编写完整的需求调查记录文档 3、用户调查内容 4、市场调研内容 5、编写需求说明书 二、确定主题内容 1、确定网站主题 2、搜集材料 三、提出网站设计方案 1、主题栏目的设置 2、目录结构设计 3、颜色搭配 4、网站标志 5、片面布局 6、图像的运用