快速入门Dreamweaver cs5好帮手
Dreamweaver cs5中文版入门与提高实例教程课件第6章表格技术
6.3 操作表格
选择表格元素 调整表格的尺寸、行高和列宽 使用扩展表格模式 增加、删除行和列 复制、粘贴与清除单元格 合并、折分单元格 表格数据排序
注意： 使用扩展表格模式时，一旦选择了表格中的某个对象或放置了插入点， 就应该返回到“设计”视图的“标准”模式下进行编辑。诸如调整大小之类的一些 可视操作在“扩展表格”模式中不会产生预期结果。
第6章 表格技术
本章重点
本章将介绍表格的作用及使用方法，内容包括：有关表格的操作，如插入表格、 格式化表格、拆分与合并单元格、剪切和粘帖单元格、删除行列以及插入行等操作，
学习目的 通过本章的学习，您可以掌握：
在页面插入表格以及对表格进行各种操作的方法。 文本数据与表格数据之间的导入导出的方法。 利用表格技术对页面进行布局的方法。
6.3.7 表格数据的导入与导出
1．导入表格式数据
2．导出表格数据
注意：如果不指定文件所使用的分
隔符，文件将不能正确导入，则数据也 不能在表格中正确格式化。
6.5 利用表格布局页面
6.3.2 设置表格和单元格属性
如果要设置单元格的属性，则选中单元格，执行“窗口”/“属性”命令展开单 元格属性面板进行修改。
用户不能直接在属性面板上设置表格或单元格的背景图像。如果希望将图像设 置为表格或单元格的背景，就要用到表格属性的CSS设置面板。
注意：使用属性检查器更改表格和其元素的属性时，需要注意表格格式设置 的优先顺序：单元格格式设置优先于行格式设置，行格式设置又优先于表格格式 设置。例如，如果将单个单元格的背景颜色设置为蓝色，然后将整个表格的背景 颜色设置为黄色，则蓝色单元格不会变为黄色，因为单元格格式设置优先于表格 格式设置。
ch2 Dreamweaver_CS5快速入门
二、编辑文本 1）网页中输入的文本可以像Word文档一样，进行编 辑。 – 1. 拖动鼠标选中一个或多个文字、一行或多行文本， 也可以选中网页中的全部文本。 – 2. 按BackSpace键或Delete键实现删除文本操作。 – 3. 实现复制、剪切、粘贴等操作。 – 4. 实现查找与替换操作。5. 实现撤消或重做操作。 2）设置文本格式 – 字体(通用性问题)、大小、颜色、风格 – 注：CSS（Cascading Style Sheet，可译为“层 叠样式表”或“级联样式表”）是一组格式设置规则， 用于控制Web页面的外观。
第二课：制作网页的基本操作
一 、在网页中添加文本 添加普通文本 方法： A、直接输入 （1）用鼠标单击网页编辑窗口中的空白区域， 窗口中随即出现闪动的光标，标识输入文字的起 始位置。 （2）选择适当的输入法输入文字 B、复制和粘贴 C、从其他文件导入
12/10/2014
3
文档标签
文档标签位于应用程序栏下方，左侧显示当前打开 的所有网页文档的名称及其关闭按钮；右侧显示当前 文档在本地磁盘中的保存路径以及向下还原按钮；下 方显示当前文档中的包含文档以及链接文档。
当用户打开多个网页时，通过单击文档标签可在各 网页之间切换。另外，单击下方的包含文档或链接文 档，同样可打开相应文档。
分门别类地将文件保存在不同的目录下,在大型网站中， 分支页面的文件应存放在单独的文件夹中存放网页图像的文 件夹一般命名为“images”或者“img”。在动态网站中，用来 存放数据库的文件夹一般被命名为“data”或者“database”。 目录的层次不要太深， 建议不要超过3层 不要使用中文文件名和中文目录名 不要使用过长的目录名,比较长的文件名可使用下划线 “_”来隔开多个单词或关键字。
第1章 初识Dreamweaver CS5
14
1.4 创建网页文档
• 在创建站点之后，用户即可使用Dreamweaver CS5创建 网页文档，将其保存到站点中，并对网页文档进行浏览。
15
1.4.1 新建网页文档
• 用户可以通过两种方式创建网页文档，一种是通过 【Dreamweaver 起始页】，而另一种则需要使用【新 建文档】对话框。除此之外，Dreamweaver CS5还允 许用户设置文档的默认属性。
16
1.4.2 设置页面属性
• 在创建网页文档后，用户还可针对该网页文档，设置页面 的基本属性，对网页文档中的内容进行简单定义。在网页文档 任意空白处右击鼠标，然后即可执行【页面属性】命令，打开 【页面属性】对话框。
属性 页面字体 加粗 倾斜 大小 文本颜色 背景颜色 背景图像 no-repeat 重 repeat 复 repeat-x repeat-y 左边距 右边距 上边距 下边距
• 发布网站需要使用专门的网络操作系统。目前最常见的 网络操作系统是微软公司开发的Windows NT系列操作系统 ，其不仅支持发布静态的网页文档，还支持发布多种类型的 动态程序。 • 1．IIS Web发布系统简介 • 2．安装IIS系统 • 3．配置IIS服务
操作系统 Windows 2000 Windows 2003 Windows Vista Windows 7
作用 设置网页文档中所有文本的默认字体样式，例如宋体、黑体、微 软雅黑等。 为网页文档中的文本默认加粗 使网页文档中的文本默认倾斜 设置网页文档中所有文本的默认尺寸，其单位可以为px（像素）、 pt（点）、in（英寸）、cm（厘米）等 设置网页文档中所有文本的默认前景色 设置网页文档中所有文本的默认背景色 为网页文档添加背景图像 设置网页文档的背景图像不重复显示 设置网页文档的背景图像重复显示 设置网页文档的背景图像仅在水平方向重复显示 设置网页文档的背景图像仅在垂直方向重复显示 设置网页文档中内容到浏览器左侧边框的距离 设置网页文档中内容到浏览器右侧边框的距离 设置网页文档中内容到浏览器顶部边框的距离 设置网页文档中内容到浏览器底部边框的距离
4.5.2 Dreamweaver CS5 的基本操作[共4页]
![4.5.2 Dreamweaver CS5 的基本操作[共4页]](https://img.taocdn.com/s3/m/30066ccb59eef8c75ebfb338.png)
121 的创意上，而不是放在如何编写代码上。
现在常用的网页制作软件有Dreamweaver 和FrontPage ，它们各有千秋。
Dreamweaver 功能强大，冗余代码少，站点管理、特效实现容易，被多数人作为网页制作的首选工具。
FrontPage 随着版本的升级，功能也逐渐强大和全面，非常适合在Windows 系统上使用；软件界面继承微软Office 产品的特点，易学易用。
由于Dreamweaver 软件与动画制作软件Flash 、图像处理软件Firework 都是Macromedia 公司推出的，三个软件在配合上更完美，被称为“网页设计三剑客”。
4.5.2 Dreamweaver CS5的基本操作1．编辑环境新建或打开一个文档，进入Dreamweaver CS5 的标准工作界面。
该界面包括标题栏、菜单栏、插入面板组、文档工具栏、标准工具栏、文档窗口、状态栏、属性面板和浮动面板组，如图4-24所示。
图4-24 Dreamweaver CS5 编辑环境（1）菜单栏Dreamweaver CS5的菜单共有10项，即文件、编辑、查看、插入、修改、格式、命令、站点、窗口和帮助。
文件：用于管理文件，例如新建、打开、保存、另存为、导入、输出打印等。
编辑：用于编辑文本，例如剪切、复制、粘贴、查找、替换和参数设置等。
查看：用于切换视图模式以及显示、隐藏标尺、网格线等辅助视图功能。
插入：用于插入各种元素，例如图片、多媒体组件、表格、框架及超级链接等。
修改：具有对页面元素修改的功能，例如在表格中插入表格，拆分、合并单元格，对齐对象等。
格式：用于格式设置操作，例如设置文本格式、段落格式等。
命令：所有的附加命令项。
站点：用于创建和管理站点。
窗口：用于显示和隐藏控制面板以及切换文档窗口。
帮助：联机帮助功能，例如按下F1键，就会打开电子帮助文本。
（2）插入工具栏插入工具栏包含用于创建和插入对象的按钮，如图4-25所示。
DreamweaverCS5网页设计教程课程设计
Dreamweaver CS5网页设计教程课程设计一、教学目标本课程的主要目标是：1.了解网页设计的基本原理与规范。
2.掌握Dreamweaver CS5的使用方法和网页设计技巧。
3.能够独立完成基本网页设计与制作。
二、教学内容2.1 网页设计概述本章主要介绍网页设计的概念和原理，阐述网页设计的规范和流程。
包括以下内容：1.网页设计的概念和作用。
2.网页设计的规范和流程。
3.网页设计中常用的设计软件和工具介绍。
2.2 Dreamweaver CS5入门本章主要介绍Dreamweaver CS5的基本界面和功能，让学生熟悉Dreamweaver CS5的基本操作。
包括以下内容：1.Dreamweaver CS5的安装和界面介绍。
2.Dreamweaver CS5的基本功能介绍。
3.Dreamweaver CS5的基本操作。
2.3 网页设计基础本章主要介绍网页设计的基础知识和技巧，包括页面布局、图片处理、文字处理和颜色搭配等。
包括以下内容：1.页面布局的概念和方法。
2.图片处理和文字处理的技巧。
3.颜色搭配的原则和方法。
2.4 网页设计实战本章主要介绍如何使用Dreamweaver CS5实现网页设计，通过实战让学生熟练掌握Dreamweaver CS5的使用和网页设计的流程。
包括以下内容：1.Dreamweaver CS5实现网页设计的流程。
2.网页设计实战案例介绍和指导。
3.指导学生独立完成网页设计任务。
三、教学方法本课程采用教师授课和学生实践相结合的教学方法。
具体包括：1.教师讲课。
2.演示Dreamweaver CS5的使用。
3.学生模仿和操作。
4.学生独立完成网页设计任务。
四、考核方式本课程的考核方式主要采用网页设计实战任务和学生作业。
具体包括：1.网页设计实战任务：由教师给出网页设计题目，要求学生独立完成。
任务要求设计符合规范、美观大方的网页，并在规定时间内提交。
2.学生作业：要求学生根据教师课堂讲解和演示，完成与课程相关的作业。
Dreamweaver CS5常用技巧
Dreamweaver CS5技巧1. 用Dreamweaver 4.0轻松设计会自动弹性调整的网页首先需要保证的是你的页面内容采用了表格的格式，然后打开你要编辑的页面，按“Ctrl+F6”或者菜单“View→TableView→Layout?View”转换到布局视图。
这时可以看到单元格的列宽，在列宽数字的旁边还有一个小小的下拉式箭头，点击你要设定弹性显示的列上方的小箭头，接着选择“将列设为弹性显示”(Make Column Autostretch)。
该列方框上方就会出现一条波浪形的线，而不是刚才表示列宽的数字。
完成后你的页面就变成了一个具有弹性的页面了。
此外，需要注意页面中不要有尺寸过大的图片。
2. 用Dreamweaver 4.0制作有闪动效果的Flash按钮选择菜单Insert→Interactive?Images→Flash?Button就可看到有哪些内嵌按钮。
在弹出的对话框里，你可以在“Style”列表里选择自己想要的按钮样式，在预览(Sample)窗口里可以看到这种样式的效果如何。
选择好之后，在“Button?Text”窗口输入按钮上面的文字，在“Font”窗口选择字体，在“Size”窗口输入文字的大小，在“Link”窗口输入链接的目标，在“Target”窗口选择链接打开的方式，在“BgColor”选择按钮背景颜色，在“Save?As”窗口输入保存的文件名。
完成这些后，按下“OK”按钮，你就完成了一个Flash 按钮啦。
这个按钮还会自动插入你的网页中，然后在Dreamweaver编辑窗口选中你刚才制作的按钮，属性窗口就会显示出这个按钮的属性，单击上面的“Play”按钮，你就可直接在编辑窗口预览这个按钮的闪动效果。
需要注意的是Dreamweaver?4.0的这个功能不支持中文字体。
3. 在Dreamweaver4.0中自定义键盘快捷键选择菜单“Edit→Keyboard?Shortcuts”，在对话框中会列出目前已经启用的以及可以更改的快捷键一览表，你可以在这里把快捷键改成自己习惯用的。
Dreamweaver CS5快速入门
Dreamweaver CS5快速入门1.定义Dreamweaver CS5站点（1）站点的定义及类型：也称网站，是一系列通过超链接而相互联系的网页集合，这些网页都具有一些共性，例如风格、布局、表现主题等。
站点根据其存储位置可分为两种：①本地站点：放置在本地磁盘上的站点，对于网页制作者来说，就是在制作网站过程中存放所有文件和资源（图像、声音等）的总文件夹；②远程站点：是本地站点的复制，存放在可以连接网络并提供广大网民浏览的远程服务器上。
（2）站点规划原则：站点是由文档和文档所在的文件夹组成，利用不同的文件夹，将不同内容的网页分门别类地保存起来，是设计网站的前提。
●将站点内容进行分类，然后把相关内容放在同一个文件夹中，以便对站点资源进行管理，文件夹的层次最好不要超过3层。
如：D:\myweb●在对文件或文件夹命名时需注意：最好使用英文或汉语拼音作为文件或文件夹的名字；命名应有一定规律，不要使用过长的名称，尽量使用意义明确的名称。
如Photo、works、iamges●合理分配各种类型的文件，对文件进行分类存放。
（3）创建站点：①在本地计算机某盘根目录下建立一个总的网站文件夹和总文件夹中的图像文件夹。
②选择【站点】—【新建站点】命令，打开【站点设置对象】对话框。
●【站点名称】：设置站点名称，可以是中文或英文，此处输入“myweb”●【本地站点文件夹】：设置本地磁盘中用来存储站点文件的总文件夹，单击文本框右侧“浏览”打开“选择根文件夹”对话框，导航到myweb文件夹。
●单击【高级设置】，设置各项参数：※【默认图像文件夹】文本框：用于输入本地站点的默认图像文件夹路径。
※【链接相对于】单选按钮组：在站点中创建指向其他资源或页面的链接时，指定Dreamweaver创建的链接类型。
※【Web URL】文本框：输入Web远程站点的URL。
※【区分大小写的链接检查】复选框：在Dreamweaver中检查链接时，将检查链接的大小写与文件名的大小写是否匹配。
中文版Dreamweaver CS5完全自学一本通
目录分析
1.2网页编辑器和 屏幕分辨率
1.1网页概述
1.3网站制作基本 流程
1.4网页中的色 彩特性
1.5总结扩展
1.1.1网页的基本要素 1.1.2静态网页和动态网页
1.2.1网页编辑器 1.2.2屏幕分辨率
1.3.1前期策划 1.3.2收集素材 1.3.3页面的版式与布局分析 1.3.4确定网页的主色调 1.3.5设计页面整体 1.3.6其他页面元素的设计 1.3.7切割和优化页面 1.3.8制作HTML页面 1.3.9测试并上传网站
11.1在网页中插入 Flash
11.2在网页中插入 Shockwave动画
11.3为网页添加声 音
11.4为网页添加视 频
11.5插入APPLET
11.6插入ActiveX控 件
11.7应用实例：制 作多媒体页面
11.8总结扩展
11.1.1插入Flash动画 11.1.2插入FLV视频
11.3.1网页中常用声音格式 11.3.2为网页添加背景音乐 11.3.3在网页中嵌入音频
3.2.1站点的切换 3.2.2 “管理站点”对结构
3.4.1制作分析 3.4.2制作步骤
3.5.1本章小结 3.5.2举一反三——备份站点并导入站点
4.1 HTML的技术介 绍
4.2网页中的其他源 代码
4.3在Dreamweaver CS5中编写HTML
10.4.1盒模型的概念 10.4.2 margin 10.4.3 padding 10.4.4 border
10.5.1视觉可视化模型 10.5.2浮动定位 10.5.3 Position定位
10.6.1居中布局设计 10.6.2浮动布局设计
10.7.1制作分析 10.7.2制作步骤
Dreamweaver CS5教程
Dreamweaver CS5教程第一课：网页设计基础一、网页的概述1、网页与网站浏览网页时在浏览器中看到的一个个页面就是网页，而多个相关的网页的集合就构成了一个网站2、浏览网页的工具－浏览器浏览器：用于打开显示网页的软件。
最常用的是Windows系统自带的IE浏览器。
还有火狐Firefox、360安全浏览器、遨游、腾讯、TT等等。
1）网址：用于定位某个网站某个页面的一串字符，通常是这种格式/nba.shtm12) 主页：访问网站时，默认打开的第一个页面就是主页也叫首页。
二、初识Dreamweaver1、制作网站的流程规划网站类型及主题－搜集资料－使用软件进行网页制作－测试及发布2、认识Dreamweaver是当前最流行、最方便的网页设计和网站开发工具软件。
Dreamweaver：梦想编辑者。
通过这个工具，实现编辑网页的梦。
Dream：梦想Weaver：织布者，织工早期的Macromedia公司推出的“网页三剑客”之一。
“网页三剑客”指的是Dreamweaver、Flash、Fireworks这三个软件，它们这三个集合起来，就像江湖中最厉害的剑客一样，成为了网站开发中专用利器。
它集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别开发的可视化网页开发工具，前两年Macromedia公司被Adobe公司收购，DM CS5是最新推出的版本。
三、创建站点1、什么是站点Dreamweaver的站点是一种管理网站中所有相关联文件的工具，通过站点可以对网站的相关页面及各类素材进行统一管理，还可以使用站点管理实现将文件上传到网页服务器，测试网站简单的说就是一个文件夹，在这个文件夹里包含了网站中所有用到的文件，我们通过这个文件夹（站点），对我们的网站进行管理，有次序，一目了然。
2、创建站点。
DreamweaverCS5自学教程-第五课：表格处理精品文档5页
第五课：表格处理5-1 插入表格1、在页面中插入表格的方式在页面中需要添加表格的地方单击，选择“插入—表格”或在常用面板中选择“表格”图标2、表格设置项表格宽度设置单位是像素时，表格的宽度是固定的；单位是百分比时，表格的宽度与浏览器窗口的宽度保持设置的比例，随窗口变化。
3、单元格的边距和间距边距就是单元格内部内容与单元格边框的距离间距就是单元格边框与表格边框之间的距离注：如果添加表格式单元格边距和间距空白不填数字，那么系统默认的数字就是单元格边距为1，单元格间距为2。
单元格边距和单元格间距分别为0时，表格的边框最细。
5-2 创建数据表格页眉标题功能的设置可以自动加粗单元格内的字体设置的辅助功能标题是表格在页面中的标题，摘要部分的内容不会显示在网页中。
5-3 实例：明星相册页11、表格整体的属性设置2、表格“行”的属性设置3、单元格属性设置注：单元格的宽的单位可以是像素，也可以是百分比。
5-4 实例：明星相册页21、表格边框颜色的设置选中边框，右击显示快捷菜单，选择“编辑标签”在“标签编辑器”中编辑表格边框的颜色；表格的背景颜色在“常规”项中用同样的方式设置。
2、表格中行的背景颜色设置在下方的属性栏即可，列背景颜色的设置与行相同3、加入网页页面的图片较多时，可以全部选中图片用拖拽的方式加入网页，再细分。
4、软件中的操作版面受限时，可调整版面的视图比例。
5-5 实例：课程表1 5-6 实例：课程表21、单元格的拆分和合并2、插入行：在需要插入行的表格最前边单击，然后右击出现快捷菜单，如下或者用下边的方式批量插入3、按住Ctrl键拖动，可以复制1、单元格背景图片的一种添加方式：在代码中按空格键设置2、单元格的边框颜色需要在代码中设置：在代码中按空格键设置5-7 表格的HTML标记1、表格的代码标记2、表格每行的代码标记3、单元格的代码标记4、每一对表格标记后边都可以添加属性特征5、也可以在代码标记选择器处快捷选择5-8 实例：软件下载页1三、表格嵌套1．概念：就是在表格的单元格中再插入表格，形成嵌套的结构。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
网页制作好帮手认识Dreamweaver cs5工作区
以以上网页为例，学习网页制作（注意大家学习的是方法，以学习到的方法制作自己的网页）网页制作分步行
第一步：建立站点。
i 单击标题栏中的“站点”＜“新建站点”
ii 在“站点设置对象”对话框的“站点”目录下，在“站点名称”的输入框中输入“shzhly”,站点名称一般为英文或数字，不建议使用中文。
iii 将“本地站点文件夹”的输入框的“未命名站点”改为“shzhly”。
当然，你也可以根据自己存放文件的喜好来确定本地文件夹的路径。
比如说，你想把本地文件夹放在D盘的根目录下。
你需要做的就是删除“本地站点文件夹”的输入框中内容，并输入“D:\shzhly”。
在这里需要注意的是，“本地站点文件夹”的名称必须与“站点名称”相一致。
iv 单击“保存”
第二步：建立网页并保存
i 单击标题栏中的“文件”＜“新建”
ii 在弹出的“新建文档”对话框中选择“空白页”＜“HTML”＜“列固定，左侧栏，标题和注脚”。
（网页类型有16种，可凭喜好选择）
iii 单击“创建”
iv 单击标题栏“文件”＜“保存”
v 在“保存”对话框中输入文件的名字。
vii 单击“确定”
三、制作网页
1. 确定网页标题
i在“文档工具栏”的标题框中输入“深圳旅游”
2. 插入LOGO
i 双击“Insert_logo(180*90)”图像占位符
ii 在弹出的“选择图像源文件”对话框中，选择“sanjiaomei”图片，单击“确定”
3. 在页头插入图片。
i 在浮动窗口单击“ccs样式”＜“全部”(＜“+”，展开，如果没有展开)＜双击“.header”ii 在弹出的“.header的css规则定义”的对话框中，选择“背景”，在background_image(I)中单击“浏览”，在弹出的“选择源文件”对话框中，选择“haiou”图片。
在background_repeat(R)中单击三角形状的下拉图标，选择“repeat_x”（使较小的图片，水平铺满整个页头）
iii在弹出的“选择图像源文件”对话框中，选择“haiou”图片，单击“确定”
4. 创建水平导航栏
i 单击页头
ii 单击标题栏“插入”＜“布局对象”＜“DIV标签（D）
iii 在弹出的“插入Div标签”对话框中，单击“新建CSS规则”
iv 在弹出的“新建CSS规则”对话框中，在“选择器”输入框中输入：“.hnav”（名字以英文句号开头，并且只能用字母），单击“确定”
v 在弹出的“.hnav规则定义”对话框中，选择“背景”，在“Background-color(C)”中，点开颜色滴管，选择白色；选择“区块”，在“Text-align（T）”中选择“right”（导航栏的文字在右边）
vi 将光标放在水平导航栏文字的最左端，输入“关于我|联系我”（“关于我”和“联系我”是没有链接功能的，但是导航栏就得要链接功能）
vii 选中“关于我”，在属性面板的“HTML”下，在“链接”输入框中输入“#”。
以同样的方式设置“联系我”的链接功能。
5. 设置侧栏导航栏
i 在“链接一”后插入光标，输入“世界之窗”，并删除“链接一”（以同样的方式，创建链接“深圳欢乐谷”、“东部华侨城”、“大梅沙”）
ii 在“大梅沙”后插入光标，按下回车键，输入“小梅沙”，选中“小梅沙”，在属性面板的“HTML”下，在“链接”输入框中，输入“#”（可以以同样的方式创建更多链接）
6. 插入图片
方法一：
i 删除侧栏的文字
ii 单击侧栏，按下向左箭头“”
iii单击标题栏的“插入”＜“图像占位符”
iv 在弹出的“图像占位符”对话框中，在宽度和高度输入框中分别输入“180”、“300”，单击“确定”（在侧栏出现宽度和高度分别为180和300的图像占位符）
v 双击图像占位符，在弹出的“选择图像源文件”对话框中，选择“shzhyj”图片，单击确定方法二：
i 在主内容区的“说明”后插入光标
ii单击标题栏的“插入”＜“图像”
iii 在属性面板中，在类输入框中，选择“fltlft”（改变图片的排列方式，悬浮在左边）
选学
方法三：（此方法可以使一张图片层叠在另一张图片上）
i 单击标题栏的“插入”＜“布局对象”＜“AP Div(A)”
ii 单击AP Div(A)的图像框，在属性面板中，在CSS下，单击“编辑规则”
iii 在弹出的“#apDiv1的规则定义”对话框中，选择“背景”，background_image(I)中单击“浏览”，选择图片。
iv 单击AP Div(A)的图像框左上角的小矩形框，按住鼠标，移动鼠标可以实现将图片拖到任何位置。
7.插入文字
i 双击“说明”，输入“深圳旅游”
ii 删除其余文字，将word文档中的文字复制上去。
iii （选做，改变字体）单击单击状态栏“div.content”，在c浮动面板css样式下打开，“.content 的css规则定义”，对话框，选择“类型”，可以设置字体。
8.设置页脚
i 删除页脚文字，c浮动面板css样式下，双击“.footer”，在“.footer的css规则定义”对话框中，选择“区块”，在“Text-align（T）”中选择“center”，单击“确定”。
在文档编辑区的页脚中，插入光标就可以写入文字“版权所有”。
ii c浮动面板css样式下，双击“.footer”，在“.footer的css规则定义”对话框中，选择“背景”，background_image(I)中单击“浏览”，在弹出的“选择源文件”对话框中，选择图片“yejiao”，单击“确定”。
在background_repeat(R)中单击三角形状的下拉图标，选择“repeat”
9.设置网页背景
在文档编辑区，单击鼠标右键，选择“页面属性”，在弹出的“页面属性”对话框中，选择“外观css”，在单击“背景颜色”的颜色滴管，选择白色。
10.链接设置
i 选中文字或图片，单击右键，选择“创建链接”，在弹出的对话框中选择链接到的页面、
图片。