📄 text_m.htm
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>锚记</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<p align="justify"><font color="#FF0000" size="5">
锚记链接演示 </font><font size="3"><a href="../index.asp">返回主页</a></font></p>
<p align="center"><font color="#000000" size="4">第1章 概述 </font></p>
<p><font size="3"> 本章学习网站网页的基本概念、Macromedia Dreanweaver MX 6.0的<a href="#DMX">简单介绍</a>以及如何<a href="#dd">阅读本书</a>。<br>
<br>
1.1 网站的基本概念<br>
<br>
80年代以来，随着计算机技术的发展，全世界越来越多的计算机采用各种通信手段连接起来，组成一个超级网络，这就是Internet，译为“因特网”。Internet采用统一的TCP/IP通信协议进行各种数据交换。<br>
Internet网络有很多种信息交换形式，如电子邮件Email、远程登录Telnet、文件传输FTP、网络新闻News、WWW浏览、现场对话IRC、IP电话、BBS、电子商务等等。然而人们接触最多的还是<a href="#WWW">WWW</a>（World
Wide Web）浏览，它简直成了“上网”的代名词，这是因为WWW的强大功能并得到了广泛应用。<br>
将Internet的组网原理用于内部网络，可以组成企业内部网Intranet。<br>
在Internet和Intranet中，作为网络信息交换的站点就是网站，提供WWW浏览信息的网站称为Web网站或简称网站，其主要组成就是发布和收集信息的网页。<br>
用户要访问一个Web网站是通过浏览器来实现的，如IE、Navigator等。每个网站都有一个统一分配的名称，叫统一资源定位URL（Uniform
Resuorce Location）。它是一个IP地址（如211.100.1.2）或者是一个域名（如263.net），IP地址和域名是一一对应的。<br>
一个网站一般都要有大量的互相关联的网页，少则几十页，多则上千页。一个网站的好坏主要决定于网页设计、制作、维护和更新的水平。本书就是讲述如何使用Dreamweaver
MX更好地建立网站和制作网页。<br>
<br>
1.2 WWW的运行机制<a name="WWW" id="WWW"></a><br>
<br>
WWW的运行机制是使用客户机/服务器模式，客户机和服务器之间使用超文本传输协议HTTP。当用户查询信息时，便执行一个客户机程序，并输入一个统一资源定位地址URL，客户机程序也叫浏览器（Browser）。浏览器将用户的查询请求通过Internet网络发送到提供信息的远方Web服务器；服务器执行一个服务器程序，将查询结果通过Internet网络传送到客户机，显示客户所需的查询结果。一个Web服务器可以同时处理许多客户机的查询请求。<br>
在运行Web系统中，其组成主要是服务器和客户机，相应地要有Web服务器程序和浏览器程序，在一个复杂系统中还需要有Web应用服务器和数据库。<br>
Web中的内容是用网页的形式显示的。用浏览器从网络上看到的Web信息称为网页，从一个网站上看到的起始页叫做主页。<br>
网页是用一种叫做超文本标记语言HTML的程序编写的。对于复杂的网页，还要使用一些其它的语言程序，如脚本语言和数据库语言等。<br>
<br>
1.3 什么是 HTML？<a name="HTML"></a><br>
<br>
HTML 表示超文本标记语言（Hyper Text Markup Language）。它是使用内嵌代码或“标记”来说明应用于文本的格式的全球标准方式。<br>
例如，为使单词“ hello”像在此处显示的一样以粗体显示，浏览器读取的文本文件必须包括以下标记：<br>
<strong>hello</strong><br>
Web 页创作者可以创建纯文本文件，然后插入标记以创建不管浏览器运行何种操作系统都可以查看的网页。<br>
HTML 的缺点在于标记不能广泛使用，因此创作者通常无法预料最终网页在访问者浏览器中显示的外观。尽管所有的浏览器能够转换多数
HTML 标记，但是某些标记只有特定类型的浏览器才能处理。如果在你的站点上使用这些标记，访问者可能不能以你创建网页的方式查看该网页。将大量文档转换为 HTML
可能会很耗时且不方便，特别是如果定期以初始格式更新文档情况更是这样。为了轻松转换为 HTML，现在许多字处理程序提供自动转换为 HTML 的功能，但是结果却无法预料。正因为如此，在制作网页时必须考虑浏览器的兼容问题。<br>
<br>
1.4 初识静态网页与动态网页<br>
<br>
一个Web网站是由许许多多互相关联的网页所组成的，而网页又可以人为地分为静态网页和动态网页两种。可以说，网站是若干静态网页和动态网页的集合。<br>
所谓静态网页，是指网页上的内容是固定的，当浏览器访问某网页时，WWW服务器（或称Web服务器）只是根据浏览器的请求地址将所请求的网页内容发送给那个浏览器即可。例如文本、图像、文本框等。需要注意的是，这里说“静态”并不是完全“静止”的，具有活动图像、动画、Flash等的页面也是静态网页，而不属于动态网页，因为它们的动作是页面本身具有的，并不需要服务器来处理。<br>
所谓动态网页，是指在网页中有的元素不是固定的，Web服务器需要根据浏览器的请求运行一些程序来处理这些请求，从而送出符合要求的页面。动态网页表面看上去与静态网页没有多大区别，只是在动态网页中具有诸如脚本语言（如VBScript和JavaScript）写成的语句。<br>
例如，当一个用户要登录某个网站时，用户通过网页上的登录表单输入了用户名和密码，当用户按下“登录”按钮时，将向Web服务器发出登录请求，Web服务器将要通过相应的Web应用程序进行处理，看该用户名和密码是否是已经注册的合法用户。如果是合法用户，就发送“登录成功”页面；否则发送“登录失败”页面。所以，动态网页又称为浏览器与服务器之间的交互式网页。<br>
<br>
1.5 Macromedia系列网页制作工具及其它相关产品<br>
<br>
如前所述，网页是用<a href="#HTML">HTML语言</a>编写的，但是要用手工编写方法来设计和制作大量的、复杂的网页，不仅技术要求高，而且工作量大，需要训练有素的专业人员才能胜任。所以长期以来，在网站创建和网页制作方面需要投入很大的人力资源。<br>
为了降低制作网页的工作难度和工作量，也为了让一般的网络爱好者也能参与网页制作，一些公司已经开发出了各种各样的网页制作工具即网页编辑器，网页编辑器将原来的HTML行式操作界面改成可视化操作界面，而且功能强大。其中广泛流行的有Macromedia公司的网页开发系列工具和Microsoft公司的FrontPage。<br>
Macromedia公司一直在设计开发制作网页的工具软件，可视化的操作界面和强大的功能使制作网页的工作变得简单易学，并大大提高工作效率。Dreamweaver
MX就是其中的一款。下面简要介绍一下Macromedia公司开发的主要网页制作工具软件。<br>
l Dreamweaver 4.0：是一个专业级的HTML编辑器，可以对Web网站和网页进行可视化地设计和管理。开发人员可以在可视化环境中工作，也可以手编HTML。Dreamweaver提供了许多功能强大的工具来高效地制作网页。可以说，Dreamweaver
4.0能够完成静态网页制作的所有基本功能。<br>
<br>
2 Dreamweaver Ultra Dev 4.0：构建网站和Web应用程序。它是Dreamweaver 4.0的增强版。主要是增加了制作动态网页的功能，而且适应面广，可以用于ASP、JSP、ColdFusion等环境和多种脚本语言。<br>
<br>
3 Dreamweaver MX：是由Dreamweaver UD发展的最新版本，具有许多新的功能和适应更广，将在下面专门介绍。<br>
<br>
4 Fireworks：是专门为网页绘制图形和处理图像而开发的软件，并具有图像扫描功能。所以，它可以使网页变得丰富多采，大大提高网页质量和欣赏水平。<br>
<br>
5 l Flash：Flash是专门为网页提供各种动画的软件，它可以使静止的图像动起来，甚至做成Flash电影，使网页变得生动活泼。<br>
Dreamweaver、Fireworks和Flash构成所谓的“三剑客”。<br>
当然，还可以使用其它软件来使你的网页制作得更加满意，如Authorware、FreeHand、Photoshop、AutoCAD等都是很好的工具软件。<br>
<br>
1.6 DREAMWEAVER MX简介<a name="DMX" id="DMX"></a><br>
<br>
Dreamweaver MX是一款专业的HTML编辑器，用于对 Web 站点、Web 页和 Web 应用程序进行设计、编码和开发。无论是手工编写 HTML
代码还是在可视化编辑环境中工作，Dreamweaver MX都会为你提供有用的工具，使你拥有更加完美的 Web 创作体验。Dreamweaver MX
6.0是Dreamweaver系列的当前最新版本。<br>
利用Dreamweaver MX中的可视化编辑功能，可以快速地创建页面而无需编写任何代码。可以查看所有站点元素或资源并将它们从易于使用的面板直接拖到文档中。可以在
Macromedia Fireworks 中创建和编辑图像，然后将它们直接导入Dreamweaver ，或者直接在 Dreamweaver 中添加 Macromedia
Flash 对象，从而优化开发工作流程。 <br>
Dreamweaver 还包括多种与编码相关的工具和功能，其中包括代码视图中的代码编辑工具（如代码加色和标签完成），有关 HTML、CSS、JavaScript、CFML、ASP
和 JSP 的参考资料以及一个 JavaScript 调试器。Dreamweaver的可自由导入导出 HTML 技术可导入手工编码的 HTML 文档而不会重新设置代码的格式，可以随后设置样式来重新设置代码的格式。
<br>
Dreamweaver MX还包含并扩展了Dreamweaver UltraDev 中的所有功能，以便于使用 ASP、ASP.NET、ColdFusion
标记语言 (CFML)、JSP 和 PHP 等服务器语言来生成由动态数据库支持的 Web 应用程序。 <br>
Dreamweaver 可以完全自定义。用户可以创建自己的对象和命令，修改键盘快捷方式，甚至编写 JavaScript 代码，用新的行为、属性检查器和站点报告来扩展
Dreamweaver 的功能。 <br>
<br>
1.7 Dreamweaver MX 中的新增功能 <br>
<br>
与Dreamweaver UltraDev相比，Dreamweaver MX包含了多种多样的新功能，例如为可视化设计人员提供的新型增强模板以及多种新的编码功能。DreamweaverMX还包括Dreamweaver
UltraDev 4 的所有应用程序开发功能，并且提供了多种新功能，其中包括从 Macromedia ColdFusion Studio 派生的代码中心工作区、更完善的运行时代码以及对最新Web应用程序技术的支持。
<br>
<br>
1.7.1 对代码和设计的完全控制 <br>
<br>
可以使用 Dreamweaver MX设计工具或多格式编码环境按用户需要的方式生成站点。 <br>
新的集成工作区布局（仅限 Microsoft Windows）：用多文档界面 (MDI) 提供了多种方式的工作环境，其中包括完全可停靠的面板和选项卡式的文档窗口。
<br>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -