计算机实践综合学习指导

1、第一部分 Dreamweaver网页制作第一单元 创建个人网站【考纲要求】1了解网站的规划步骤。2掌握站点的创建、管理方法。3了解Dreamweaver8的工作环境。4掌握建立、管理文件和文件夹的方法。5了解使用代码创建空白网页的方法。第一节 规划个人网站【知识目标】1了解网站主题的含义及常见的网站主题类型。2理解网站的栏目与目录结构的对应关系。【基础知识梳理】一、网站的基本知识1网站的概念指在网络上，根据一定的规则，使用网页开发软件制作的用于展示特定内容的相关网页的集合。2网站运作的基本原理浏览者使用浏览器所看到网页，实际上是保存在Web服务器上相应站点中的网页文件。一台Web服务器上可以同

2、时有多个站点，每个站点由多个网页、图像、视频等文件及相关文件夹组成。站点由网站开发人员设计制作，然后通过站点管理软件上传到服务器上，并对其进行更新和维护。3网站的开发流程规划设计阶段更新与维护阶段制作与发布阶段主题定位栏目划分素材收集风格设计测试及上传制作网页建立站点网站维护网站更新4网站的分类：网站是网页的集合，按照网站的主题可以将网站分为5种类型。（1）门户网站：如新浪网、网易网、搜狐网等。（2）个人网站：如个人爱好网站和交友网站等。（3）专业网站：如阿里巴巴、淘宝分别专注于商家和个人交易等。（4）职能网站：如政府职能网站等具有网上办公系统的网站。（5）搜索引擎：比较有名的有Google、

3、Yahoo、Baidu等。5动态网站与静态网站静态网页：纯粹HTML格式的网页通常被称为“静态网页”，以.htm、.html、.shtml和.xml为扩展名。动态网页：在浏览动态网页是用户可以和服务器进行信息交流，即服务器可以根据浏览者的请求做出相应的回复。文件名以.asp、.jsp、.php、.perl和.cgi等形式为扩展名，并且在动态网页网址中有一个标志性的符号“？”。二、规划个人网站 1个人网站的规划流程（1）需求分析； （2）定位网站主题和名称；（3）规划网站的栏目与目录结构；（4）选择网页制作软件。2常见的网页主题有：个人站点、企业宣传、软件下载、求职招聘、专业论坛、流行时尚、互动

4、聊天和在线销售等。3对网站题材的选择，通常要注意以下两点：（1）主题要简单明确。 （2）尽量选择自己擅长或者喜欢的内容作为网站的题材。4建立目录结构的一些建议：（1）不要将所有文件都存放在根目录下，会造成文件管理混乱。（2）按栏目内容建立子目录。（3）在每个栏目目录下都建立独立的images目录保存图像资源。（4）目录的层次不要太深，建议不要超过3层。（5）目录使用英文名称，不要使用中文名称。（6）不要使用过长的目录名称。5常见的网页制作软件Dreamweaver 8、微软的Frontpage、Netscape编辑器、CuteHTML、HotDogPro4.54：、【典型例题分析】【例1】（2

5、007年高考题）网站设计流程的第一步应当是 （ ）A首页设计 B确定网站风格C确定网站的主题 D确定网站的栏目【答案】C【分析】规划一个网站，首先要定位网站的主题。有了明确的主题，一个网站就有了自己的灵魂，才能确定网站的栏目、风格，选择合适的制作工具制作网站首页。【例2】（2008年高考题）下列关于设计网页说法正确的是 （ ）A创建网页时要使用多种色彩，以使网页鲜艳靓丽，吸引浏览者B为了保持图像清晰，网页上要尽量使用大型图片C因为WAVE格式的音乐播放时不需要插件，所以网页上要尽量使用WAVE格式的文件D设计网页时要首先考虑浏览器的兼容性，避免网页在有的浏览器中不能浏览【答案】D【分析】必须考

