29-网页制作教程.pptVIP

网页制作教程 第1章 HTML基础 思考以下几个问题？ 冯·罗依曼提出的计算机的五大部件是什么？ 计算机是如何工作的？（工作的原理是什么？） 硬件和软件的关系是什么？ Internet=互联网？ 计算机网络的概念是什么？ HTTP、WWW、DNS、IP的概念是什么？ 计算机病毒是什么？黑客是什么？杀毒软件和防火墙是一回事吗？ 一 冯·罗依曼计算机基本结构 二 计算机的工作原理 计算机是如何工作的？ 计算机如何工作？ 按照“程序存储，程序控制”的方式工作。 具体为将程序和数据存放在存储器中；计算机的控制器按照程序中指令序列，从存储器中取出指令，并分析指令的功能，进而发出各种控制信号，指挥计算机中的各类部件来执行该指令。这种通过取指令、分析指令、执行指令的操作重复执行，直到完成程序中的全部指令操作为止。 三 硬件和软件的关系 四 Internet=互联网？ Internet——因特网 internet——互联网 五 计算机网络的概念是什么？ 定义：两台及两台以上的计算机通过通信介质相互连接可以实现资源共享的集合体。 因特网(Internet)是“网络的网络”。 六 一些基本概念 HTTP WWW Domain Name（域名） DNS IP 七 计算机病毒、黑客、杀毒、防火墙 计算机病毒 黑客 杀毒软件 防火墙 学习使用工具 1.Dreamweaver 8.0 2.EditPlus 3.Frontpage 第1章 HTML基础 1.1　什么是HTML 1.2 创建 Web 页 1.3 发布 Web 页 1.1 什么是HTML 1.1.1　Web 页的基本概念 Internet与WWW 计算机网络 Internet WWW HTTP WWW示意图 WWW 与浏览器 网站与主页 网站 通常我们把一系列逻辑上可以视为一个整体的页面叫做网站，或者说，网站就是一个有共同主题的页面的集合。 主页 主页是网站中一个特殊页面，它是网站的入口页面，其中包含指向其他页面的超链接。通常主页的名称是固定的，例如：index.html。 1.1.2 HTML的工作原理 HTML（HyperText Markup Language，超文本标记语言）是表示网页的一种规范（或者说是一种标准），它通过标记符定义了网页内容如何显示。 超链接 超文本 超媒体 如果在浏览器中任意打开一个网页，然后在窗口中空白位置单击鼠标右键，选择“查看源文件”命令（或者选择“查看”菜单中的“源文件”命令），则系统会启动“记事本”，其中包含一些文本信息，如图 1-2 所示。 图1-2 网页的源文件 网页的本质—HTML源代码 这些文本其实就是网页的本质——HTML源代码。HTML是表示网页的一种规范（或者说是一种标准），它通过标记符定义了网页内容的显示。例如，用 table 标记符可以在网页上定义一个表格。 说明：超文本是相对普通文本而言的，与普通文本按顺序定位不同，超文本最典型的特点就是文本中包含指向其他位置的链接，通过这些链接使文档组织成了网状结构，如图 1-3 所示. 图1-3 超文本示意图 浏览器如何显示网页 在 HTML 文档中，通过使用标记符可以告诉浏览器如何显示网页，即确定内容的显示格式。浏览器按顺序读取 HTML 文件，然后根据内容周围的 HTML 标记符解释和显示各种内容。例如，如果为某段内容添加 H1/H1 标记符，则浏览器会以比一般文字大的粗体字显示该段内容，如图 1-4所示。 图1-4 浏览器解释HTML标记示意 超文本功能 HTML 中的超文本功能，也就是超链接功能，使网页之间可以链接起来。网页与网页的链接构成了网站，而网站与网站的链接就构成了多姿多彩的 WWW。 HTML由国际组织W3C（万维网联盟）制定和维护，本书中的主要内容是以 HTTP4.0 为基础的。 W3C网站： 1.1.3 创建和测试Web页 （使用记事本作演示） 1.1.4 网页编辑工具 第一类：HTML编辑器 EditPlus、HomeSite、BBedit 第二类：所见即所得编辑器 Dreamweaver、FrontPage 1.2 创建Web页 1.2.1 标记符基础 基本的 HTML 语法 标记符的属性 1.2.2 Web 页的基本结构 HTML标记 首部标记 基本的HTML语法 HTML是一种脚本语言，使用标记符，语法简单。 标记符都用 括起来，一般成对出现，分别称作开始标记符和结束标记符。例：HTML /HTML HEAD /HEAD 但有些标记符只要求单一标记号。例：换行标记符 BR HTML标记符不区分大小写，但约定使用大写。 标记符的属性 属性是用来描述对象特征的特性。许多标记符还包含一些属性，以