网页设计与制作教程 第一章 网页设计与制作基础

第 1章 网页设计与制作基础 第 1页 本章概述 本章的学习目标 主要内容 本章概述 随着互联网的发展和普及，电子商务和电子政务发展迅速，人们将互联网技术应用到生产、经营、娱乐等活动中，利用互联网开展各种信息服务，如个人网上购物、企业形象展示、政府服务大众等。网页设计和制作技术成为计算机专业一个相当重要的分支。本章介绍网页设计与制作的基础知识，包括网页基础概念、网页制作工具和技术介绍和网页设计基础等。 第 2页 本章的学习目标 了解网页与网站的概念 了解静态网页和动态网页概念 了解 了解网页制作语言 了解网页设计工具 掌握网页构成 第 3页 主要内容 页基础概念 页设计制作技术 页设计制作工具 页设计基础 章小结 第 4页 页基础概念 相互连接的网络集合。 盖全球的信息资源库，是由成千上万个网络、上亿台计算机通过特定的网络协议相互连接而成的全球计算机网络，其提供资源共享和网络通信。 式的信息检索服务工具，是 是发展最快和目前用得最广泛的服务。 第 5页 网页和网站 网页与网站的关系 构建 页中包含所谓的“超链接”，通过已经定义好的关键字和图形，只要用鼠标轻轻一点，就可以自动跳转到相应的其他文件，获得相应的信息，从而实现网页之间的链接。通过超链接连接起来的一系列逻辑上可以视为一个整体的页面，则叫做“网站”。 网站由域名（ 网站空间、网页三部分组成。 网页的基本元素 文本：文本是网页中最主要的信息载体，浏览者主要通过文字了解各种信息。 图片：图片可以使网页看上去更加美观，可以让浏览者更加快速地了解网页所要表达的内容。 水平线 、 表格 、 表单 、 超链接 、 动态元素 等 第 6页 第 7页 静态网页 和 动态网页 静态网页 第 8页 静态网页 和 动态网页 动态网页 数据库 数据库（ 存储在一起的相关数据的集合，是按照数据结构来组织、存储和管理数据的仓库。 数据库管理系统 数据定义功能 数据操纵功能 数据库的运行管理 数据库的建立和维护功能 数据库的作用 在动态网站建设中，数据库发挥着不可替代的作用。它用于存储网站中的信息，可以包括静止的和经常需要更换的内容。 第 9页 第 10页 主要内容 网页基础概念 网页设计制作技术 页设计制作工具 页设计基础 章小结 网页设计制作技术 在 网页制作工具较多，大多数网页制作工作都是通过“所见即所得”的编辑工具完成的。在网页制作过程中，除了页面的编辑外，还需要进行素材的创作和加工，即图形和动画制作工具。 第 11页 ：超文本标记语言 )语言。 传统 是构成 主要工具，是用来表示网上信息的符号标志语言。记” (也叫“标签” )来指示 式和外观的文本字符串。 功能的逐渐增多，使得 性、属性值等内容的书写格式都有严格的规范，从而提高代码在各种平台下的解析效率。 第 12页 网页脚本语言 脚本语言 服务器端脚本语言主要应用于各种动态网页技术，用于编写实现动态网页的网络应用程序。服务器端脚本语言必须依赖服务器端的软件执行。常见的服务器端脚本语言包括应用于 浏览器脚本语言区别于服务器端脚本语言，是直接插入到网页中执行的脚本语言。目前应用最广泛的浏览器脚本语言包括 标准化的 包括应用于微软 标准化的文档对象模型 文档对象模型（ 根据 第 13页 动态网页编程语言 第 14页 动态网页编程语言 第 15页 动态网页编程语言 第 16页 动态网页编程语言 人主页）也是一种跨平台的网页后台技术，最早由丹麦人 由 一种免费的网页脚本语言。 多在服务器端执行，通过 第 17页 第 18页 主要内容 网页基础概念 网页设计制作技术 页设计制作工具 页设计基础 章小结 网页设计制作工具 网页编辑工具 图形和图像处理工具 动画设计工具 第 19页 网页编辑工具 网页编辑工具主要分为标记型和所见即所得型。标记型工具常用的是 事本 )、 有寻替换以及无限制的还原功能。 所见即所得的编辑主流软件主要是 第 20页 C 于制作并编辑网站和移动应用程序的网页设计软件。其支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页，具有强大的功能和简便的操作平台，是一款所见即所得的网页制作软件。该软件集网页制作、网站管理、程序开发于一身，可以帮助用户在同一个软件中完成所有网站建设的相关工作。 第 21页 C 第 22页 第 23页 C 菜单 栏 属性面板 工具面板 文档编辑 区 面板组 图形和图像处理工具 目前常用的图形和图像处理工具主要是 目前使用最为广泛的专业图形图像处理软件之一。它捆绑了 够实现各种专业化的图像处理及动画的制作等。 第 24页 C 第 25页 C 第 26页 动画设计工具 第 27页 是美国的 月推出的交互式动画设计工具，用它可以将音乐、声效、动画以及富有新意的界面融合在一起，以制作出高品质的、富有创意的网页动态效果。 C 第 28页 C 第 29页 第 30页 主要内容 网页基础概念 网页设计制作技术 页设计制作工具 页设计基础 章小结 网页设计基础 网页构成分析 网页设计原则 网页版面设计 网页色彩设计 第 31页 网页构成分析 导航条 内容版块 版尾和版权 第 32页 网页设计原则 一个好的网站应该是内容丰富、页面干净、主题突出、栏目导航清晰明了，因此网页设计应注意以下几个原则： 用户优先 符合“ 8秒钟原则” 考虑用户的软 /硬件配置 内容丰富 着手规划、确定特色、锁定目标 首页的重要性 栏目的归类 互动性 图像应用技巧、背景底色 免滥用技术。 第 33页 网页版面设计 “口”形布局 “三”形布局 “框架”型布局 第 34页 网页色彩设计 色彩的设计原则 网站色彩总的设计原则应该是“总体协调，局部对比”。主页的整体色彩效果应该的和谐的，只有局部的、小范围的地方可以有一些强烈色彩的对比。在色彩的运用上可以根据主页内容的需要，分别采用不同的主色调。 色彩的概念 色彩的冷暖 色彩的轻重 色彩的前进与后退 色彩的艳丽与素雅 色彩选配方案 红色色系、蓝色色系、其他色系 第 35页 第 36页 主要内容 网页基础概念 网页设计制作技术 页设计制作工具 页设计基础 章小结 本章小结 本章讲述了网页设计