新网页制作及应用（第二版） 潘明寒 电子教案 网页 二版 第2章.PPTVIP

2.1 Dreamweaver简介 　　Dreamweaver 由Micromedia公司出品，是当今最流行的专业网页设计应用软件，还用来进行网站的建设与管理、网页可视化编程和脚本编写。既可以用来制作静态网站和静态网页，也可以用来制作动态网站和动态网页。具有跨平台、跨浏览器的特点。 　　 1. Dreamweaver8 的起始页 2. Dreamweaver8 的工作窗口  4.Dreamweaver8 的状态栏  2.关于站点操作的快捷菜单  2.3 　页面设计 3.页面属性 “修改”菜单→“页面属性”，打开“页面属性”对话框，如图所示. 4.使用CSS样式格式化文本 5.新建CSS样式文件 6.插入图像 7.插入Flash对象 2.4 创建超链接 2.文档位置和路径 3.超链接源点与超链接类型 4.锚点的打开方式 用布局表格设计页面举例，如图所示。 2.6 层的使用 层可以放在网页任何位置，比表格更灵活，常用来作为表格的补充。层中不但可以插入文本、图像、表格等对象，还可以在层中嵌套层。 1．在网页中插入层 （1）“插入”栏“布局”卡当前→单击“绘制层”按钮→在页面中拖动鼠标画层。 （2）“插入”菜单→“布局对象”→“层”。如图所示。 2. 层的属性面板 如图所示。 3. 层面板 在层面板中可以对层进行各种操作，如图所示。 （1）双击“名称”列中层的名称→输入新的层名称， 可以改变层名称。层名称由字母和数字组成，以字 母开头，不能用汉字。 （2）勾选“防止重叠”复选框，则层与层不能重叠。 （3）在层的眼睛列下单击，改变该层的可见性。眼睛睁开表示该层可见，眼睛闭合表示该层不可见。默认情况下没有眼睛图标，此时层为可见的。 （4）层的叠放次序是由Z列中的数字决定，数字小的层会被数字大的层覆盖，单击数字后改为其他数字，可以改变该层的显示等级。数字大小是相对的，只要分出大小来即可。 4. 层与表格相互转换 表格与层是可以相互转换的，它们之间的转换用“修改”菜单的“转换”子菜单完成。菜单如图所示。 2.7 用框架布局页面 框架是一种划分浏览器窗口的技术，将浏览器窗口划分成若干区域，在各区域中显示不同的HTML文档。 浏览器窗口的划分信息存放在框架集中，框架集是HTML文档，它定义了一组框架的布局和属性，包括框架数目、框架大小和位置，以及每个框架初始显示页面的URL。如果采用了框架技术，框架集的名称通常是主页名称，如index.html。 创建框架集通常先用系统提供的预定义框架集样式，然后再对所生成的框架集样式进行修改。 1．插入预定义框架集 单击“布局”卡的“框架”按钮，弹出菜单显示所有系统提供的预定义框架集样式。菜单和“顶部和嵌套的左侧框架”如图所示。 2.保存框架和框架集 “文件”菜单→“保存全部”，开始保存框架集和框架，首先保存的是框架集，在站点文件夹中将框架集命名为主页名，然后为各框架中默认显示的网页起名，正在保存的当前框架页被框架线包围。 例如，框架集为“顶部和嵌套的左侧框架”，页面被划分为3个部分，要存储4个独立文件：一个是框架集文件，通常起名为“index.html”，另外三个是框架中默认显示的网页文件，按照框架所处位置分别起名为left.html、right.html、top.html。 2.8 表单的使用 表单是由文本和表单域组成的集合，用于在因特网上收集指定类型的信息，如登录注册、图书订购等。表单的工作原理很简单，访问者在被称为“表单域”的特定网页元素中输入或选择相关信息，单击“提交”按钮将信息提交给服务器。 表单为网页提供交互功能，表单按照统一模式从用户收集信息，然后将信息提交给服务器进行处理。能与服务器进行信息交互的网页称为动态网页，而不具备这个功能网页称为静态网页。表单对于静态网页没有实际的意义。 1．插入表单 方法1：“插入”菜单→“表单”，设计窗口内显示红线围成的区域，在其中插入各种表单表单控件就生成了表单。菜单如图所示。 * 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： 网页制作及应用 第二章 Dreamweaver8 网页设计技术 本章学习目标 1.站点的建立与使用。 2.工具、菜单、面板组、属性面板组的使用。 3.文本的格式化与CSS样式。 4.超链接的使用。 5.用表格、框架和层布局