网站设计基知识讲座.ppt

网站设计基础知识讲座 网页设计概述 网页基本特征 网页的基本构成元素 网页设计的基本原则 多媒体在网页设计中的应用 网页基本特征 html head title标题/title /head body 正文 /body /html 网页的基本构成元素 文本 图像 超链接 表格 表单 导航栏 Gif动画 Flash动画 框架 网页设计的基本原则 确定内容 确定内容最好的表现形式和用户 确立一个创造性的、有效的设计方案 网页设计的标准： 不同的用户群有不同的服务方向，需要恰当的设计——没有好的或者坏的设计，只有是否合适、恰当的设计。 网页多媒体类型 1、图像 Gif 、JPEG、PNG 2、动画 Gif、Flash 3、Java Applet 4、音频 WAV、MP3、MIDI、Real Audio、 5、视频 Realplayer、mov、MPEG、AVI 网站设计制作的基本流程 前期策划和内容组织 网站需求分析 网站整体风格定位 网站内容组织 网站设计制作的基本流程 前期策划和内容组织 网站需求分析 网站整体风格定位 网站内容组织 规划草图 规划页面结构 规划站点结构 网站页面的设计制作 寻找网页的创意 利用图像软件设计效果图 利用网页编辑软件制作网页 利用网页动画软件制作动画 网站页面的技术实现 网页制作中的其他常用工具 360度全景图片 Swish制作Flash文字特效动画 使用ftp软件发布网站 网页特效的具体技术实现 Html、CSS、JavaScript 色彩搭配在网站中的应用 色环 在从红到紫的光谱中,等间的选择两种或两种以上的颜色,相邻的两个色相互混合又得到另外一种特殊的颜色.如此周而复始,从而构成一个首尾相交的环,被称为孟赛尔色相环,即色环.从本质上讲,色环就是色谱可以看到的颜色所形成的线性连续环. 常见配色方案 近似色 用近似色的颜色主题可以实现色彩的融洽与融合 常见配色方案 补充色: 补充色也叫对比色,是制在色环中的直接位置相对的颜色. 强烈突出,富有冲击力 常见配色方案 分离补色:在色环上选择一种颜色，他的补色就在色环的另一面,可以使用补色旁边的一种或多种颜色,这样的一组颜色叫做分离补色. 常见配色方案 暖色系:由红色调组成,赋予温暖、舒适和活力 常见配色方案 冷色系：冷色来自于兰色色调，这些颜色对色彩主题起到冷静的作用，用做页面背景较好。 色彩的4种功能角色 主色 支配色 融合色 强调色 如何使用色彩给网站定位 红色：热情、活力 橙色：时尚、轻快 黄色：明亮、愉快 绿色：宁静、希望 蓝色：凉爽、清新、专业 白色：洁白、纯真，多用于背景色 黑色：深沉 灰色：中庸 网站用户界面的设计 用户界面的要求 网页界面的实用性设计 网页信息的表现形式和类型 网页的版式 网页中的文字设计 网页中的图像运用 用户界面的要求 标题一目了然 表明信息 清晰的目录结构 网页界面的实用性设计 表现欢迎 传达信任感 加强说服力 网页的版式 网站广告的设计 网站广告标准尺寸 300*250 中等矩形 一般用于页面内部 250*250 正方形 一般用于页面内部 130*300 垂直矩形 一般用于门户网站内容页面中，适合与正文的混排 360*300 大矩形 一般用于弹出窗口广告 468*60 通栏广告， 88*31 链接用LOGO标志 120*60 按钮样式 网站广告的设计准则 视觉要求 醒目、美观 文字使用 文字清晰、字体合适 文本与背景有较大对比 选用合适的字体 字体排列方式要符合人们阅读习惯 避免文字单一化 内容设计 广告语激发用户点击欲望 网站中表格的使用 表格的作用 表格的制作 利用表格分割网页 格子理论的介绍 格子网页的制作 网站中层的使用 层的特点 具有编号、大小、位置、背景、可见性、溢出等。 层与表格的配合 框架网站的制作 框架的特点 使用框架建设网站最大的特点就是使网站的风格能够保持统一。 模版网站的制作 模版的特点 是Dreamweaver中一种特殊类型的文档，用于设计“锁定的”页面布局。最大的用途在于一次更新多个页面 制作模版网站 在页面中使用库 库是一种特殊的Dreamweaver 文件，其中包含用户已创建以便放在网页上的单独“资源”或者资源拷贝的集合，库项目是可以在多个页面中重复使用的存储页面元素。每当更改某个库项目的内容时，用户都可以更新所有使用该项目的页面。 使用行为和JavaScript制作特效 Dreamweaver中的行为 行为是事件和动作的组合，浏览器响应用户的动作产生事件。 行为的使用 添加状态栏文本、添加弹出信息、打开浏览器窗口、交换图像、拖动层特效、弹出菜单、显示隐藏层 JavaScript介绍 使用CSS样式表设计网页 CSS的介绍 是一种设计网页样式的工