网站建设与管理 教学课件 作者 陈长顺 第3章.ppt

《网站建设与管理 教学课件 作者 陈长顺 第3章.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第3章可视化静态网页制作3.1DreamweaverMX的基本操作3.2网页布局3.3网页编辑3.4创建超链接3.5综合实例13.1DreamweaverMX基本操作3.1.1启动方式3.1.2集成环境3.1.3创建新站点3.1.4管理站点文件3.1.5网页文件的基本操作23.1DreamweaverMX基本操作DreamweaverMX是集网页设计、程序开发、站点创建和管理于一体的软件，它提供了可视化的布局工具、快速Web应用程序开发和广泛的代码编辑功能，支持HTML、CSS、ASP、ASP.NET等技术，可实现完整的数据库连接与访问，能完成网站前台和后台各种复杂功能

2、。3.1.1启动方式启动DreamweaverMX与启动一般软件方法相似，可选择Windows操作系统的“开始”

3、“程序”

4、Macromedia

5、DreamweaverMX选项，也可双击桌面上的快捷方式图标来启动。3图3-1首次启动DreamweaverMX时的工作区设置界面3.1.2集成环境1.工作界面DreamweaverMX的工作区界面由标题栏、菜单栏、工具栏、状态栏、网页编辑区和浮动面板组成，如图3-2所示。4图3-2DreamweaverMX的集成环境2.网页编辑在网页编辑区中可以实现网页的具体制作。3.浮动面板浮动面板是DreamweaverMX54.扩展管

6、理器DreamweaverMX的插件可以扩展系统功能，提高设计效率。图3-3扩展管理器窗口65.参数设置DreamweaverMX的可自定义特点和贴近用户的风格在很多方面可以表现出来，参数定义就是其中的一种。图3-4参数选择窗口73.1.3创建新站点网站程序最终运行在网络服务器上，供用户通过浏览器去访问。1.创建本地站点所谓本地站点，就是在本地计算机的硬盘上创建一个文件夹，并把这个文件夹设置为本地站点的根文件夹。图3-5管理站点对话框8图3-6新建站点窗口3.1.4管理站点文件一个站点建立后，还需要经常对站点进行管理和维护。91.新建文件夹在站点窗口右边的本地文件列表中

7、单击鼠标右键，在弹出的菜单中选择“新建文件夹”，或者选择主菜单中的“新建文件夹”命令，就可以在现有着眼点中新建一个文件夹。2.新建文件与新建文件夹方法类似，只是先要选定相应的目录，然后在主菜单“文件”中选择“新建文件”命令，即可新建一个文件。103.复制、删除和改名在“站点文件”视图中对文件的复制、剪切、粘贴、删除、重命名等操作，都可先选中要操作的文件，然后再右击选中的对象，从快捷菜单中选择相应的命令，便可完成相应的操作。4.取出和存回一个大型网站的建立和维护通常靠个人的力量是很难完成的，往往需要多人小组的协作，例如美工优化页面，动画设计师制作动画，程序员编写代码等。1

8、13.1.5网页文件的基本操作在了解有关站点的创建与管理的知识以后，就可以设计网站的具体页面了。1.创建网页文档创建空白文档有两种方法：2.打开网页文档打开已有的网页文档常用以下两种方法：3.保存指定文档保存指定文档的方法有三种：124.设置网页属性在创建新网页时，默认的页面总是以白色为背景，没有背景图像和标题。图3-7页面属性对话框133.2网页布局3.2.1表格的创建和使用3.2.2层的创建和使用3.2.3框架的创建和使用143.2网页布局从事过网页设计与制作的人都有一个共同感觉，那就是调整网页中的文字、图像、动画等对象的位置比较困难。3.2.1表格的创建和使用表格

9、不但在组织页面数据时非常有用，而且在网页元素布局安排上也起着重要作用。1.新建表格在网页中新建表格的操作步骤如下：15图3-8插入表格对话框2.编辑表格在网页中插入了表格以后，当它不能满足设计要求时，可对表格进行编辑，编辑内容可包括属性设置、单元格及表格的修改等操作。16图3-9表格属性面板图3-10单元格属性面板2.套用表格样式利用表格和单元格的属性逐一设置表格格式，是一件很费时的事，为此，DreamweaverMX提供了许多可供选择的表格样式，可对已选表格进行快速格式化。17图3-11格式化表格对话框3.使用布局表格用普通表格实现页面布局有时不够灵活和方便，为此，系

10、统提供了一种更方便、直观、人性化的专门用于页面布局的表格。18图3-12布局单元格的宽度设置3.2.2层的创建和使用层是网页中用来放置文本、图像、动画、表单、插件等网页元素的容器，在网页编辑区中可以自由移动。1.新建层利用图层进行网页排版和网页元素的定位，必须先在编辑窗口中创建图层，然后才能在图层中放置网页元素。192.设置层的属性创建图层以后，根据需要可对图层属性进行设置，以满足网页元素的排版与定位。图3-13图层属性面板3.控制和使用层利用图层面板，可以方便、轻松、直观地对图层进行控制和操作。20图3-14图层设计面板3.2.3框架的