项目一个人网页的简单美化——网站制作基础知识（课件）-高二《Dreamweaver+网页设计与制作（第二版）》同步教学（劳动版）

任务 1 认识网站与网页 任务 2　 使用 HTML 语言修改简单网页 项目一 个人网页的简单美化——网站制作基础知识 LOGO 任务 1 认识网站与网页 LOGO ◆认识网页的本质和网页中的常见元素 ◆掌握 IP 地址、域名、网址等基本概念 ◆理解静态网页与动态网页的区别 任务 1 认识网站与网页 LOGO 一、网页的本质 如图所示是新浪网的主页及其组成文件，由该图可以看出，网页主要由文字、图像和动画等元素组成。网页包括一组文件，它们分别是网页文件（扩展名为 htm、asp等）、图像文件（扩展名为 jpg、gif 等）和 Flash 动画文件（扩展名为 swf）等。 任务 1 认识网站与网页 LOGO 新浪网主页及其组成文件 任务 1 认识网站与网页 LOGO 二、网页中的常见元素 1. 文本 文本一直是最重要的信息载体与交流工具，网页中的信息一般以文本为主。在网页中可以通过字体、大小、颜色、底纹、边框等设置文本的属性。 构成网页的常用元素 任务 1 认识网站与网页 LOGO 2. 图像 在网页中图像既可以表达主题，也可以对网页起装饰作用。网页中的图片一般为JPG、PNG 和 GIF 格式，即以 .jpg（或 .jpeg）、.png 和 .gif 为后缀的文件。 3. 超链接 超链接是网站的灵魂，是从一个网页指向另一个目的端的链接。 4. 表单 表单是用来收集站点访问者信息的域集。站点访问者填写表单的方式是输入文本、单击单选框与复选框，以及从下拉菜单中选择选项。 任务 1 认识网站与网页 LOGO 5. 表格 表格是网页排版的灵魂。使用表格排版是现在网页的主要制作形式。通过在表格中放置相应的图片或其他内容，网页中的元素得以方便地固定在设计的位置上，即可有效地组合成符合设计效果的页面。一般表格边线不在网页中显示。 6. 动画 动画是网页上最活跃的元素，通常制作优秀、创意出众的动画是吸引浏览者的最有效的方法。 任务 1 认识网站与网页 LOGO 三、IP 地址、域名和网址 1.IP 地址 每一个主机在互联网上都有唯一的地址，这个地址称为 IP 地址（Internet Protocol Address）。IP地址由 4 组 0～255 之间的整数（可取0及255） 组成， 数字之间用点间隔。 2. 域名 由于 IP 地址在使用过程中难于记忆和书写，人们又用一种与 IP 地址对应的字符来表示地址，这就是域名。每一个网站都有自己的域名，并且域名是独一无二的。 任务 1 认识网站与网页 LOGO 3. 网址 网址又称为 URL，英文全称是“Uniform Resource Locator”，即统一资源定位符。一个完整的网址由通信协议名称、域名或 IP 地址、网页在服务器中的路径和文件名 4 部分组成。 网址示例 任务 1 认识网站与网页 LOGO 四、动态网页与静态网页 网页可分为动态网页（DHTML）和静态网页（HTML）两大类。 从表现形式上来看，动态网页与静态网页 URL 的后缀不同，静态网页的后缀可以是 .htm、.html、.xml、.shtml，而动态网页则是以 .asp、.jsp、.php、.cgi、.perl 为后缀，并且在动态网页网址中通常有一个标志性符号“？”。 任务 1 认识网站与网页 LOGO 任务 2 使用 HTML 语言 修改简单网页 LOGO ◆掌握创建 HTML 文件的方法 ◆理解 HTML 文件结构 ◆掌握简单 HTML 文件的编写方法 任务 2 使用 HTML 语言修改简单网页 LOGO HTML（Hypertext Markup Language，超文本标记语言）不是一种编程语言，而是一种描述性的标记语言，用于描述超文本中内容的显示方式。其最基本的语法是：< 标记 > 内容 </ 标记 >。标记通常都是成对使用的，一个开头标记就对应有一个结束标记。结束标记只是在开头标记的前面加一个斜杠“/”。 任务 2 使用 HTML 语言修改简单网页 LOGO 一、HTML 文件的创建 人们经常使用网页这个概念，实际上，网页就是一个文件，这个文件是利用 HTML写成的，所以又被称为 HTML 文件。HTML 文件的本质就是一个文本文件，只是扩展名为“.htm”或“.html”。在Windows 操作系统中，最简单的文本编辑软件就是 Notepad（记事本）。 HTML 文件的创建方法非常简单，具体的操作步骤如下。 任务 2 使用 HTML 语言修改简单网页 LOGO 在记事本中输入 HTML 文件 修改后缀名 任务 2 使用 HTML 语言修改简单网页 LOGO 保存后的 HTML 文件  在浏览器中的显示效果 任务 2 使用 HTML