6、虑使用者的浏览器软件，如果要让所有的人都可以毫无障碍地观看你的主页，那么最好使用所有浏览器都可以阅读的格式。【同步训练】一、单项选择题1阿里巴巴是属于 （ ）A门户网站 B个人网站 C专业网站 D职能网站2动态网页与静态网页相比在网址中有一个标志性符号是 （ ）A? B（点） C！ D；3以下软件不是网页制作软件的是 （ ）ADreamweaver8.0 BNetscape CFrontpage DExcel4以下说法正确的是 （ ）A一台Web服务器上可以同时有多个站点 B每个站点由一个网页组成C互联网上的网站不必都拥有URL D每个网站都必须有2个主页5关于规划网站的目录结构，应该注意的问

7、题是 （ ）A要将所有文件存放到网络根目录下，便于查找和管理B按网站的栏目内容创建子目录C文件夹的层次不要太深，建议不要超过4层D尽量定义中文文件名或长文件名，便于记忆和查找6网站的开发流程阶段中，建立站点属于 （ ）A制作与发布阶段 B更新与维护阶段C规划设计阶段 D宣传推广阶段7规划个人网站时，一般的步骤是 （ ）定位网站主题和名称 规划网站的栏目与目录结构需求分析 选择网页制作软件A B C D8在网站的开发流程中，搜集素材属于哪个阶段 （ ）A规划设计 B制作与发作 C更新与维护 D上传站点9在规划网站的目录结构时，应该注意的问题是 （ ）A要将所有文件存放到网站根目录下，便于查找B整

8、个网站只能一个image文件夹，用来存放图片C文件夹层次不要太深，便于维护和管理D尽量定义中文文件名，便于记忆。10对于网站、网页、主页，下列说法正确的是 （ ）A网站是一个大的网页，它包含着网页和主页B网站是相关网页的集合，它包含着网页和主页C网站包含主页，主页包含着网页D三者无关系二、填空题1网站的开发流程分为规划设计、制作与发布、_三个阶段。2网站是指在网络上，根据一定的规划，使用网页开发软件制作的用于展示特定内容的_的相关集合。3有了明确的主题，一个网站就有了自己的_。4对网站题材的选择，通常注意以下几点：主题要明确，_作为网站的题材。5每个栏目目录下都建立独立的_目录，保存图像资源。

9、三、简答题1常用的网页制作软件有哪些？2创建网站目录结构时要注意哪些问题？5常见的网站有哪几类？第二节 创建站点、管理站点、使用代码创建网页【知识目标】1掌握使用“页面属性”对话框设置网页的页面及使用“文件面板”2掌握创建本地站点方法及站点的导出、导入、复制、删除与编辑。3了解用HTML语言创建空白网页方法。【基础知识梳理】一、站点基本知识1站点的概念：存放网页及各种素材的文件夹。2站点的分类：本地站点和远程站点。在本计算机硬盘中存放网页的文件夹称为本地站点，网络服务器上存放站点称为远程站点。3使用Dreamweaver8开发站点的普遍做法：先建立本地站点，管理其中的各种文件；完成本地站点后，

10、经过一系列的测试，再将其上传到远程服务器上，成为真正的站点供他人在网上浏览。二、运行Dreamweaver8方法及界面1运行方法：“开始”“程序”“Macromedia” “Macromedia Dreamweaver8”菜单项或双击桌面上的“Macromedia Dreamweaver8”快捷方式图标。2Dreamweaver8 界面：菜单栏、起始页、面板组打开最近编辑过的网页文件选用Dreamweaver 8中已有的范例创建CSS样式表、框架集页面等网页文件选择创建各种类型的网页文件。如果想在以后进行时隐藏起始页，可以勾选此项，也可以单击“编辑”菜单的“首选 参数”选项，在“常规”中选择3

11、Dreamweaver8 起始页4工作界面选择Dreamweaver8程序安装后第一次运行时，系统会提示用户选择要使用的工作界面（分为代码界面和设计器界面）。如果想要更改工作界面，可以在“窗口”菜单的“工作区布局”子菜单中选择所需要的工作区布局方式。三、新建站点1URL统一资源定位器：它用来指出某一项信息所在位置及存取方式。语法结构为：协议名称：/主机名称端口地址/存放目录/文件名称其中除了协议名称及主机名称是绝对必须有的外，其余像端口地址、存放目录等都可以不要。2创建本地站点（1）启动Dreamweaver8，单击“站点”“管理站点”命令，打开“管理站点”对话框，单击“新建”按钮，在下拉菜单

