网页制作与开发教程 教学课件 作者 张强 高建华 温谦 第1章 网页制作基础.ppt

《网页制作与开发教程 教学课件 作者 张强 高建华 温谦 第1章 网页制作基础.ppt》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、网页制作与开发教程第1章网页制作基础网页制作的基本步骤1.2Dreamweaver的操作环境1.4HTML入门1.3网页制作基础知识1.1建立本地站点1.5创建文档1.6实践与练习：创建新文档1.7小结本章首先对一些与网络相关的概念做了概要的阐述，介绍了网页制作的基本知识，使读者对Internet传递信息的基本原理有所了解。然后，介绍网页制作的基本步骤，对HTML（超文本标签语言）的基本知识进行入门性的阐述，对Dreamweaver的操作环境进行介绍，并将介绍如何使用Dreamweaver建一个最基本的网站和网页，从而为后续章节的学习打下基础。1.1网页制作基础知识当打开浏览器后，在地址栏中

2、输入一个网站的地址，然后单击地址栏后面的“转到”按钮，或直接按回车键，就会展示出相应的网页内容，如图1-1所示。图1-1网上冲浪网页中可以包含多种类型的内容，这些内容成为网页的“元素”。最基本的是文字，此外，还可以使用图片、动画，以及声音、视频等多媒体文件。制作网页的目的之一，就是要给访问者留下深刻的印象，展示有价值的信息。1.1.1网页的分类按网页在一个站点中所处的位置，可将网页划分为“主页”和“内页”。“主页”是指进入一个站点时看到的第一页，“内页”是指与主页相链接的页面。按网页的表现形式，可将网页划分为“静态网页”和“动态网页”。1.1.2网页制作中的基本概念1．服务器与浏览器图1-2

3、服务器与浏览器的关系示意图2．超链接超链接的本质是一种可以指向其他文件的文字或图片。3．URLURL为“UniformResourceLocator”的缩写，通常翻译为“统一资源定位器”，也就是人们通常说的“网址”。它用于指定Internet上的资源位置。图1-3超链接的作用图1-4输入URL4．HTML网页文件是用一种标签语言书写的，这种语言称为HTML（HyperTextMarkupLanguage，超文本标签语言）。有两种方式来产生HTML文件：一种是自己写HTML文件，事实上这并不非常困难，也不需要特别的技巧；另一种是使用HTML编辑器，它可以辅助使用者来做编写的工作。图1-5网页的

4、HTML源文件5．上传与下载如果条件许可，也可以把自己的计算机设置成服务器。大多数情况下，只需要花一点钱租用一个服务器，把制作好的网站传送到服务器上，这个过程就称为“上传”。而其他计算机通过浏览器访问网页的时候，所经历的过程就是“下载”的过程，这样计算机中才能看到它。6．域名“域名”是在网络上的重要标识，起着识别作用，域名可分为不同级别，包括顶级域名、二级域名等。顶级域名又分为两类。一是国家、地区顶级域名。二是国际顶级域名。7．网站“网站”就是在Internet上一块固定的面向全世界发布消息的地方。它由域名（也就是网站地址）和网站空间构成，网站空间里存放的就是各种网页。有时候，网站也被称做站

5、点。衡量一个网站的性能通常从网站空间大小、网站位置、网站连接速度、网站服务内容等几方面考虑。8．IP地址“IP”的全拼是“InternetProtocol”，也就是“Internet协议”，它是Internet能够运行的基础。在使用二进制表示的时候，IP地址的长度为32位，分为4段，每段8位。用十进制数字表示的时候，每段数字范围为1～255，段与段之间用英文句点隔开，如159.226.1.1。1.2网页制作的基本步骤1．收集和整理资料2．制作网页3．测试站点4．发布站点5．站点维护和更新1.3HTML入门我们常常讲起“网页”，事实上每一个网页都是一个文件，这个文件里面包含了HTML指令，所以

6、这些文件就被称为HTML文件。HTML是一种描述性的标签语言，这些标签符用来定义HTML文件中信息的格式和功能。当浏览器接收到HTML文件后，就解释HTML文件内的标签符，根据标签符去执行相应的显示功能或实现某些功能。注意这些标签符必须用小于号（“<”）和大于号（“>”）括起来。1.3.1HTML标签符的基本格式HTML标签符最基本的格式是“<标签符>内容”。标签符通常成对使用，前面的“<标签符>”表示某种格式的开始，后面的“”表示这种格式的结束。例如，HTML文件中的“”和“”标签符用来定义HTML文件中的文字为粗体字。就是说，在这一对标签中的内容都以

7、粗体的格式在浏览器中显示。例如在文件中有“Hello，World!”，那么在浏览器中将显示出粗体字“Hello，World!”。HTML的概念很简单，就是写入什么样的标签符，浏览器就会相应执行该标签符所能实现的功能。不过有一点要注意，我们最常用的Netscape和InternetExplorer浏览器并不完全兼容，即有的标签只能被其中一种浏览器识别。就目前的情形来看，InternetExplor