全套课件 《网页制作技术教程》-贺军
- 格式：ppt
- 大小：8.11 MB
- 文档页数：400
下载文档原格式
合集下载
《网页设计与制作》网页制作基础免费学技术改变生活39页PPT
谢谢
11、越是没有本领的就越加自命不凡。——邓拓 12、越是无能的人，越喜欢挑剔别人的错儿。——爱尔兰 13、知人者智，自知者明。胜人者有力，自胜者强。——老子 14、意志坚强的人能把世界放在手中像泥块一样任意揉捏。——歌德 15、最具挑战性的挑战莫过于提升自我。——迈克尔·F·斯特利
《网页设计与制作》网页制作基础免 费学技术改变生活
16、人民应该为法律而战斗，就像为 了城墙 而战斗 一样。 ——赫 拉克利 特 17、人类对于不公正的行为加以指责 ，并非 因为他 们愿意 做出这 种行为 ，而是 惟恐自 己会成 为这种 行为的 牺牲者 。—— 柏拉图 18、制定法律法令，就是为了不让强 者做什 么事都 横行霸 道。— —奥维 德 19、法律是社会的习惯和思想的结晶 。—— 托·伍·威尔逊 20、人们嘴上挂着的法律，其真实含 义是财 富。— —爱献 生
网页设计与制作教程PPT课件
案例二：企业官网制作
总结词
专业形象塑造
详细描述
企业官网是企业形象的重要组成部分，设计时需注重专业 形象的塑造。采用符合企业品牌形象的颜色、字体和布局 ，以及专业的图片和内容，提升企业形象和可信度。
总结词
用户体验优化
详细描述
企业官网的用户体验至关重要，设计时应注重用户需求和 习惯。提供清晰的信息架构、便捷的导航和搜索功能，以 及响应式设计，确保用户在不同设备和浏览器上都能获得 良好的访问体验。
使用CSS和JavaScript创建一个模 态对话框，当用户与页面交互时弹 出，并覆盖背景内容。
表单验证
使用JavaScript对表单输入进行验 证，确保用户输入的数据符合要求， 提高数据质量。
特效制作
淡入淡出效果
使用CSS动画实现元素从透明到不透明或从一种颜 色渐变到另一种颜色的效果。
滑动效果
使用CSS或JavaScript实现元素在页面上的滑动效 果，如左右滑动、上下滑动等。
本课程将涵盖网页设计理念、HTML、CSS、JavaScript等前端技术，以及响应 式设计、网页性能优化等方面的知识，使学员能够独立完成一个精美、高效的网 页作品。
学习目标
01
掌握网页设计的基本理 念和原则，能够独立设 计出符合用户需求的网 页。
02
熟悉HTML、CSS、 JavaScript等前端技术， 能够熟练地编写网页代 码。
外部样式表
通过外部CSS文件引入样式，并 在HTML文档中使用`<link>`标
签引入该文件，如`<link rel="stylesheet" type="text/css"
href="styles.css">`
【完整版】网页设计与制作课程课件
探索响应式网页设计的原理和技巧，学习如何创建适应不同屏幕和设备的网 页。
网页排版和布局
深入研究网页排版和布局的原则，包括网格系统、流式布局和固定布局等技术。
图像、音频和视频在网页中的应用
学习如何在网页中嵌入各种媒体文件，创建富媒体的用户体验，提升网页的吸引力。
动态交互效果设计实战
通过实际案例和项目，学习如何使用JavaScript和CSS创建各种动态交互效果。
PHP语言基础
介绍PHP的基本语法、函数和流程控制，学习如何使用PHP开发动态网页。
MVC模式与Web应用程序框架
深入研究MVC模式的原理和应用，介绍常用的Web应用程序框架。
网站发布与维护
了解网站发布的流程和方法，学习如何进行网站的维护和更新。
网站安全和防范策略
探索网站安全的重要性和挑战，学习如何应对常见的安全威胁和攻击。
【完整版】网页设计与制 作课程课件
探索网页设计与制作的全过程，从前端开发基础到后端开发基础，通过丰富 的案例和实战项目，提升您的技能与知识。
网页设历程以及课程的主要内容和学习目标。
前端开发基础
介绍前端开发的基本概念、技术工具和流程，包括HTML、CSS和JavaScript。
网页性能和优化
深入了解网页性能优化的技术和策略，提高网页的加载速度和用户体验。
前端框架的使用
介绍常见的前端框架，如Bootstrap和Vue.js，学习如何使用框架开发快速高效的网页。
后端开发基础
探索后端开发的基本概念和技术，包括服务器端语言和数据库。
数据库设计和应用
学习数据库的基本原理和设计方法，以及如何使用SQL语言进行数据查询和操 作。
HTML语言基础
学习HTML的基本语法和标签，掌握常用标签的用法以及语义化网页的重要性。
网页排版和布局
深入研究网页排版和布局的原则，包括网格系统、流式布局和固定布局等技术。
图像、音频和视频在网页中的应用
学习如何在网页中嵌入各种媒体文件，创建富媒体的用户体验，提升网页的吸引力。
动态交互效果设计实战
通过实际案例和项目，学习如何使用JavaScript和CSS创建各种动态交互效果。
PHP语言基础
介绍PHP的基本语法、函数和流程控制，学习如何使用PHP开发动态网页。
MVC模式与Web应用程序框架
深入研究MVC模式的原理和应用，介绍常用的Web应用程序框架。
网站发布与维护
了解网站发布的流程和方法，学习如何进行网站的维护和更新。
网站安全和防范策略
探索网站安全的重要性和挑战，学习如何应对常见的安全威胁和攻击。
【完整版】网页设计与制 作课程课件
探索网页设计与制作的全过程，从前端开发基础到后端开发基础，通过丰富 的案例和实战项目，提升您的技能与知识。
网页设历程以及课程的主要内容和学习目标。
前端开发基础
介绍前端开发的基本概念、技术工具和流程，包括HTML、CSS和JavaScript。
网页性能和优化
深入了解网页性能优化的技术和策略，提高网页的加载速度和用户体验。
前端框架的使用
介绍常见的前端框架，如Bootstrap和Vue.js，学习如何使用框架开发快速高效的网页。
后端开发基础
探索后端开发的基本概念和技术，包括服务器端语言和数据库。
数据库设计和应用
学习数据库的基本原理和设计方法，以及如何使用SQL语言进行数据查询和操 作。
HTML语言基础
学习HTML的基本语法和标签，掌握常用标签的用法以及语义化网页的重要性。
《网页设计与制作教程与实训》全套PPT电子课件教案-第七章 模板和库
新建好以后，我们就可以打开文档，对它的可编辑区进行编辑了。 如图18所示：
2）使用新网页后再应用模板 选择“文件”新建一个网页文档，然后在“资源”面板的模板中选 定将要使用的模板，点击“应用”，就可以把此模板应用到新建 的文档中去。 当然，我们也可以对已经存在的网页使用模板，具体操作如下： （1 1） 打开要应用模板的网页 （2 2） 选择【修改】|【模板】|【应用到模板】在弹出的模板中 选择一个模板到网页里面。于是我们就可以在网页里对其进行编 辑了。当然了，我们只能对其的可编辑区域进行操作。 我们在应用模板时，为了满足网页需要，可以对模板的页面属性作 设定。但是不能对文档的页面属性作修改。操作如下： 1)选择【修改】|【页面属性】，打开“页面属性”对话框以后，就 可以对其作设定了。如图19所示
此外，对一个已经创建好的模板，我们可以在文档窗口的下拉菜单 中选择【窗口】|【资源】命令，打开“资源”面板，从中选择创 建好了的模板，单击底部的 按钮，即可打开 它对它进行编辑。 或者我们直接在“资源”面板里双击需要编辑的模板，也可对它 进行修改。
7.3 应用模板
有了模板，我们就可以高效，快速的设计出风格一致的网页。在需 要的时候，也可以通过修改模板来自动更新使用模板创建的网页， 使网页的维护变得非常轻松。 下面我们再来学习一下如何用模板来创建新的网页和应用模板于已 存在的网页里。 应用模板创建新的网页有两种操作方法： 1）1） 直接从模板中创建网页 选择【文件】|【从模板新建】，在弹出的对话框中选择一个模板就 可以了。 如图17所示：
3)设定好以后，按“确定”按钮就可以把其运用于模板里了。 除此之外，我们还可以定义模板的可编辑区和锁定区的高亮显示。 操作如下： 1)选择【编辑】|【首选参数】，然后在弹出的对话框中选择“标记 色彩”如图20所示：
全套课件 《动态网页设计与制作实用教程(第二版)》-程伟渊
束，是网页中最外层的标记。由<HTML>和</HTML>标记对标出。HTML元素只 有HTML一个标记。
2．HEAD元素 （1）HEAD标记。该标记用来表示HEAD元素的开始和结束，其格式为： <HEAD> </HEAD>。 （2）BASE标记（不成对标记）。BASE标记用来确定当前初始的URL，当
1.4 HTML基础知识 1.4.1 HTML基本概念 1．HTML概念
HTML是一种描述语言，对Web页面中显示内容的属性以标签的形 式进行描述。客户机上的浏览器（Browser）对这些描述进行解释将相 应页面内容正确显示在显示器上。一个Web页面就是一个HTML文档。
2．HTML文档的构成 HTML文档由三大元素构成：HTML元素、HEAD元素和BODY元素。
前文件中的链接都以所定义的初始地址为基础。它有一个HREF属性，其值为所 定义的基准URL地址，格式为：
<BASE HREF=/>
第1章 网页设计概述
3．BODY元素（可见对象的描述）
（1）BODY标记。该标记是BODY元素开始和结束的标志，格式为：
<body>
<FONT color=?> </FONT> // 定义文本的颜色，?= "#ffcc00"等十六进制值
<b> </b>
// 粗体显示
<I> </I>
// 斜体显示
<u>
// 下划线显示
<sub>
// 下标显示
<sup>
// 上标显示
第1章 网页设计概述
（4）段落标记。该标记用来标识段落和列表。
2．HEAD元素 （1）HEAD标记。该标记用来表示HEAD元素的开始和结束，其格式为： <HEAD> </HEAD>。 （2）BASE标记（不成对标记）。BASE标记用来确定当前初始的URL，当
1.4 HTML基础知识 1.4.1 HTML基本概念 1．HTML概念
HTML是一种描述语言，对Web页面中显示内容的属性以标签的形 式进行描述。客户机上的浏览器（Browser）对这些描述进行解释将相 应页面内容正确显示在显示器上。一个Web页面就是一个HTML文档。
2．HTML文档的构成 HTML文档由三大元素构成：HTML元素、HEAD元素和BODY元素。
前文件中的链接都以所定义的初始地址为基础。它有一个HREF属性，其值为所 定义的基准URL地址，格式为：
<BASE HREF=/>
第1章 网页设计概述
3．BODY元素（可见对象的描述）
（1）BODY标记。该标记是BODY元素开始和结束的标志，格式为：
<body>
<FONT color=?> </FONT> // 定义文本的颜色，?= "#ffcc00"等十六进制值
<b> </b>
// 粗体显示
<I> </I>
// 斜体显示
<u>
// 下划线显示
<sub>
// 下标显示
<sup>
// 上标显示
第1章 网页设计概述
（4）段落标记。该标记用来标识段落和列表。
2019-2020年人教统编《中文版网页制作实用教程》课件第11章幻灯片
4.4 编辑图像
在网页中插入图像后，需要设置图像属性和排列图像与文本之间的位置，这 将直接影响网页的整体效果。
设置图像属性 使用图ቤተ መጻሕፍቲ ባይዱ编辑器
4.4.1 设置图像属性
设置图片属性，主要包括设置图片的大小、对齐方式、边距等。
4.4.2 使用图像编辑器
图像编辑器，主要分为内部图像编辑器和外部图像编辑器。
4.1.2 插入文本
在Dreamweaver CS3中输入文本是非常简单的，其输入方式与其他文本处理 软件中的文本输入方式十分类似。
4.1.3 插入水平线和日期
水平线对于信息的组织很有用，在页面中，可以使用一条或多条水平线来可 视化分隔文本和对象，使用段落更加分明和更具层次感。在Dreamweaver CS3中，还可以插入日期对象，可以以任何格式插入当前的日期(可以包括时 间)，并且在每次保存文件时都会自动更新该日期。
认识“文本”插入栏 插入文本 插入水平线和日期
4.1.1 认识“文本”插入栏
使用“文本”工具栏，可以快速第插入各种类型的文本。单击插入栏上的 “文本”选项卡，打开“文本”插入栏，如图所示。
斜体 强调 块引用
标题
编号列表定义列表 定义说明 首字母缩写词
粗体 加强
段落 已编排格式
项目列表 列表项 定义术语 缩写 字符
4.3.1 网页中常见的图像格式
图像是网页中非常重要的内容。在Dreamweaver CS3中，可以在页面中插 入图像，并利用软件自带的功能设置各种图像效果，例如导航栏、链接和鼠标 经过效果等。
网页中常用的图像文件格式有JPEG(JPG)、GIF和PNG这3种。
4.3.2 在网页中插入图像
如果网页中的内容全是密密麻麻的文字，无论有多精彩的内容，都容易产 生厌烦感。所以任何精美的网页中可能没有文本，但不可能没有图像等多媒体 元素，这足见图像在网页中的作用。在网页中适当地插入图像可以使网页增色 不少，更重要是可以借此直观地向浏览者表达信息。
网页设计与制作整套课件完整版电子教案最全ppt整本书课件全套教学教程
目的是为了提供给用户一个友好、易 于使用的网络环境，同时提高网站的 知名度和访问量。
03
网页制作的基本流程
通常包括规划、设计、开发、测试和 发布等阶段。
网页制作技术和工具
网页制作技术
包括HTML、CSS、JavaScript、PHP、等，用于构建和开发网站。
网页制作工具
常见的工具有Adobe Dreamweaver、Microsoft Visual Studio、Sublime Text等，用于提高开发效率。
通过学习，学生可以掌握网页的基本 架构、样式、交互等关键技术，能够 独立完成简单的网页设计和制作。
本课程还注重实践操作，通过大量的 案例和项目实战，培养学生的实际操 作能力和创新思维。
课程展望
随着互联网技术的不断发展，网 页设计与制作的技术也在不断更 新和升级。未来，网页设计师需 要不断学习和掌握新的技术和工 具，以适应行业的发展和变化。
熟悉并能够使用常用的网页设计工具； 提高学习者的综合素质和创新能力。
课程内容
第一章：网页设计与制作的基本概念 第三章：网页布局与色彩搭配 第五章：综合案例分析与实践操作
第二章：网页设计工具的使用
第四章：交互设计与响应式设计
每章都包含了大量的案例和实际操作，帮助学习者更好 地理解和掌握所学内容。同时，课程还提供了丰富的素 材和模板，方便学习者进行实践操作。
本课程在内容上不断更新和完善 ，将不断引入新的知识点和案例 ，以保持课程的新鲜感和实用性 。
学生可以通过进一步学习和实践 ，掌握更深入的网页设计和制作 技术，为未来的职业发展打下坚 实的基础。
THANK YOU.
元素选择器是最基本的选择器，它通过HTML元素的标签名来选择元素。例如，`p`选择器 会选择页面上的所有段落元素。
03
网页制作的基本流程
通常包括规划、设计、开发、测试和 发布等阶段。
网页制作技术和工具
网页制作技术
包括HTML、CSS、JavaScript、PHP、等，用于构建和开发网站。
网页制作工具
常见的工具有Adobe Dreamweaver、Microsoft Visual Studio、Sublime Text等，用于提高开发效率。
通过学习，学生可以掌握网页的基本 架构、样式、交互等关键技术，能够 独立完成简单的网页设计和制作。
本课程还注重实践操作，通过大量的 案例和项目实战，培养学生的实际操 作能力和创新思维。
课程展望
随着互联网技术的不断发展，网 页设计与制作的技术也在不断更 新和升级。未来，网页设计师需 要不断学习和掌握新的技术和工 具，以适应行业的发展和变化。
熟悉并能够使用常用的网页设计工具； 提高学习者的综合素质和创新能力。
课程内容
第一章：网页设计与制作的基本概念 第三章：网页布局与色彩搭配 第五章：综合案例分析与实践操作
第二章：网页设计工具的使用
第四章：交互设计与响应式设计
每章都包含了大量的案例和实际操作，帮助学习者更好 地理解和掌握所学内容。同时，课程还提供了丰富的素 材和模板，方便学习者进行实践操作。
本课程在内容上不断更新和完善 ，将不断引入新的知识点和案例 ，以保持课程的新鲜感和实用性 。
学生可以通过进一步学习和实践 ，掌握更深入的网页设计和制作 技术，为未来的职业发展打下坚 实的基础。
THANK YOU.
元素选择器是最基本的选择器，它通过HTML元素的标签名来选择元素。例如，`p`选择器 会选择页面上的所有段落元素。
第2章 网页设计与制作PPT课件
《网页设计与制作》 19
8．网站的宣传和推广 网站发布后，还要不断地进行宣传，这样 才能让更多的朋友认识它，提高网站的访问率 和知名度。网站宣传和推广的方法有很多，例 如到搜索引擎上注册，与别的网站交换链接， 运用网络广告等。
9．网站的更新和维护 网站是需要经常维护和更新内容的，必须 不断给它补充新的内容，才能够长期吸引住浏 览者。
《网页设计与制作》 5
2.1.2 网站建设的步骤 建设一个网站一般要经过以下步骤：网站目标和主题
的确定、网站的规划、网站素材的准备、网站制作工具的 选择和确定、网站的建立、注册域名和申请网页空间、网 站的测试和发布、网站的宣传和推广以及网站的更新和维 护。
1．网站目标和主题的确定 1）网站目标的确定 为什么要建立网站，是为了宣传产品，进行电子商务， 还是建立行业性网站？是企业的需要还是市场开拓的延伸？ 如果是个人网站，比如说是交朋友的、学习讨论的还是兴 趣爱好的？建立网站前目标要明确。另外还应该知道谁是 网站将来的访问者，例如，明确该网站是面向于消费者？ 雇员？学生？朋友还是家庭的？只有知己知彼，才能避免 在网站建设中出现很多问题，使网站建设能顺利进行。
《网页设计与制作》 14
这两种基本结构都只是理想方式，在实际 的网站设计中，总是将这两种结构混合起来使 用，希望浏览者既可以方便快速地到达自己需 要的页面，又可以清晰地知道自己的位置。所 以，最好的办法是：首页和一级页面之间用星 状链接结构，一级和二级页面之间用树状链接 结构。
《网页设计与制作》 15
《网页设计与制作》 11
2．网站的规划 网站的规划包括总体结构的设置、目录的设 置和链接结构的设置。 1）网站总体结构的确立 网站总体结构的确立至关重要，它是网站设 计能否成功的关键所在。规划一个网站结构，可 以用树状结构先把每个页面的内容大纲列出来， 尤其是要制作一个有很多页面的大网站时，特别 需要把这个架构规划好，同时要考虑到以后可能 的扩充性，免得做好以后又要一改再改整个网站 的架构，十分累人，也十分费时。
8．网站的宣传和推广 网站发布后，还要不断地进行宣传，这样 才能让更多的朋友认识它，提高网站的访问率 和知名度。网站宣传和推广的方法有很多，例 如到搜索引擎上注册，与别的网站交换链接， 运用网络广告等。
9．网站的更新和维护 网站是需要经常维护和更新内容的，必须 不断给它补充新的内容，才能够长期吸引住浏 览者。
《网页设计与制作》 5
2.1.2 网站建设的步骤 建设一个网站一般要经过以下步骤：网站目标和主题
的确定、网站的规划、网站素材的准备、网站制作工具的 选择和确定、网站的建立、注册域名和申请网页空间、网 站的测试和发布、网站的宣传和推广以及网站的更新和维 护。
1．网站目标和主题的确定 1）网站目标的确定 为什么要建立网站，是为了宣传产品，进行电子商务， 还是建立行业性网站？是企业的需要还是市场开拓的延伸？ 如果是个人网站，比如说是交朋友的、学习讨论的还是兴 趣爱好的？建立网站前目标要明确。另外还应该知道谁是 网站将来的访问者，例如，明确该网站是面向于消费者？ 雇员？学生？朋友还是家庭的？只有知己知彼，才能避免 在网站建设中出现很多问题，使网站建设能顺利进行。
《网页设计与制作》 14
这两种基本结构都只是理想方式，在实际 的网站设计中，总是将这两种结构混合起来使 用，希望浏览者既可以方便快速地到达自己需 要的页面，又可以清晰地知道自己的位置。所 以，最好的办法是：首页和一级页面之间用星 状链接结构，一级和二级页面之间用树状链接 结构。
《网页设计与制作》 15
《网页设计与制作》 11
2．网站的规划 网站的规划包括总体结构的设置、目录的设 置和链接结构的设置。 1）网站总体结构的确立 网站总体结构的确立至关重要，它是网站设 计能否成功的关键所在。规划一个网站结构，可 以用树状结构先把每个页面的内容大纲列出来， 尤其是要制作一个有很多页面的大网站时，特别 需要把这个架构规划好，同时要考虑到以后可能 的扩充性，免得做好以后又要一改再改整个网站 的架构，十分累人，也十分费时。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
1.1.1 网页制作的基本概念
WWW（World Wide Web）：万维网的英文缩写，它以“超文本”方式将 Internet上的数据连接在一起，使用户能以简单的方式交换世界各地的信 息。
WWW服务的出现，使得Internet风行全球，其主要原因是：即使不懂计 算机的人也能借助浏览器在网上获得信息;可以在家里上网购物、炒股、 聊天、办理银行转账、收发信件等，它的服务主要是通过网页来实现的。
文本框：用于设置网页标题。 按钮：对网页进行浏览器错误检查。 按钮：对网页中的标签进行验证。 按钮：对站点中的文件进行管理。 按钮：在浏览器中预览和调试网页。 按钮：刷新设计视图。 按钮：隐藏或显示文件中的内容、标尺、网格和辅助线等对象。 按钮：隐藏或显示层外框、表格宽度、表格边框和框架边框等可视化助理对象。 （3） 编辑区域：编辑网页和编写网页代码的区域，该区域有代码、拆分和设计3种视图 模式。 （4） 状态栏：位于编辑区域的下方，其中包括标签选择器、选取工具、手形工具、缩放 工具、设置缩放比率下拉列表框、窗口大小栏和文件大小栏等项目。
网站(Site)：就是一组相关网页的集合。设计者设计了几个网页，并且经 过组织规划，让网页彼此相连，以便让Internet上的人都能看到，这样的 完整结构称为网站，所以，当有人说要制作主页时，通常指的是要建立一 个网站，并非单指一个页面。
URL(Uniform Resource Locator)：统一资源定位符，简单地说，它就网络上一 个网站的完整地址。每个主页都对应一个唯一的URL，这样主页在网上才能被 访问到。URL是有统一规则的，它的语法格式如下。
1.2 Dreamweaver 8 的工作界面
1、菜单栏
Dreamweaver8的菜单栏里包括有文件、编辑、查看、插入、修改、文本、命令、站 点、窗口、帮助等10个菜单项。单击每个菜单项均会弹出一个下拉菜单，其中每个菜 单项又包括若干命令，单击该菜单命令即可。如图所示。
2、对象面板
网页的内容虽然多种多样，但它们都可以称为网页元各素。简单的网页元素如文字、 图像、表格等，复杂的如导航、程序等。“插入”工具栏的功能主要就是在网页中插 入各种类型的网页元素，如图所示。
协议名称：//服务器主机名称[：通信端口/文件目录/文件名称] 其中协议名称就是这个 URL所连接的网络服务器名称。例如，Http就是指WWW上的 存取方式。
HTML：是英文Hyper Text Markup Language的缩写，翻译成中文是“超文本标 识语言”,它通过各种各样的标识来编排超文本信息。HTML文件基本上就是一种文 本文件，可以用简单的文字编辑器(如记事本、写字板)来编写，文件的扩展名为 .html。有些网络中的服务器的操作系统只支持8.3的文本格式，既文件的扩展名只 能为三个字符，所以文件的扩展名也可以为.htm。
网页 (Web) ：在浏览器上看到的画面叫网页，进入网站后所看到的第一 个页面称为主页（Home page）。一般网上能识别的主页名称为 index.htm(index.html)或index.asp。网页是用HTML语言或其他语言编写的， 它的出色之处在于能够把超链接嵌入其中，使多个网页通过超链接方式关 联在一起。
2）文档工具栏：主要用于切换编辑区域视图模式、设置网页标题、进行标签验证及浏览 器中浏览网页等，如图所示，其中各选项的功能及含义如下。
按钮：显示代码视图，可在编辑窗口中直接输入HTML代码。 按钮：显示代码视图和设计视图，可在编辑窗口中同时进行代码 和页面设计。 按钮：显示设计视图，可在编辑窗口中进行页面设计。
3.编辑窗口 编辑窗口是编辑网页时的主要窗口，新建或打开一个网页后，即可显示（在图像文 件夹中）所示的窗口。它主要由项目选择标签、文档工具栏、编辑区域、状态栏、标 尺、垂直和水平扩展按钮等组成。 （1） 项目选择标签：当打开多个网页文件时，将为每个文件显示一个标签，单击其 中任意一个标签则可以在编辑区域 中显示该文件的内容，并进行编辑。而且选择标 签的右侧有3个按钮，可实现最小化、还原及关闭当前窗口。
最常见的网页编辑工具是Frontpage、Dreamweaver。另外一个工具就是代码编辑工具， 例如写字本、EditPlus等，这些工具主要编辑asp等动态网页。
此外还有一些网络编程工具，javascript、java编辑器等。
2. 素材处理工具 （1） Photoshop （2） Fireworks （3）Flash
超链接(Hyperlink)：是 WWW上的一种链接方式，通过单击某个图标或某段文字， 就可以自动连接相对应的其他文件，从一个网页跳转到另一个网页。
1.1.2 常见的网页制作软件
1. 所见即所得的网页编辑工具
网页制作编辑工具的作用就是用直观的方式制作网页。现在的网页编辑工具绝大 多数都是所见即得的，即我们实际操作的结果就是最终生成的网页（HTML文档）的效 果，也就是说，网页编辑工具将HTML代码的生成自动化了。
网页制作技术教程
第1章 网页制作基础
第四章 电子表格Excel
本章教学目的
(1) 熟悉网页的基本概念及网页的制作工 具
(2) 熟悉Dreamweaver 8 的工作界面 (3) 掌握HTML命令 (4) 掌握站点的创建和管理
目录
第一讲 网页制作的基本概念及窗口 第二讲 HTML命令及站点的创建
（5） 水平和垂直标尺：编辑网页时方便查看或定位网页中元素的坐标位置。 （6） 垂直和水平扩展按钮：分别位于编辑区域的或侧和下方，用于显示或隐藏编辑窗 口右侧的浮动面板 用于查看和更改当前选择对象的各种属性，根据选择对象的不同，“属性”面板中设置的项 目也不同，如图所示。
浏览器(Browser) ：是安装在计算机上的一种软件，通过它可以文便地看到Internet 上提供的各种信息和服务资源，常用的浏览器有两种Internet Explorer和Netscape Communicator,简称为IE和NC。
超文本（Hypertext）指具有超级链接功能的文件。它可以将文件中已经定义好的关 键字，通过鼠标的单击取得该关键字的相关解释。目前大多数的文件是以超文本的 方式提供给用户的。