网页设计与制作基础说课.pptVIP

Dreamweaver CC Dreamweaver CC是Adobe公司推出的一套拥有可视化编辑界面，用于制作并编辑网站和移动应用程序的网页设计软件。其支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页，具有强大的功能和简便的操作平台，是一款所见即所得的网页制作软件。该软件集网页制作、网站管理、程序开发于一身，可以帮助用户在同一个软件中完成所有网站建设的相关工作。 第*页 Dreamweaver CC 第*页 第*页 Dreamweaver CC 图形和图像处理工具 目前常用的图形和图像处理工具主要是Adobe公司Photoshop。 Photoshop的功能十分强大，是目前使用最为广泛的专业图形图像处理软件之一。它捆绑了Image Ready，能够实现各种专业化的图像处理及动画的制作等。 第*页 Photoshop CC 第*页 Photoshop CC 第*页 动画设计工具 第*页 Flash是目前网页制作中最为出色的动画设计软件，它是美国的Macromedia公司于1999年6月推出的交互式动画设计工具，用它可以将音乐、声效、动画以及富有新意的界面融合在一起，以制作出高品质的、富有创意的网页动态效果。 Flash CC 第*页 Flash CC 第*页 第*页 主要内容 1.1 网页基础概念 1.2 网页设计制作技术　 1.3　网页设计制作工具　 1.4　网页设计基础 1.5　本章小结 1.4 网页设计基础 网页构成分析 网页设计原则　 网页版面设计　 网页色彩设计　 第*页 网页构成分析 Logo图标 导航条 Banner 内容版块 版尾和版权 第*页 网页设计原则 一个好的网站应该是内容丰富、页面干净、主题突出、栏目导航清晰明了，因此网页设计应注意以下几个原则： 用户优先 符合“8秒钟原则” 考虑用户的软/硬件配置 内容丰富 着手规划、确定特色、锁定目标 首页的重要性 栏目的归类 互动性 图像应用技巧、背景底色 HTML格式的注意事项、避免滥用技术。 第*页 网页版面设计 T结构布局 “口”形布局 “三”形布局 “框架”型布局 POP布局 第*页 网页色彩设计 色彩的设计原则 网站色彩总的设计原则应该是“总体协调，局部对比”。主页的整体色彩效果应该的和谐的，只有局部的、小范围的地方可以有一些强烈色彩的对比。在色彩的运用上可以根据主页内容的需要，分别采用不同的主色调。 色彩的概念 色彩的冷暖 色彩的轻重 色彩的前进与后退 色彩的艳丽与素雅 色彩选配方案 红色色系、蓝色色系、其他色系 第*页 第*页 主要内容 1.1 网页基础概念 1.2 网页设计制作技术　 1.3　网页设计制作工具　 1.4　网页设计基础 1.5　本章小结 1.5 本章小结 本章讲述了网页设计与制作的基础知识。 首先，介绍了网页基础概念，包括Internet基础，网页和网站的概念，静态网页与动态网页的区别，数据库的概念及其在网站建设中的作用。 接下来，讲述了HTML与XHTML、网页脚本语言、动态网页编程语言等网页制作技术。 之后，讲述了Dreamweaver CC、Photoshop CC、Flash CC等网页制作的常用工具。 最后，对网页设计基础进行了详细讲述。 第*页 * 第1章 网页设计与制作基础 第*页 本章概述 本章的学习目标 主要内容 本章概述 随着互联网的发展和普及，电子商务和电子政务发展迅速，人们将互联网技术应用到生产、经营、娱乐等活动中，利用互联网开展各种信息服务，如个人网上购物、企业形象展示、政府服务大众等。网页设计和制作技术成为计算机专业一个相当重要的分支。本章介绍网页设计与制作的基础知识，包括网页基础概念、网页制作工具和技术介绍和网页设计基础等。 第*页 本章的学习目标 了解网页与网站的概念 了解静态网页和动态网页概念 了解HTML与XHTML概念 了解网页制作语言 了解网页设计工具 掌握网页构成 第*页 主要内容 1.1　网页基础概念　 1.2　网页设计制作技术　 1.3　网页设计制作工具　 1.4　网页设计基础 1.5　本章小结 第*页 1.1　网页基础概念 Internet即通常所说的互联网，是相互连接的网络集合。Internet是一个巨大的、覆盖全球的信息资源库，是由成千上万个网络、上亿台计算机通过特定的网络协议相互连接而成的全球计算机网络，其提供资源共享和网络通信。 WWW是一个基于超文本(Hypertext)方式的信息检索服务工具，是Internet上近几年才发展起来的服务，也是发展最快和目前用得最广泛的服务。 第*页 网页和网站 网页与网站的关系 构建WWW的基本单位是网页。网页中包含所谓的“超链接”，通过已经定义好的关键字和图形，