12、中选择“站点”选项，打开“站点定义向导”对话框；（2）在“编辑文件”对话框中输入站点的名称，单击“下一步”；（3）在“编辑文件第2部分”对话框中询问是否使用服务器技术，选择“否”，单击“下一步”；（4）在“编辑文件第3部分”对话框中选择本地站点文件夹路径，单击“下一步”；（5）在“共享文件”对话框中询问如何连接到远程服务器，选择“无”，单击“下一步”；（6）显示“总结”对话框，单击“完成”。四、管理站点：站点的管理功能包括新建、编辑、复制、删除、导出和导入1导出站点：选择菜单栏“站点”“管理站点”选项，在弹出的“管理站点”对话框中选择要导出的站点，单击“导出”按钮，在“导出站点”对话框中，可以

13、选择文件夹，输入文件名，单击“保存”按钮。将站点定义信息保存到一个扩展名为.ste的文件中。2导入站点：选择菜单栏“站点”“管理站点”选项，单击“导入”按钮，出现“导入站点”对话框，选择站点定义文件，单击“打开”按钮。注意：因为有重名的站点，所以导入的站点名称后面自动加0。 3复制站点：选择菜单栏“站点”“管理站点”选项，在弹出的“管理站点”对话框中选择要复制的站点，单击“复制”按钮，将在站点列表中出现“站点名称 复制”。4删除站点：选择菜单栏“站点”“管理站点”选项，在弹出的“管理站点”对话框中选择要删除的站点，单击“删除”按钮，只删除了站点定义信息，对站点文件夹中文件没有影响。5编辑站点：

14、选择菜单栏“站点”“管理站点”选项，在弹出的“管理站点”对话框中选择要编辑的站点，单击“编辑”按钮，可以对站点定义信息进行修改。五、熟悉Dreamweaver 8的操作界面。1“插入”栏：“插入”栏包含多种可插入的页面元素（如表格、层和图像等）的按钮，“常用”类别、“布局”类别、“表单”类别、“文本”类别、“HTML”类别、“应用程“序”类别、“Flash元素”类别、“收藏”类别：用于将“插入”栏中最常用的按钮分组和组织到某常用位置。2“文档”窗口：显示当前打开的文档，分为“代码”视图、“设计”视图和同时显示“代码”视图和“设计”视图的“拆分”视图三种视图模式。3“文档”工具栏：左端是快速切换

15、“文档”窗口三种视图模式的选项按钮，然后是一些与查看文档、在本地和远程站点间传输文档有关的常用命令和选项。4“状态”栏 ：提供与正在编辑的文档有关的信息和工具。5“标签选择器”：位于“状态栏”上，通过它可以选择各种页面元素。6“属性”面板：用于查看和更改所选对象或文本的各种属性。每种对象具有不同的属性。7面板组：Dreamweaver 8的面板组中包含许多面板，每个面板都可以展开或折叠，关闭或打开面板可以在“窗口”菜单进行。 8页面属性设置（1）打开方法：单击“修改”菜单中的“页面属性”命令或按CtrlJ快捷键。（2）页面属性参数“外观”选项“链接”选项“标题”选项“标题/编码”选项“跟踪图像

16、” 六、创建网站目录1网页命名的规则：网页文件名通常使用小写英文，不能使用空格，最好不要使用特殊字符，不用中文。 2创建新网页文档（1）在文件面板的站点根目录或文件夹上单击右键，选择“新建文件”选项；（2）执行“文件”“新建”命令，通过“新建文档”对话框创建。3网站首页概念：在浏览器地址栏中输入网站网址后默认显示的页面，也称为主页。设置方法：在文件面板上右单击网页文件，在弹出的菜单中选择“设成首页”命令不同站点服务器默认首页名称规则如下表，通常首页命名为index.html。服务器类型默认的首页名称Windows Server (NT/2000/2003/XP)index.htm index.

17、htmldefault.htm default.aspUnix Linuxindex.htm index.html4管理站点目录如果要删除站点中的文件或文件夹，可以在“文件”面板选中它后，用键盘上的Delete键实现。如果在“文件”面板删除了站点中的文件或文件夹，实际上是删除了硬盘中相应位置的文件和文件夹。但是如果删除站点，硬盘中相应位置的文件和文件夹并不会被删除。在站点中对文件或文件夹的删除、复制、剪切、粘贴、重命名等操作，都可以通过单击鼠标右键在“编辑”选项中实现。注意命名网页文件时必须加上扩展名。 七、HTML代码网页是用HTML（超文本标识语言）记述的，HTML是一种编写网页的基础语言

