电子教案 《网页设计与制作基础教程(第3版)》
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
网页的设计构思 网页的布局结构
:::::《计算机基础与实训教材 系列》系列丛书官方网站 http://www.tupwk.com.cn/edu
1.3 网页制作工具简介
网页制作工具可以分为两类：一类是源代码编辑工具(如HotDog、 HomeSite、EditPlus等)，另一类是所见即所得编辑工具(如HotMetal、 FrontPage、Dreamweaver等)。除此之外，设计者在制作网页时，还需要用到 图像设计工具(如Photoshop、FireWorks)和动画制作工具(如Flash)。本节将简 要介绍目前常用的网页制作工具Dreamweaver、图像设计工具Photoshop和动 画制作工具Flash。
1.1.1 网页和网站
在网页和网站开发领域，有着各式各样的专有名词。弄清楚它们之间的 概念和联系，对于用户学习网页知识有极大的裨益。
网页的概念 网站的概念
:::::《计算机基础与实训教材 系列》系列丛书官方网站 http://www.tupwk.com.cn/edu
1.1.2 网页的基本元素
简单地说，WWW是漫游Internet的工具，它把Internet上不同地点的相关 信息聚集起来，通过WWW浏览器(如IE，即Internet Explorer)检索，无论用户 所需的信息在什么地方，只要浏览器为用户检索到之后，就可以将这些信息 (文字、图片、动画、声音等)“提取”到用户的计算机屏幕上
网页制作软件——Dreamweaver 图像处理软件——Photoshop 动画制作软件——Flash
:::::《计算机基础与实训教材 系列》系列丛书官方网站 http://www.tupwk.com.cn/edu
1.4 与网页相关的概念
Internet是从Interconnected Networks延伸而来的，是跨国界的网络。 Internet把世界各地数以千万计的计算机和传输线路连接在一起构成一个网络。 通过它可以交换信息、共享资源，并以此为基础实现各种计算机通信应用项 目。在Internet中，网页是它的重要组成部分，本节将主要介绍一些与网页相 关的名词和概念。
HTTP协议经常用来在网络上传送Web页。当用户以“http://”开始一个 超链接的名字时，就是告诉浏览器去访问使用HTTP协议的Web页。HTTP协议 不仅能保证正确传输超文本文档，还可以确定传输文档中的哪一部分，以及 哪部分内容首先显示。
:::::《计算机基础与实训教材 系列》系列丛书官方网站 http://www.tupwk.com.cn/edu
网页是一个纯文本文件，其通过HTML、CSS等脚本语言对页面元素进行 标识，然后由浏览器自动生成页面。组成网页的基本元素通常包括文本、图 像、超链接、Flash动画、表格、交互式表单以及导航栏等。
:::::《计算机基础与实训教材 系列》系列丛书官方网站 http://www.tupwk.com.cn/edu
《 网页设计与制作基础教程(第3版)》
第一章
网页设计基础知识
学习目标
随着因特网（Internet）的不断发展，越来越多的人都想要 学习设计与制作网页，但是要实现较好的网页效果，设计者首 先要了解网页的相关基础知识，例如网页与网站的关系，网页 设计的构思与布局方式，常用的网页制作工具，以及与网页相 关的概念等。
1.1.3 网页的常见类型
一般情况下，网页的常见类型分为静态网页与动态网页两种。网页程序 是否在服务器端运行，是区分静态网页与动态网页的重要标志，在服务器端 运行的网页(包括程序、网页、组件等)属于动态网页(动态网页会随不同用户、 不同时间，返回不同的网页)。运行于客户端的网页程序(包括程序、网页、 插件、组件等)则属于静态网页。
:::::《计算机基础与实训教材 系列》系列丛书官方网站 http://www.tupwk.com.cn/edu
1.4.2 超文本传输协议
HTTP(HyperText Transfer Protocol)即超文本传输协议，它是WWW服务器 上最主要的协议。通过这一跨平台的通信协议，在WWW任何平台上的电脑 都可以阅读远方服务器(Server)上的同一文件。
:::::《计算机基础与实训教材 系列》系列丛书官方网站 http://www.tupwk.com.cn/edu
1.2 网页设计的构思与 布局
网页设计的成功与否，很重要的一个原因就在于它的构思与布局，具有 创造性构思和巧妙的页面布局会让网页具有更强的生命力和观赏性。本节将 重点介绍源自文库页构思与布局的相关知识。
1.1 网页制作的基础知 识
网页是构成网站的基本元素，是承载各种网站应用的平台。它是一个文 件，通常为HTML格式，可以存储在世界某个角落的某一台计算机中。
网页和网站 网页的基本元素 网页的制作流程 网页的常见类型
:::::《计算机基础与实训教材 系列》系列丛书官方网站 http://www.tupwk.com.cn/edu
万维网（WWW） 超文本传输协议 统一资源定位器 网页框架语言HTML
:::::《计算机基础与实训教材 系列》系列丛书官方网站 http://www.tupwk.com.cn/edu
1.4.1 万维网（WWW）
WWW(World Wide Web)即环球信息网，也可以称为 Web，中文名字为 “万维网”。用户在使用浏览器来访问Web的过程中，无须关心一些技术性 的细节即可得到丰富的信息资料。WWW是Internet上发展最快和目前使用最 广泛的一种服务。
:::::《计算机基础与实训教材 系列》系列丛书官方网站 http://www.tupwk.com.cn/edu
本章重点
网页制作的基础知识 网页设计构思与布局 常见的网页制作工具 与网页相关的概念
:::::《计算机基础与实训教材 系列》系列丛书官方网站 http://www.tupwk.com.cn/edu
1.4.3 统一资源定位器
URL(Uniform Resource Locator)即统一资源定位器，它使用数字和字母来 代表网页文件在网上的地址。URL好比Internet的门牌号码，它可以帮助用户 在Internet的信息海洋中查找到所需要的资料。
:::::《计算机基础与实训教材 系列》系列丛书官方网站 http://www.tupwk.com.cn/edu
1.3 网页制作工具简介
网页制作工具可以分为两类：一类是源代码编辑工具(如HotDog、 HomeSite、EditPlus等)，另一类是所见即所得编辑工具(如HotMetal、 FrontPage、Dreamweaver等)。除此之外，设计者在制作网页时，还需要用到 图像设计工具(如Photoshop、FireWorks)和动画制作工具(如Flash)。本节将简 要介绍目前常用的网页制作工具Dreamweaver、图像设计工具Photoshop和动 画制作工具Flash。
1.1.1 网页和网站
在网页和网站开发领域，有着各式各样的专有名词。弄清楚它们之间的 概念和联系，对于用户学习网页知识有极大的裨益。
网页的概念 网站的概念
:::::《计算机基础与实训教材 系列》系列丛书官方网站 http://www.tupwk.com.cn/edu
1.1.2 网页的基本元素
简单地说，WWW是漫游Internet的工具，它把Internet上不同地点的相关 信息聚集起来，通过WWW浏览器(如IE，即Internet Explorer)检索，无论用户 所需的信息在什么地方，只要浏览器为用户检索到之后，就可以将这些信息 (文字、图片、动画、声音等)“提取”到用户的计算机屏幕上
网页制作软件——Dreamweaver 图像处理软件——Photoshop 动画制作软件——Flash
:::::《计算机基础与实训教材 系列》系列丛书官方网站 http://www.tupwk.com.cn/edu
1.4 与网页相关的概念
Internet是从Interconnected Networks延伸而来的，是跨国界的网络。 Internet把世界各地数以千万计的计算机和传输线路连接在一起构成一个网络。 通过它可以交换信息、共享资源，并以此为基础实现各种计算机通信应用项 目。在Internet中，网页是它的重要组成部分，本节将主要介绍一些与网页相 关的名词和概念。
HTTP协议经常用来在网络上传送Web页。当用户以“http://”开始一个 超链接的名字时，就是告诉浏览器去访问使用HTTP协议的Web页。HTTP协议 不仅能保证正确传输超文本文档，还可以确定传输文档中的哪一部分，以及 哪部分内容首先显示。
:::::《计算机基础与实训教材 系列》系列丛书官方网站 http://www.tupwk.com.cn/edu
网页是一个纯文本文件，其通过HTML、CSS等脚本语言对页面元素进行 标识，然后由浏览器自动生成页面。组成网页的基本元素通常包括文本、图 像、超链接、Flash动画、表格、交互式表单以及导航栏等。
:::::《计算机基础与实训教材 系列》系列丛书官方网站 http://www.tupwk.com.cn/edu
《 网页设计与制作基础教程(第3版)》
第一章
网页设计基础知识
学习目标
随着因特网（Internet）的不断发展，越来越多的人都想要 学习设计与制作网页，但是要实现较好的网页效果，设计者首 先要了解网页的相关基础知识，例如网页与网站的关系，网页 设计的构思与布局方式，常用的网页制作工具，以及与网页相 关的概念等。
1.1.3 网页的常见类型
一般情况下，网页的常见类型分为静态网页与动态网页两种。网页程序 是否在服务器端运行，是区分静态网页与动态网页的重要标志，在服务器端 运行的网页(包括程序、网页、组件等)属于动态网页(动态网页会随不同用户、 不同时间，返回不同的网页)。运行于客户端的网页程序(包括程序、网页、 插件、组件等)则属于静态网页。
:::::《计算机基础与实训教材 系列》系列丛书官方网站 http://www.tupwk.com.cn/edu
1.4.2 超文本传输协议
HTTP(HyperText Transfer Protocol)即超文本传输协议，它是WWW服务器 上最主要的协议。通过这一跨平台的通信协议，在WWW任何平台上的电脑 都可以阅读远方服务器(Server)上的同一文件。
:::::《计算机基础与实训教材 系列》系列丛书官方网站 http://www.tupwk.com.cn/edu
1.2 网页设计的构思与 布局
网页设计的成功与否，很重要的一个原因就在于它的构思与布局，具有 创造性构思和巧妙的页面布局会让网页具有更强的生命力和观赏性。本节将 重点介绍源自文库页构思与布局的相关知识。
1.1 网页制作的基础知 识
网页是构成网站的基本元素，是承载各种网站应用的平台。它是一个文 件，通常为HTML格式，可以存储在世界某个角落的某一台计算机中。
网页和网站 网页的基本元素 网页的制作流程 网页的常见类型
:::::《计算机基础与实训教材 系列》系列丛书官方网站 http://www.tupwk.com.cn/edu
万维网（WWW） 超文本传输协议 统一资源定位器 网页框架语言HTML
:::::《计算机基础与实训教材 系列》系列丛书官方网站 http://www.tupwk.com.cn/edu
1.4.1 万维网（WWW）
WWW(World Wide Web)即环球信息网，也可以称为 Web，中文名字为 “万维网”。用户在使用浏览器来访问Web的过程中，无须关心一些技术性 的细节即可得到丰富的信息资料。WWW是Internet上发展最快和目前使用最 广泛的一种服务。
:::::《计算机基础与实训教材 系列》系列丛书官方网站 http://www.tupwk.com.cn/edu
本章重点
网页制作的基础知识 网页设计构思与布局 常见的网页制作工具 与网页相关的概念
:::::《计算机基础与实训教材 系列》系列丛书官方网站 http://www.tupwk.com.cn/edu
1.4.3 统一资源定位器
URL(Uniform Resource Locator)即统一资源定位器，它使用数字和字母来 代表网页文件在网上的地址。URL好比Internet的门牌号码，它可以帮助用户 在Internet的信息海洋中查找到所需要的资料。