Internet技术与应用第二版尚晓航主编第12章节.pptVIP

第12章网页的制作和发布 尚晓航 主编 张姝 陈明坤 编著 中国铁道出版社 第12章网页的制作和发布 本章内容： 网页制作概述 Dreamweaver概述 Dreamweaver8的基础操作 网页的文本编辑 网页的图片编辑 在网页中插入表格 在网页中使用超链接 利用表单制作交互式网页 在Dreamwaver8中其他的常见操作 网页的发布 12.1网页制作概述 存在的网页主要包含两大类：静态网页和动态网页。 静态网页 所谓静态网页指在网页文件中没有程序代码，只有HTML标记。这类网页一般以.htm和.html为后缀。 静态网页的工作原理为：当用户在浏览器中输入一个网址并回车后，客户端就向服务器端提出一个浏览网页的请求；服务器接到请求后，就会找到用户要浏览的静态网页文件，然后发送给用户。 常见的静态网页编制软件有FrontPage、Dreamweaver MX等 。 12.1网页制作概述 动态网页 所谓动态网页指该网页文件中不仅含有HTML标记，而且含有程序代码，这种网页的后缀一般根据使用的程序设计语言的不同而不同，如ASP文件的后缀为.asp。 动态网页的工作原理为：当用户在浏览器输入一个动态网页的网址并回车后，客户端就向浏览器提出了一个浏览网页的请求；当服务器端接收到用户的申请后，首先找到用户需要浏览的动态网页文件，然后执行网页文件中的程序代码，将含有程序代码的动态网页转化为标准的静态网页；服务器将得到的静态网页发送给用户。 常见的动态网页的编程语言有ASP、JSP、PHP等。 12.2 Dreamweaver概述 12.2.1 Dreamweaver概述 Dreamweaver是可视化的网页编辑软件，它能快速地创建极具动感的网页，还提供了强大的网站管理功能。许多专业的网站设计人员都将Dreamweaver作为创建网站的首选工具。 Dreamweaver、Flash（网页动画制作软件）和Fireworks（网页图像处理软件）同为美国Macromedia公司出品，构成了网页制作方面的三大利器，被称为网页三剑客。 12.2 Dreamweaver概述 Dreamweaver具有如下功能： 多种视窗模式。 简便易行的对象插入功能。 方便地创建框架，自由编排网页。 使用CSS和HTML样式减少重复劳动 。 利用Dreamweaver内置的行为，不必书写JavaScript代码，就可以制作出极具动感的网页。 用模板与库创建具有统一风格的网站。 Dreamweaver 的排版功能。 强大的网站管理功能。 12.2Dreamweaver8概述 12.2.2 Dreamweaver的安装与卸载 Dreamweaver 8的安装过程为： 双击Dreamweaver 8的安装文件，进入Dreamweaver 8的安装向导。 按照系统安装向导提示，完成Dreamweaver 8的安装。 12.2 Dreamweaver 8 Dreamweaver 8的卸载过程为： 将选择【控制面板】中的【添加或删除程序】选项，得到如图12-1所示界面。 在图12-1界面中，选择【Macromedia Dreamweaver 8 8】程序项，并单击【删除】按钮，系统提示是否要删除Dreamweaver 8 8程序，单击【是】按钮，完成Dreamweaver 8 8软件的卸载。 图12-1添加或删除程序窗口 12.2 Dreamweaver 8概述 12.2.3 Dreamweaver 8 的界面介绍 通过【程序】打开Dreamweaver 8 8的主窗口界面，如图12-2所示 图12-2 Dreamweaver 8主主界面 12.2 Dreamweaver 8概述 该窗口界面主要包括以下几个部分： 标题栏 位于Dreamweaver 8窗口界面的最上面，显示当前正在编辑的网页的名称，通过标题栏的控制图标，可以将Dreamweaver 8窗口最小化、最大化和关闭。 菜单栏 在Dreamweaver 8中，所有的操作都可以通过选择菜单上的选项完成。 编辑窗口 Dreamweaver 8启动后，系统将打开一个网页编辑窗口，并命名为Untitled-1.htm 。 工具栏 Dreamweaver 8的常用工具栏提供了网页设计的基本功能，这些功能在Dreamweaver 8的菜单栏中均可以找到。 12.2 Dreamweaver 8概述 视图切换 Dreamweaver 8