18、，是英文HyperText Markup Language 的缩写，中文意思是“超文本标识语言”。HTML文件也可以说是一个文本文件，它包含了一些HTML标签、文本、脚本等，而且可以使用记事本等多种文本编辑软件进行编写。 八、创建一个空白网页文件1使用“记事本”创建一个空白网页文件 打开记事本输入下列代码并保存，文件名example.html，最后双击运行。<html><head></head><body></body></html>Html标签的功能：（1）<html></html>：<ht

19、ml>标签，用来标识HTML代码的开始， </html>标签用来标识HTML代码的结束。（2）<head></head>：<head>和</head>构成HTML代码的开头部分， <head></head>标签之间的内容不会在浏览器的窗口内显示出来。（3）<body></body>：<body></body>标签中的内容是HTML代码的主体部分，在此标签之间可包含<p>、</p>、<h1>、</h1>、<

20、br>、<hr>等等众多的标签。（4）<p></p>段落标记、<br>换行标记、<hr>水平线标记2使用Dreamweaver 8“代码”视图创建一个空白网页文件 在“文档”工具栏中选择“代码”视图，“文档”窗口将显示空白网页的代码。3标记的语法规则（1）标记中可以加上参数，但参数必须加在起始的标记内。（2）标记中可以用空格隔开多个参数。（3）参数为区分大小写。【典型例题分析】【例1】（2008年高考题）在Dreamweaver MX 2004“插入”工具栏中的类别的是（ ）A表格 B模板 C媒体 D文本【答案】D【分析】“插入

21、”栏包含“常用”“布局”“表单”“文本”“HTML” “应用程序”“Flash元素”“收藏”8个类别，只有“文本”是“插入”工具栏其中的类别。【例2】（2008年高考题）在Dreamweaver MX 2004中，默认显示的属性面板是 （ ）A“文本属性”面板 B“图像属性”面板C“表格属性”面板 D“页面属性”面板【答案】A 【分析】在Dreamweaver MX 2004中，默认显示的是“文本”属性面板，在该面板中可以设置文本的基本属性。“图像面板”、“表格面板”需要选中图像和表格后出现。【例3】（2009年高考题）站点被导出后，将站点定义信息保存到哪种格式的文件中（ ）A.html B.

22、ste C.dll D.rar【答案】B【分析】站点被导出后，保存的是站点定义信息，文件扩展名是.ste；.html是网页文件扩展名；.dll是动态链接库文件扩展名；.rar是压缩文件扩展名。【例4】（2009年高考题）在Dreamweaver8.0中，能同时显示代码和设计结果的视图的是 （ ）A“代码”视图 B“设计”视图 C“拆分”视图 D“普通”视图【答案】C【分析】“文档”窗口是显示当前打开的文档，分为“代码”视图、“设计”视图和同时显示“代码”视图和“设计”视图的“拆分”视图三种视图模式。【例5】（2009年高考题）在Dreamweaver8.0的文件面板中选择某个文件，按Delet

23、e键后出现的结果是 （ ）A硬盘中相应位置的文件仍然存在B硬盘中相应位置的文件被删除，站点不受影响C站点同文件一起删除D只是删除了站点，文件仍然存在【答案】B【分析】在“文件”面板选中它后，用键盘上的Delete键实现。如果在“文件”面板删除了站点中的文件或文件夹，实际上是删除了硬盘中相应位置的文件和文件夹。【同步训练】一、单项选择题1运行Dreamweaver 8.0后，首先显示一个起始页，起始页不包括的项目是（ ）A打开最近项目 B创建新项目 C新建站点 D从范例创建2在URL组成中，绝对必须有的是 （ ）A端口地址 B文件名称 C主机名称 D存放目录3某网页的URL是其中为 （ ）A主机

