Internet技术与应用(第二版) 尚晓航主编 第12章

《Internet技术与应用(第二版) 尚晓航主编 第12章》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第12章网页的制作和发布尚晓航主编张姝陈明坤编著中国铁道出版社1第12章网页的制作和发布本章内容：网页制作概述Dreamweaver概述Dreamweaver8的基础操作网页的文本编辑网页的图片编辑在网页中插入表格在网页中使用超链接利用表单制作交互式网页在Dreamwaver8中其他的常见操作网页的发布212.1网页制作概述存在的网页主要包含两大类：静态网页和动态网页。静态网页所谓静态网页指在网页文件中没有程序代码，只有HTML标记。这类网页一般以.htm和.html为后缀。静态网页的工作原理为：当用户在浏览器中输入一个网址并回车后，客户端就向服务

2、器端提出一个浏览网页的请求；服务器接到请求后，就会找到用户要浏览的静态网页文件，然后发送给用户。常见的静态网页编制软件有FrontPage、DreamweaverMX等。312.1网页制作概述动态网页所谓动态网页指该网页文件中不仅含有HTML标记，而且含有程序代码，这种网页的后缀一般根据使用的程序设计语言的不同而不同，如ASP文件的后缀为.asp。动态网页的工作原理为：当用户在浏览器输入一个动态网页的网址并回车后，客户端就向浏览器提出了一个浏览网页的请求；当服务器端接收到用户的申请后，首先找到用户需要浏览的动态网页文件，然后执行网页文件中的程序代码

3、，将含有程序代码的动态网页转化为标准的静态网页；服务器将得到的静态网页发送给用户。常见的动态网页的编程语言有ASP、JSP、PHP等。412.2Dreamweaver概述12.2.1Dreamweaver概述Dreamweaver是可视化的网页编辑软件，它能快速地创建极具动感的网页，还提供了强大的网站管理功能。许多专业的网站设计人员都将Dreamweaver作为创建网站的首选工具。Dreamweaver、Flash（网页动画制作软件）和Fireworks（网页图像处理软件）同为美国Macromedia公司出品，构成了网页制作方面的三大利器，被称为网

4、页三剑客。512.2Dreamweaver概述Dreamweaver具有如下功能：多种视窗模式。简便易行的对象插入功能。方便地创建框架，自由编排网页。使用CSS和HTML样式减少重复劳动。利用Dreamweaver内置的行为，不必书写JavaScript代码，就可以制作出极具动感的网页。用模板与库创建具有统一风格的网站。Dreamweaver的排版功能。强大的网站管理功能。612.2Dreamweaver8概述12.2.2Dreamweaver的安装与卸载Dreamweaver8的安装过程为：双击Dreamweaver8的安装文件，进入Dreamw

5、eaver8的安装向导。按照系统安装向导提示，完成Dreamweaver8的安装。712.2Dreamweaver8Dreamweaver8的卸载过程为：将选择【控制面板】中的【添加或删除程序】选项，得到如图12-1所示界面。在图12-1界面中，选择【MacromediaDreamweaver88】程序项，并单击【删除】按钮，系统提示是否要删除Dreamweaver88程序，单击【是】按钮，完成Dreamweaver88软件的卸载。图12-1添加或删除程序窗口812.2Dreamweaver8概述12.2.3Dreamweaver8的界面介绍通过【

6、程序】打开Dreamweaver88的主窗口界面，如图12-2所示图12-2Dreamweaver8主主界面912.2Dreamweaver8概述该窗口界面主要包括以下几个部分：标题栏位于Dreamweaver8窗口界面的最上面，显示当前正在编辑的网页的名称，通过标题栏的控制图标，可以将Dreamweaver8窗口最小化、最大化和关闭。菜单栏在Dreamweaver8中，所有的操作都可以通过选择菜单上的选项完成。编辑窗口Dreamweaver8启动后，系统将打开一个网页编辑窗口，并命名为Untitled-1.htm。工具栏Dreamweaver8的

7、常用工具栏提供了网页设计的基本功能，这些功能在Dreamweaver8的菜单栏中均可以找到。1012.2Dreamweaver8概述视图切换Dreamweaver8提供了三种视图界面即：代码视图、设计视图、代码与设计视图。这三种视图可以通过设主界面直接切换，也可以选择【查看】中的【视图切换】项，如图12-3所示。图12-3不同视图的选择窗口状态栏在Dreamweaver8窗口的最下面一行为状态栏，主要显示当前编辑操作的最新信息。1112.3Dreamweaver8的基础操作12.3.1制作网页的前期准备制作网页的第一步是对网页进行规划，确定网页的总

8、体方向和网页的基本结构，精心设计网页的布局，突出网页的风格。具体的准备工作为：确定网页的目标、主题规划网页的结构设计网页的