1 Dreamweaver cs3实例教程

来源：网络收集时间：2026-05-15

导读： 00 第1章网页制作基础知识认识网站与网页网页制作软件和制作技术网站建设流程网页设计的基本原则 00 1.1 认识网站与网页网页就是我们上网时在浏览器中看到的一个个画面，网站则是一组相关网页的集合。一个小型网站可能只包含几个网页，而一个大型网站

第1章网页制作基础知识认识网站与网页网页制作软件和制作技术网站建设流程网页设计的基本原则

1.1 认识网站与网页网页就是我们上网时在浏览器中看到的一个个画面，网站则是一组相关网页的集合。一个小型网站可能只包含几个网页，而一个大型网站则可能包含成千上万个网页。另外，打开某个网站时显示的第一个网页被称为网站的主页(或首页),它可以说是网站的门户，通过它不仅可以了解网站的性质和内容，还可以访问网站中的其他页面。

1.1.1 网页的本质我们看到的网页包含了一组文件，它们分别是网页文件(扩展名为.html、.asp等)、图像文件 (扩展名为.jpg、.gif等)和Flash动画文件(扩展名为.swf)等。

1.1.2 网页的功能组成从浏览者的角度看，网页中无非就是一些文字、图像和动画等。但从专业的角度来讲，网页中的元素各有其不同的作用，可以将他们分为站标、导航导航条、广告条、标题栏和按钮等，如下图所示。站标广告条按钮标题栏条

1.站标站标也叫Logo,是网站的标志，其作用是使人看见它就能够联想到企业。因此，网站Logo通常采用企业的Logo。 Logo一般采用蕴含企业文化和特色的图案，或是与企业名称相关的字符或符号及其变形，当然也有很多是图文组合。

2.导航条导航条是链接到网站内主要页面的超链接组合，它可以引导浏览者轻松找到网站中的各个页面，导航条也因此而得名。设计导航条时，应注意以下几点。如果网站内容不多，可根据网站风格尝试灵活摆放导航条，也可以使用图片或Flash动画等制作导航条。如果网站栏目很多，可以将导航条分为多排放置在Logo的下方或右侧。为便于查看，可为各排设置不同的底色。

3.广告条广告条又称Banner,其功能是宣传网站或替其他企业做广告。Banner的尺寸可以根据版面需要来安排。

4.标题栏此处的标题栏不是指整个网页的标题栏，而是网页内部各版块的标题栏，是各版块内容的概括。它使得网页内容的分类更清晰、明了，大大地方便了浏览者。标题栏可以是文字加不同颜色的背景，也可以是图片，这要根据网站的内容和规模来决定。

5.按钮在现实生活中，按钮通常是启动某些装置或机关的开关。网页中的按钮也沿用了这个概念。网页中的按钮被点击之后，网页会实现相应的操作，比如页面跳转，或数据的传输等。

1.1.3 IP地址、域名与网址 IP地址、域名与网址1.IP地址 IP地址虽然互联网上连接了不计其数的服务器与客户机，但它们并不是杂乱无章的。每一个主机在互联网上都有唯一的地址，我们称这

个地址为IP地址 (Internet Protocol Address)。IP地址由4个小于256的数字组成，数字之间用点间隔。例如， “61.135.150.126”就是一个IP地址。

2.域名由于IP地址在使用过程中难于记忆和书写，人们又发现了一种与IP地址对应的字符来表示地址，这就是域名。每一个网站都有自己的域名，并且域名是独一无二的。例如，我们只需要在浏览器地址栏中输入搜狐网站的域名“”,然后按回车键就可以访问搜狐网站了。

3.网址网址又叫URL,英文全称是“Uniform Resource Locator”,即统一资源定位符。它是网络上通用的一种地址格式，用于标识网页文件在网络中的位置。一个完整的网址由通信协议名称、域名或IP地址、网页在服务器中的路径和文件名4部分组成。

1.1.4 静态网页与动态网页从大的方面讲，网页可分为静态网页和动态网页。通常是从制作技术的角度来区分静态网页和动态网页的，完全采用HTML技术制作的网页称为静态网页；使用HTML、编程语言和数据库共同完成，需要与服务器实时交互的网页称为动态网页。

1.2 网页制作软件和制作技术1.2.1 网站管理与网页制作软件目前用于网站管理和网页制作的软件主要是 Dreamweaver,其功能全面、操作灵活、专业 Dreamweaver 性强。另外，它还可以作为动态网站的开发环境。在制作网页时，除Dreamweaver外还需要用到 Fireworks、Flash、Photoshop等辅助软件。

1.2.2 HTML语言简介 HTML语言简介HTML语言是网页制作的基础，本节我们便来认识一下该语言，了解一下HTML文档的基本结构，以及HTML标签的类型与特点。

1.认识HTML .认识HTMLHTML是Hypertext Markup Language的首字母缩写，中文称作“超文本标记语言”。目前 Internet上的绝大多数网页都遵循HTML语言规范，或是由HTML语言发展而来。

2.HTML文档的基本结构 HTML文档的基本结构HTML语言的核心是标签(或者称为标记)。也就是说，我们在浏览网页时看到的文字、图像、动画等在HTML文档中都是用标签来描述的。一个完整的HTML文档由<html>标签开始并由</html>标签结束，所有的HTML代码都应写在<html>标签与 </html>标签之间。

3.HTML标签的类型与特点 HTML标签的类型与特点实际上，学习HTML语言的过程也就是学习各种标签格式的过程。 (1)单标签语法是：<标签名称> (2)双标签 “双标签”由“始标签”和“尾标签”两部分构成，必须成对使用。语法是：<标签> 内容 </ 标签> (3)标签属性许多单标签和双标签的始标签内可以包含一些属性。语法是：<标签名字属性1 属性2 属性3…>

1.2.3 脚本语言简介脚本语言是基于对象的编程语言，网页中常用的

有VBScript、JScript和JavaScript,主要用来制作一些特殊效果，以弥补HTML的不足。现在有很多网站都提供网页特效的下载，这些网页特效便是用脚本语言实现的。

1.2.4 数据库简介数据库(DataBase)是以一定的组织形式存放在计算机存储介质上的相互关联的数据集合。数据库是以表格的形式，按照行和列来表示信息。一般来说，表的每一行称为一个“记录”,每一列称为一个“字段”,字段和记录是数据库中最基本的术语。例如，一个记录某公司员工信息的数据库，通常包括姓名、年龄、学历等字段，而针对每个员工的具体数据就是一个记录。

…… 此处隐藏：1121字，全部文档内容请下载后查看。喜欢就下载吧 ……

1 Dreamweaver cs3实例教程.doc 将本文的Word文档下载到电脑，方便复制、编辑、收藏和打印

下载这篇word文档

本文链接：https://www.jiaowen.net/wenku/107860.html（转载请注明文章来源）

上一篇：7招提升客户满意度
下一篇：航天器结构与机构题库及答案