24、名称 B协议名称 C存放目录 D端口地址4导出站点后，站点定义信息保存到以_为扩展名的文件中。 （ ）A.html B.rar C.ste D.dll5对站点的管理功能不包括 （ ）A删除站点 B复制站点 C移动站点 D编辑站点6在基于Windows2000操作系统服务器上，默认的网站首页名不包括 （ ）Adefault.html Bindex.htm Cdefault.asp Dindex.jsp7打开属性面板的快捷键是 （ ）AAltF3 BCtrlF2 CCtrlF3 DCtrlF48要想在以后运行时隐藏起始页，可以单击_菜单的首选参数。 （ ）A查看 B视图 C修改 D编辑9Dream

25、weaver 8.0中文档窗口视图方式有_种。 （ ）A1 B2 C3 D410Dreamweaver 8.0中插入层，在插入工具栏中可以选择有类别是 （ ）A布局类别 B表单类别 C文本类别 DHTML类别11要快速选择全部内容，可以单击_上的<body>。 （ ）A状态栏 B文档工具栏 C标签选择器 D属性面板12以下HTML描述正确的是 （ ）AHTML的含义是超文本标记语言 BHTML文件中包括图像和多媒体元素CHTML所有标记都包含在<body></body> DHTML可以使用IE编辑13站点被导出后，生成的站点定义文件中 （ ）A仅包括站点定义

26、信息，不包括任何网页文件B包括站点定义信息和首页文件C包括站点定义信息和所有站点文件夹中的文件D仅包括首页文件和模板文档14在Dreamweaver 8.0中打开网页后，在其状态栏上标有“122K/2秒”，其含义是 （ ）A网页的大小和制作该网页所用的时间 B网页的下载速度C网页大小和预计下载时间 D当前被选中对象的大小及下载时间15以下URL组成正确的是 （ ）A协议名称:/端口地址 B协议名称:/主要名称端口地址/存放目录/文件名称C主机名称:/协议名称 D协议名称:/存放目录/文件名称16下面能打开页面属性对话框的快捷键是 （ ）ACtrlY BCtrlJ CCtrlAltT DCtrl

27、AltI17在Dreamweaver 8.0的“文件”面板中，以下说法正确的是 （ ）A选择站点名称后，按Del 键可以将该站点删除，不影响对应的文件和文件夹B选择站点名称后，按Del键，可以将该站点信息及对应的文件和文件夹删除C选择某文件后，按Del键可删除文件与本站点的关系，文件本身并没有删除D选择某文件后，按Del键可删除文件18创建站点时，一般的做法是 （ ）A直接在远程服务器上进行编辑 B先在本地计算机编辑后再上传远程服务器C在本地和远程服务器上同时编辑D无所谓19在“文件”面板中双击某网页文件，对应的操作是 （ ）A打开浏览器预览该文件 B在编辑窗口打开该文件C将文件进行上传到远程

28、服务器 D打开记事本显示该文件源代码20以下不能使用中文命名的是 （ ）A网站的名称 B网站中网页的页面标题C网站中的文件夹名 D主页的网页标题二、填空题1命名网页文件时必须加上_。2URL就是_。3导入站点时，导入的站点已经出现在列表中，在导入的站点名称后面自动加上了数字_。4依据不同服务器的命名要求，所有文件名通常使用_，不能使用_、_、_。5_位于状态栏上，通过它可以选择各种页面元素。三、简答题1简述站点、本地站点、远程站点的概念。2什么是URL？写出其语法结构。3“插入”工具栏包括哪些类别？四、操作题：1新建一个以“读书”为名的个人站点，该站点使用“ASP JavaScript”服务器

29、技术,暂不设置远程信息与测试服务器，站点保存在“D:dushu”文件夹中。2将站点“读书”导出到站点定义的文件夹 dushu.ate 中。3将站点“读书”进行复制，再将站点“读书”导入。4在文件面板中创建网页文件index.html，并设置为首页。5写出空白网页文档的HTML源代码。第二单元 添加首页内容【考纲要求】1掌握文本输入和格式化的方法。2掌握图像的插入及属性设置方法。3掌握常见CSS样式的创建及应用方法。4了解使用代码制作图文网页。第一节 添加首页文本、编辑文本样式【知识要点】1掌握修改网页标题、输入网页文本内容的方法。2掌握网页编辑中换行方式的区别及在文档窗口中输入连续空格的几种方

