《网页设计与制作》【共五章246PPT,非常好的一份资料】
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
（4)http://www.w3.org/Addressing/URL/5BNF.html#httpaddress，访问www.w3.org 服务器 上Addressing/URL目录下的5-BNF.html 网页文件 中锚点标识为httpaddress的地方。
31.12.2020
h
6
➢ 浏览器
❖概述 ❖分类 ▪Internet Explorer ▪Netscape Navigator ▪Mosaic等专业浏览器以及一些以上述浏览器 为内核的专用浏览器。
URL的完整格式如下：
协议://主机名（或IP地址）：端口号/路径名/文件名
31.12.2020
h
4
【例】几个URL的例子.
（1）http://www.microsoft.com，用 http协议和缺省端口号（80）访问微软公司 服务器www.microsoft.com。这里没有指定路 径和文件名，所以访问的结果是把一个缺省 主页送给浏览器。
▪ WWW采用C/S（客户机/服务器）工作模式
▪ 在浏览器和服务器之间应用HTTP（Hyper
Text Transfer Protocol，超文本传输协议）
31.12.2020 作为网络应用层通信h 协议
3
➢ URL
❖Internet上所有的资源都有一个唯一的 URL地址，一般将URL地址称为网址。
31.12.2020
h
9
❖打开多个窗口
用菜单栏上的“文件”→“新建”→“窗口”，会 打开一个新的浏览器窗口。
一般情况下，打 开四、五个窗口可以 充分利用系统资源， 而且通过调整窗口的 大小和位置还可以同 时浏览。
31.12.2020
h
10
❖主页、临时文件和历史记录
浏览器在打开 时自动调入的网页 称为“主页”，主 页可以通过“工 具”→“Internet选 项”打开Internet 选项对话框，在 “常规”选项卡的 “主页”栏设置.
31.12.2020
h
11
❖收藏夹的使用
使用菜单“收 藏”→“添加到收 藏夹”打开添加到 收藏夹对话框。
31.12.2020
h
12
▪ 使用菜单“收藏”→“整理收藏夹”打开收 藏夹整理对话框，进行收藏夹中网页的移动、 删除、改名及创建新文件夹等操作。
31.12.2020
h
13
❖关闭图片显示
在网络速度较慢时， 不观看网页中的图片和 其它多媒体内容可以得 到更快的下载速度Βιβλιοθήκη Baidu通 过“工具”→“Internet 选项”打开Internet选项 对话框，在“高级”选 项卡中可以对浏览器的 工作方式进行设置
➢ HTML语言概述
是一种超文本标记语言，作为一种网页编 辑语言，易学易懂。
h
21
➢认识网页
31.12.2020
h
Flash动画 导航栏 GIF动画 文字 表单 图片 超级链接
22
❖ 网页中的元素
1.文字
2.图像
3.表单
4.Flash动画
5. 表格
6. 超级链接
7. 视频、音频
8. POP窗口
31.12.2020
9.
标题栏和状态栏文字 h
23
1.2 网页制作的相关知识
31.12.2020
h
14
❖关闭自动完成功能
通过工具→Internet 选项，打开Internet 选项对话框，在“内 容”选项卡的“个人 信息”部分单击“自 动完成”按钮打开自 动完成设置对话框 。
31.12.2020
h
15
➢搜索引擎的使用
1、使用浏览器的“搜索”按钮 2、使用专门的搜索引擎
http://www.google.cn (Google) http://www.baidu.com (摆渡) http://www.yahoo.com (雅虎) http://www.sohu.com (搜狐)
31.12.2020
h
20
4.职能网站
❖ 职能网站具有专门的功能，如政府职能 网站等。目前逐渐兴起的电子商务网站 也属于这类网站，较有名的电子商务网 站有阿里巴巴（china.alibaba.com）、 卓越网（www.joyo.com）和当当网上书 店（www.dangdang.com）等。
31.12.2020
31.12.2020
h
18
2.个人网站
❖ 个人网站具有较强个性化，是以个人名 义开发创建的网站，其内容、样式、风 格等都是非常有个性的。
31.12.2020
h
19
3.专业网站
❖ 这类网站具有很强的专业性，通常只涉 及某一个领域，内容专业。如榕树下网 站（www.rongshuxia.com）即是一个专 业文学网站。
（2）ftp://ftp.pku.edu.cn/pub/mswindows/winvn926.zip，用FTP协议访问北京 大学FTP服务器上路径名为pub/ms-windows、 文件名为winvn926.zip的文件。
31.12.2020
h
5
（3）http://gnacademy.org: 8001///uugna/index.html，从运行在端口号8001的 gnacademy.org服务器上访问index.html主页。
网页设计与制作
主要内容：
第1章：网页制作基础
第2章：Dreamweaver MX 2004
第3章：插入网页基本元素
第4章：页面设计
第5章：高级网页制作
31.12.2020
h
2
第1章 网页制作基础
➢ Web和浏览器
➢ Web
❖ Web的特点和结构
▪ Web 最 大 的 特 点 是 使 用 了 超 文 本 （Hypertext）
其中使用最广泛的是Microsoft出品的 Internet Explorer 6.0（简称IE6）。
31.12.2020
h
7
➢IE6的界面
菜单栏 地址栏
状态栏
31.12.2020
h
标题栏 工具栏
浏览窗口
8
➢ IE6.0的使用
❖浏览网页
▪“停止”按钮 ▪前进和后退 ▪刷新页面 ▪改变文字大小 ▪选择编码 ▪全屏幕显示 ▪查看源文件
31.12.2020
h
16
➢认识网站
❖ 1.门户网站 ❖ 2.个人网站 ❖ 3.专业网站 ❖ 4.职能网站
31.12.2020
h
17
1.门户网站
这类网站是一种综合性网站，涉及领域 非常广泛，包含文学、音乐、影视、体 育、新闻和娱乐等方方面面的内容，具 有论坛、搜索和短信等功能。现在国内 较著名的门户网站有搜狐 （www.sohu.com）、网易 （www.163.com）等。
31.12.2020
h
6
➢ 浏览器
❖概述 ❖分类 ▪Internet Explorer ▪Netscape Navigator ▪Mosaic等专业浏览器以及一些以上述浏览器 为内核的专用浏览器。
URL的完整格式如下：
协议://主机名（或IP地址）：端口号/路径名/文件名
31.12.2020
h
4
【例】几个URL的例子.
（1）http://www.microsoft.com，用 http协议和缺省端口号（80）访问微软公司 服务器www.microsoft.com。这里没有指定路 径和文件名，所以访问的结果是把一个缺省 主页送给浏览器。
▪ WWW采用C/S（客户机/服务器）工作模式
▪ 在浏览器和服务器之间应用HTTP（Hyper
Text Transfer Protocol，超文本传输协议）
31.12.2020 作为网络应用层通信h 协议
3
➢ URL
❖Internet上所有的资源都有一个唯一的 URL地址，一般将URL地址称为网址。
31.12.2020
h
9
❖打开多个窗口
用菜单栏上的“文件”→“新建”→“窗口”，会 打开一个新的浏览器窗口。
一般情况下，打 开四、五个窗口可以 充分利用系统资源， 而且通过调整窗口的 大小和位置还可以同 时浏览。
31.12.2020
h
10
❖主页、临时文件和历史记录
浏览器在打开 时自动调入的网页 称为“主页”，主 页可以通过“工 具”→“Internet选 项”打开Internet 选项对话框，在 “常规”选项卡的 “主页”栏设置.
31.12.2020
h
11
❖收藏夹的使用
使用菜单“收 藏”→“添加到收 藏夹”打开添加到 收藏夹对话框。
31.12.2020
h
12
▪ 使用菜单“收藏”→“整理收藏夹”打开收 藏夹整理对话框，进行收藏夹中网页的移动、 删除、改名及创建新文件夹等操作。
31.12.2020
h
13
❖关闭图片显示
在网络速度较慢时， 不观看网页中的图片和 其它多媒体内容可以得 到更快的下载速度Βιβλιοθήκη Baidu通 过“工具”→“Internet 选项”打开Internet选项 对话框，在“高级”选 项卡中可以对浏览器的 工作方式进行设置
➢ HTML语言概述
是一种超文本标记语言，作为一种网页编 辑语言，易学易懂。
h
21
➢认识网页
31.12.2020
h
Flash动画 导航栏 GIF动画 文字 表单 图片 超级链接
22
❖ 网页中的元素
1.文字
2.图像
3.表单
4.Flash动画
5. 表格
6. 超级链接
7. 视频、音频
8. POP窗口
31.12.2020
9.
标题栏和状态栏文字 h
23
1.2 网页制作的相关知识
31.12.2020
h
14
❖关闭自动完成功能
通过工具→Internet 选项，打开Internet 选项对话框，在“内 容”选项卡的“个人 信息”部分单击“自 动完成”按钮打开自 动完成设置对话框 。
31.12.2020
h
15
➢搜索引擎的使用
1、使用浏览器的“搜索”按钮 2、使用专门的搜索引擎
http://www.google.cn (Google) http://www.baidu.com (摆渡) http://www.yahoo.com (雅虎) http://www.sohu.com (搜狐)
31.12.2020
h
20
4.职能网站
❖ 职能网站具有专门的功能，如政府职能 网站等。目前逐渐兴起的电子商务网站 也属于这类网站，较有名的电子商务网 站有阿里巴巴（china.alibaba.com）、 卓越网（www.joyo.com）和当当网上书 店（www.dangdang.com）等。
31.12.2020
31.12.2020
h
18
2.个人网站
❖ 个人网站具有较强个性化，是以个人名 义开发创建的网站，其内容、样式、风 格等都是非常有个性的。
31.12.2020
h
19
3.专业网站
❖ 这类网站具有很强的专业性，通常只涉 及某一个领域，内容专业。如榕树下网 站（www.rongshuxia.com）即是一个专 业文学网站。
（2）ftp://ftp.pku.edu.cn/pub/mswindows/winvn926.zip，用FTP协议访问北京 大学FTP服务器上路径名为pub/ms-windows、 文件名为winvn926.zip的文件。
31.12.2020
h
5
（3）http://gnacademy.org: 8001///uugna/index.html，从运行在端口号8001的 gnacademy.org服务器上访问index.html主页。
网页设计与制作
主要内容：
第1章：网页制作基础
第2章：Dreamweaver MX 2004
第3章：插入网页基本元素
第4章：页面设计
第5章：高级网页制作
31.12.2020
h
2
第1章 网页制作基础
➢ Web和浏览器
➢ Web
❖ Web的特点和结构
▪ Web 最 大 的 特 点 是 使 用 了 超 文 本 （Hypertext）
其中使用最广泛的是Microsoft出品的 Internet Explorer 6.0（简称IE6）。
31.12.2020
h
7
➢IE6的界面
菜单栏 地址栏
状态栏
31.12.2020
h
标题栏 工具栏
浏览窗口
8
➢ IE6.0的使用
❖浏览网页
▪“停止”按钮 ▪前进和后退 ▪刷新页面 ▪改变文字大小 ▪选择编码 ▪全屏幕显示 ▪查看源文件
31.12.2020
h
16
➢认识网站
❖ 1.门户网站 ❖ 2.个人网站 ❖ 3.专业网站 ❖ 4.职能网站
31.12.2020
h
17
1.门户网站
这类网站是一种综合性网站，涉及领域 非常广泛，包含文学、音乐、影视、体 育、新闻和娱乐等方方面面的内容，具 有论坛、搜索和短信等功能。现在国内 较著名的门户网站有搜狐 （www.sohu.com）、网易 （www.163.com）等。