30、法。3掌握文本样式设置与应用、修改重命名。【基础知识梳理】一、网站首页首页概念：首页是在浏览器的地址栏中输入网址后进入网站的第一个页面。1修改首页标题方法1：直接在“文档”工具栏中对标题进行修改，默认的网页标题为“无标题文档”。方法2：按CtrlJ快捷键或执行“修改”“页面属性”命令，打开“页面属性”对话框，选择“标题/编码”分类项，在右边的标题框中直接修改后，单击“确定”按钮。方法3：单击“代码”按钮，切换到代码视图，修改<title></title>标记之间的内容。2输入网页文本内容的方法，有两种：（1）在文档窗口中直接输入。（文本的排列方式自左至右，遇到文档窗口的

31、边界时自动换行。）（2）复制和粘贴的方法。注意：从普通文档中复制过来的文本不保留格式内容，只保留段落结构，（另：加粗和倾斜方式保留）并且在文本遇到文档窗口的边界时会自动换行。3网页编辑中三种不同换行方式换行方式作用快捷键HTML标记分段换行上下段之间自动空出一行来分隔Enter键实现，建立新的段落<p></p>强制换行属于同一段，行与行之间不会出现空行ShiftEnter键用来强制换行，不分段<br>自动换行说明：在遇到文档窗口边界时换行，随着窗口大小的调整文本换行也进行调整。4输入连续空格的方法默认情况下，Dreamweaver 8“文档”窗口中不允许直接

32、输入连续的空格，方法如下：（1）选择“编辑”菜单中 “首选参数”选项，在其中的“常规”选项中选择“允许多个连续空格”。（2）使用CtrlShift空格组合键。（3）将输入法切换到中文全角状态下，敲击空格键。（4）将“插入”栏切换到“文本”类别，使用最右边“字符”下拉菜单中的“不换行空格”按钮。（5）菜单：“插入”“HTML”“特殊字符”“不换行空格（6）转换到“代码”视图，输入&nbsp:;5保存网页的方法选择“文件”菜单中的“保存”选项或使用组合键CtrlS。（1）文档修改后，文档窗口左上角网页名称的变化：文档修改后，文档窗口左上角的网页名称会自动添加“*”号。（2）注意：在网页制作

33、过程中，必须经常对页面进行保存，这样可以避免断电或系统故障导致的数据丢失。6预览网页方法1：单击“文档”工具栏中的“预览/调试”按钮“预览在IExplore6.0”选项；方法2：按F12快捷键；方法3：选择菜单“文件”“在浏览器中预览” “在IExplore6.0”命令。二、编辑文本样式1文字字体、大小和颜色的设置（1）属性面板参数“格式”选项：将选中文本设置为段落或标题格式，在有了CSS样式之后很少使用。“样式”列表项：用于显示文本样式、应用已有的文本样式和重命名文本样式。“链接”与“目标”选项：为选中文本添加超级链接，并在“目标”项中设置打开链接的目标窗口。“列表与缩进”选项：用于创建列表

34、或进行缩进设置。“字体”列表项：用于设置选中文本的字体类型或在列表项中添加字体。“颜色”选项如下图所示所选颜色代码将颜色还原为默认值系统颜色拾取器附加功能（2）默认情况下，中文字体为宋体，英文为Times New Roman，格式设置后将自动生成相应格式的样式，第一个样式名称为sytle1，以后生成的样式名称依次为style2、style3。2添加新字体“字体”列表项中只有几种中英文字体，如果想要添加其他的字体单击属性面板“字体”下拉列表中的“编辑字体列表”命令，打开“编辑字体列表”命令对话框，在“可用字体”中选择要添加的字体，单击“”添加到“选择字体”列表中（或直接双击要添加字体），单击“确

35、定”按钮。3水平线作用：用以分割不同的文本和图像。插入方法：（1）执行菜单“插入”“HTML”“水平线”；（2）“插入”工具栏“HTML”“水平线”；（3）转换到代码输入<hr>属性设置：宽、高、对齐方式、阴影效果、类（CSS样式）实例：插入一条红色水平线方法：（1）在要插入水平线的位置单击定位光标，执行菜单“插入”“HTML”“水平线”；（2）右击水平线，选择“编辑标签”“浏览器特定的”项，在颜色拾取器中选择红色，单击“确定”。4列表选中文本内容，选择“属性”面板中的“项目列表”，为选中文本插入项目列表。使用Dreamweaver 8制作列表文本时，只有在每个段落前才会加上项目列

36、表符号或列表编号。也就是文本段落间必须以Enter键来分段，而不能使用ShiftEnter组合键进行强制换行。5修改文本样式单击“样式”列表旁的按钮，打开“CSS样式”面板。在“全部”选项卡中选择样式“title2”，在“title2”的属性中进行编辑，修改颜色值为“#FF6600”。6重命名文本样式在文本属性面板“样式”列表中“重命名”选项，在“重命名样式”对话框中，将“STYLE1”进行重命名，然后“确定”。【典型例题分析】【例1】（2007年高考题）在Dreamweaver8.0页面设计窗口中，直接按Enter键产生的html标记是 （ ）A<p></p> B&l

37、t;br> C<body> D<hr>【答案】A【分析】本题考查了HTML代码，直接按Enter键将产生段落标记<p></p>，按ShiftEnter键将产生换行标记<br>，题目中的<hr>是插入水平线标记，<body>是正文开始标记。【例2】在word中选定文本，复制到Dreamweaver8.0中，可以保留的是 （ ）A文本颜色 B倾斜样式 C文本字体 D以上均保留【答案】B【分析】Dreamweaver8.0中，从普通文档中复制过来的文本不保留格式内容只保留段落结构，文本的加粗样式、倾斜样式、文本

38、中的换行符均可以保留。【同步训练】一、单项选择题1在Dreamweaver8.0中，字体列表中的“幼圆，宋体”表示 （ ）A幼圆和宋体的混合体 B优先显示幼圆，或无幼圆则显示宋体C优先显示宋体，或无幼圆则显示幼圆 D不可能有这种字体2按Enter键产生的HTML标记是 （ ）A<p></p> B<br> C<body> D<hr>3插入一条水平线，在代码视图中输入标签 （ ）A<hr> B<br> C<body> D<head>4要修改网页标题方法，以下说法正确的是 （ ）A“文档”工具

39、栏中对标题进行修改B用CtrlJ打开“页面属性”对话框，选“标题/编码”在右边标题框中直接修改C切换到代码视图，修改<title></title>D以上说法均正确5在Dreamweaver8.0中预览文档方法以下做法错误的是 （ ）A按F12键B单击“文档”工具栏中的“预览/调试”按钮“预览在IExplore6.0”选项；C选择菜单“文件”“在浏览器中预览” “在IExplore6.0”命令。D在“文件”面板中，选中要预览的网页文件，双击鼠标左键6以下不是文字换行方式的是 （ ）A自动换行 B段落换行 C列表换行 D换行符分行7在Dreamweaver8.0中要快速保存

40、所编辑的网页，可使用的快捷键是 （ ）ACtrlO BCtrlS CCtrlP DF28启用“允许多个连续空格”功能使用的菜单是 （ ）A文件 B编辑 C命令 D修改9在word中选中文字复制到Dreamweaver8.0中，将保留的格式有 （ ）A文本中的换行符 B加粗样式 C倾斜样式 D以上均保留10默认的中文、英文字体是 （ ）A宋体，Courier New B宋体，Times New RomanC楷体，Times New Roman D黑体，Times New Roman11Dreamweaver8.0中，空格字符对应的源代码是 （ ）Anbsp; B&nbsp C&n

41、bsp:; Dnbsp12通过属性面板上的“样式”列表，不能完成的功能是 （ ）A显示样式 B应用已有的文本样式 C修改文本样式 D重命名文本样式13设置文本大小为12pt，则pt代表的 （ ）A厘米 B点数 C像素 D英寸14在Dreamweaver 8.0中，要改变标题1至标题6的默认设置，可使用 （ ）A“首选参数”对话框 B“页面属性”对话框C“页面属性”对话框 D“管理站点”对话框15在Dreamweaver 8.0中，打开“页面属性”对话框后，若想设置页面文本的颜色、字体和大小，可以选择的分类是 （ ）A标题/编码 B外观 C链接 D标题二、填空题1CSS是_的简称。2当定义了新的

42、文本样式时，Dreamweaver 8.0会自动生成样式名称，默认命名形式为_。3使用Dreamweaver 8.0制作列表文本时，只有在_前才会加上项目列表符号或列表编号。4水平线的属性面板上设置宽度可以使用_两种单位设定，高度单位为像素。三、简答题1写出自动换行、段落换行、强制换行的区别。2输入连续空格的方法有哪些？四、操作题：假设网页文件dushu.html已在Dreamweaver 8.0中打开，请写出完成下列操作步骤。1在“读书生活”开始的一段首行缩进两个汉字。2在“知识”下一行插入一条红色水平线。3将“现代生活”一段设置为幼圆。4修改页面标题为“首页”。第二节 添加图像【知识要点】

43、1掌握插入图像的方法。2掌握编辑图像的方法。【基础知识梳理】1图像的分类目前网页中常见的图像格式包括GIF、JPEG和PNG三种。（1）GIF格式的英文全称是Graphics Interchange Format，中文意思是“可交换的图像格式”。GIF是一种无损压缩格式，将不易被人眼察觉的图像颜色删除，从而达到较大的压缩比(可达到2：1甚至40：1)。文件的扩展名是.GIF。它最多只支持256种颜色，支持透明背景和动画。（2）JPEG的英文全称是Joint Photographic Experts Group，中文意思是“联合图像专家组文件格式”。JPEG具有调整图像质量的功能，支持很高的压缩

44、率，是有损的图像压缩格式，文件的扩展名是.JPG。它最多支持16.8M种颜色。它不能用来制作背景透明的图片，但可以设置渐变效果。因为JPEG格式的文件尺寸较小，下载速度快，是最早被WWW所支持的图形，（3）PNG的英文全称是Portable Network Graphics，中文意思是“可移植网络图像格式”，其扩展名是.PNG，使用无损压缩，压缩比高于GIF，支持真彩色和透明效果，但并不是所有的浏览器都支持PNG格式。可以利用Alpha通道调节图像的透明度，是网页三剑客之一Fireworks的默认生成文件。2图像的插入（四种方法）（1）在文件面板中选中图像，直接用鼠标将其拖动到编辑窗口；（2）

45、使用工具栏“插入” “常用”“图像”“图像”（3）执行菜单“插入”“图像”命令，在弹出的“选择图像源”对话框选择要插入的图像文件，单击“确定”按钮；（4）转换到代码视图，按快捷键CtrlAltI。3图像的属性设置（1）“标题”：使用缩略图右面的文本框设置图像的名称。（2）“宽和高”：以像素为单位指定图像的宽度和高度。（3）“源文件”：指定图像的源文件。可以单击文件夹图标浏览选择源文件，也可以直接键入路径。（4）“链接”：添加指定图像的超级链接。（5）“对齐”：设置图像的对齐方式（10种方式），有“默认值”、“基线”、“顶端”、“中间”、“底部”、“文本上方”、“绝对中间”、“绝对底部”、“左对

46、齐”、“右对齐”。（6）“替换”：设置鼠标指向图像时或浏览时，图片不正常显示时显示的文本。（7）“地图名称和热点工具”：用于绘制、编辑热点。在第五单元详细介绍。（8）“垂直边距和水平边距”：设置图像边缘到“文档窗口”边界的距离。（9）“目标”：设置链接文件在哪个窗口或框架中打开，具体应用方法在以后的内容中详细介绍。当图像没有链接到其他文件时，此选项不可用。（10）“低解析度源”：指定在载入主图像之前应该载入的图像。（11）“边框”：是以像素为单位的图像边框的宽度。默认为无边框。4图像的编辑修改可以通过属性面板提供的编辑功能对图像进行各种编辑操作，如下图：编辑裁剪亮度和对比度重新取样锐化使用Fireworks最优化（1）“编辑”：启动在“首选参数”中指定的“外部编辑器”编辑选定的图像。（2）“裁剪”：用于修剪图像的大小，从所选图像中删除不需要的区域。（3）“重新取样”：用于对已调整大小的图像进行重新取样。（4）“亮度和对比度”：用于调整图像的亮度和对比度。（5）“锐化”：用于调整图像的清晰度。（6）使用 Fireworks 优化图像：可以在 Dreamweaver 中优化 Web