Dreamweaver8精品教程完整版课件全套ppt教学教程-最全电子讲义(最新)(PPT 247页).pptx

1、第1页，共247页。1.1.1 网站、网页和主页网站、网页和主页第2页，共247页。第3页，共247页。第4页，共247页。第5页，共247页。第6页，共247页。第7页，共247页。文字与图像是网页中的基本元素，是浏览者获得相关信文字与图像是网页中的基本元素，是浏览者获得相关信息的主要来源。息的主要来源。|可在设计网页时为文字设置位置、字体、字号、颜色、对齐方式，以及加可在设计网页时为文字设置位置、字体、字号、颜色、对齐方式，以及加粗和倾斜等格式。粗和倾斜等格式。|网页中只能使用和显示网页中只能使用和显示JPEG、GIF和和PNG格式的图像，其他诸如格式的图像，其他诸如BMP和和TIF等格式

2、的图像目前还都不能用于网页中。等格式的图像目前还都不能用于网页中。第8页，共247页。目前，大家在网页中看到的动画主要包括两类，即动态目前，大家在网页中看到的动画主要包括两类，即动态GIF格式动画和格式动画和SWF格式动画。格式动画。|动态动态GIF格式动画的原理十分简单，就是高速连续显示格式动画的原理十分简单，就是高速连续显示多幅静态图像，就像播放动画片一样。通常用于制作简多幅静态图像，就像播放动画片一样。通常用于制作简单的小型动画。单的小型动画。|如果需要在网页上使用一些大型、复杂或带有声音如果需要在网页上使用一些大型、复杂或带有声音的动画，可借助的动画，可借助Macromedia的的Fl

3、ash软件来制作软件来制作SWF动画。动画。第9页，共247页。第10页，共247页。站标站标导航栏导航栏广告条广告条标题栏标题栏按钮按钮第11页，共247页。第12页，共247页。第13页，共247页。第14页，共247页。第15页，共247页。第16页，共247页。在在Banner的制作过程中有一些要点需要注意：的制作过程中有一些要点需要注意：|Banner可以是静态的也可以是动态的。可以是静态的也可以是动态的。|Banner的体积不宜过大，尽量使用的体积不宜过大，尽量使用GIF格式的图片与动画或格式的图片与动画或Flash动画。动画。|Banner中的文字不要太多，只要达到一定的提醒效果

4、就可以。中的文字不要太多，只要达到一定的提醒效果就可以。|Banner中图片的颜色不要太多，尤其是中图片的颜色不要太多，尤其是GIF格式的图片或动画，要避格式的图片或动画，要避免出现颜色的渐变和光晕效果。免出现颜色的渐变和光晕效果。第17页，共247页。第18页，共247页。第19页，共247页。|Dreamweaver：网页制作软件三剑客之一，该软件是现在：网页制作软件三剑客之一，该软件是现在使用最多的网页编辑工具，它支持使用最多的网页编辑工具，它支持DHTML动态网页、动态网页、Flash动画、插件，能实现很多动画、插件，能实现很多FrontPage无法实现的功能，如动无法实现的功能，如动

5、态按钮、下拉菜单等。另外，它还可以用来作为动态网站的态按钮、下拉菜单等。另外，它还可以用来作为动态网站的开发环境。开发环境。|FrontPage：该软件是目前最简单、最容易上手，且功能强大的网页：该软件是目前最简单、最容易上手，且功能强大的网页制作利器，特别适合网页初学者使用。不过，制作利器，特别适合网页初学者使用。不过，Frontpage也有不少缺也有不少缺点：首先是兼容性不好，利用点：首先是兼容性不好，利用FrontPage做出来的网页往往不能用做出来的网页往往不能用Netscape浏览器正常显示；其次，生成的垃圾代码多；此外，浏览器正常显示；其次，生成的垃圾代码多；此外，FrontPag

6、e对动态网页支持不好，不支持对动态网页支持不好，不支持Flash，显得有点落伍了。，显得有点落伍了。第20页，共247页。|Fireworks：主要用于制作网页图像、标志、：主要用于制作网页图像、标志、GIF动画、动画、图像按钮与导航栏等。图像按钮与导航栏等。|Flash：主要用于制作矢量动画，如广告、网站片头动画、动：主要用于制作矢量动画，如广告、网站片头动画、动画短片、画短片、MTV等。等。|Photoshop：Adobe公司出品的一个优秀而且强大的图公司出品的一个优秀而且强大的图形图像处理软件，起初它的应用领域主要是平面设计而不形图像处理软件，起初它的应用领域主要是平面设计而不是网页设计

7、，但是它所具有的强大功能完全涵盖了网页设是网页设计，但是它所具有的强大功能完全涵盖了网页设计所涉及到的各种需求（除了多媒体）。计所涉及到的各种需求（除了多媒体）。第21页，共247页。|JavaScript和和VBScript脚本语言脚本语言|Java|CGI|ASP|ASP.net|PHP|JSP第22页，共247页。建设网站要有目的性，首先要确定网站的性质和受众，并建设网站要有目的性，首先要确定网站的性质和受众，并预期网站发布后的反响。确定了这些后就要开始组织网站预期网站发布后的反响。确定了这些后就要开始组织网站的主要内容。的主要内容。第23页，共247页。第24页，共247页。第25页，

8、共247页。第26页，共247页。|行业风格色行业风格色：许多网站使用颜色秉承着所属行业的风格。：许多网站使用颜色秉承着所属行业的风格。|企业标准色企业标准色：在现代企业中，公司的：在现代企业中，公司的CI形象显得尤其重要，每一个形象显得尤其重要，每一个公司的公司的CI设计必然要有标准的颜色。比如设计必然要有标准的颜色。比如Intel官方网站的主色调是一种官方网站的主色调是一种接近于天蓝的蓝色，接近于天蓝的蓝色，|个人习惯色个人习惯色：这种配色方法的使用在很大程度上是凭设计者的个：这种配色方法的使用在很大程度上是凭设计者的个人爱好以及当时的心态决定的，在个人网站较为多见。人爱好以及当时的心态决

9、定的，在个人网站较为多见。第27页，共247页。第28页，共247页。第29页，共247页。第30页，共247页。第31页，共247页。第32页，共247页。第33页，共247页。第34页，共247页。第35页，共247页。第36页，共247页。菜单栏菜单栏标题栏标题栏插入栏插入栏文档标签文档标签文档工具栏文档工具栏收缩与展开下收缩与展开下方面板组方面板组状态栏状态栏属性面板属性面板收缩与展开右收缩与展开右方面板组方面板组面面板板组组第37页，共247页。单击“常用”按钮，在下拉列表中选择“显示为制表符”命令，“插入”栏的外观将发生变化。某些按钮的右侧带有一个小三角符号“”，单击该三角符号将弹

10、出该按钮的一组同位按钮。第38页，共247页。只显示代只显示代码视图码视图显示代码视图和显示代码视图和设计视图设计视图只显示设只显示设计视图计视图刷新设刷新设计视图计视图在浏览器中预在浏览器中预览览/调试调试文档标题文档标题第39页，共247页。标签选择器标签选择器手形工具手形工具缩放工具缩放工具文档大小与预计下载时间文档大小与预计下载时间选取工具选取工具第40页，共247页。第41页，共247页。第42页，共247页。第43页，共247页。第44页，共247页。为便于管理和编辑站点，在创建网页之前，首先要在为便于管理和编辑站点，在创建网页之前，首先要在Dreamweaver中定义站点。中定义

11、站点。定义站点可以将本地磁盘中的站点同定义站点可以将本地磁盘中的站点同Dreamweaver建建立一定的关联。立一定的关联。第45页，共247页。Dreamweaver中的文件也就是网页，可以通过中的文件也就是网页，可以通过“文文件件”“新建新建”菜单来创建新网页。菜单来创建新网页。第46页，共247页。第47页，共247页。第48页，共247页。对网页进行编辑或修改后，按【F12】键可以在浏览器中预览其效果。第49页，共247页。第50页，共247页。如要新建文件夹，可在弹出的菜单中选择“新建文件夹”选项，其他操作同上。第51页，共247页。第52页，共247页。|最好不要使用中文命名文件。

12、|文件名中不要使用大写英文字母。|运算符符号不能用在文件名的开头。|比较长的文件名可使用下划线“_”来隔开多个单词或关键字。|在大型网站中，分支页面的文件应存放在单独的文件夹中存放网页图像的文件夹一般命名为“images”或者“img”。|在动态网站中，用来存放数据库的文件夹一般被命名为“data”或者“database”。第53页，共247页。第54页，共247页。单击属性面板上的“页面属性”按钮，或者选择“修改”菜单下的“页面属性”命令，将打开“页面属性”对话框，默认显示为“外观”选项。第55页，共247页。第56页，共247页。第57页，共247页。第58页，共247页。第59页，共24

13、7页。第60页，共247页。第61页，共247页。|单个页面中不要使用超过三种以上的字体。|不要用太大的字号。|不要使用不停闪烁的文字。|标题文字的字号应当比正文字号稍大。第62页，共247页。第63页，共247页。第64页，共247页。第65页，共247页。第66页，共247页。第67页，共247页。第68页，共247页。第69页，共247页。要插入水平线，可以选择“插入”“HTML”“水平线”菜单。在插入水平线后，还可通过属性面板设置其宽、高、对齐和阴影等。第70页，共247页。第71页，共247页。第72页，共247页。第73页，共247页。第74页，共247页。第75页，共247页。原

14、始图像原始图像鼠标经过鼠标经过图像图像“插入鼠标经过图插入鼠标经过图像像”对话框对话框第76页，共247页。第77页，共247页。第78页，共247页。第79页，共247页。第80页，共247页。超级链接包括内部超级链接和外部超级链接，内部超级链接是指目标文件位于站点内部的链接；外部超级链接可实现网站与网站之间的跳转，也就是从本网站跳转到其他网站。内部超级链接会涉及到路径的使用，且只能使用相对路径。第81页，共247页。要为文字设置超链接，应首先选中文字，然后单击“插入”栏“常用”类别中的“超级链接”按钮，打开“超级链接”对话框。第82页，共247页。为图片设置超链接的方法同文字一样。第83页

15、，共247页。电子邮件链接是指当浏览者单击某个超链接时，系统会自动启动默认的电子邮件收发软件。要设置电子邮件链接，应首先选中要设置为超链接的文本，然后单击“插入”栏“常用”类别中的“电子邮件链接”按钮，接下来在弹出的对话框中输入链接到的电子信箱地址即可。第84页，共247页。第85页，共247页。第86页，共247页。第87页，共247页。第88页，共247页。第89页，共247页。第90页，共247页。第91页，共247页。第92页，共247页。第93页，共247页。第94页，共247页。添加添加行为行为删除删除行为行为事件事件动作动作显示已设置显示已设置的事件列表的事件列表显示所有显示所有

16、事件列表事件列表上下移上下移动行为动行为第95页，共247页。第96页，共247页。修改行为的方法非常简单，首先选中要修改行为的对象，然后打开“行为”面板并选择要修改的行为。第97页，共247页。第98页，共247页。第99页，共247页。第100页，共247页。我们在打开某些网页或单击网页中的某些元素时经常可以看到弹出信息框，这个弹出信息框就是利用“弹出信息”行为实现的。第101页，共247页。第102页，共247页。第103页，共247页。第104页，共247页。创建拖动层行为首先要创建层，层主要有如下功能：|层可以游离在文档之上，因此可以利用层来精确定位文本、图像等其他网页元素。|利用层

17、的显示和隐藏功能来控制网页和网页元素的可见与不可见性可以使网页达到快速下载的效果。|层与表格之间可以相互转换。第105页，共247页。第106页，共247页。第107页，共247页。第108页，共247页。|Flash源文件（源文件（.fla），它是所有），它是所有Flash动画的源文件，此动画的源文件，此类型的文件只能在类型的文件只能在Flash 8中创建、打开并编辑。中创建、打开并编辑。|Flash动画文件（动画文件（.swf），它是），它是Flash（.fla）文件的压）文件的压缩版本，已进行了优化处理以便在网页中使用。缩版本，已进行了优化处理以便在网页中使用。|Flash模板文件（模板

18、文件（.swt），可以直接在），可以直接在Dreamweaver中中编辑这类文件，它包括编辑这类文件，它包括Flash按钮和按钮和Flash文本两种对象。文本两种对象。第109页，共247页。第110页，共247页。第111页，共247页。第112页，共247页。第113页，共247页。6.2.1 为网页增加背景音乐为网页增加背景音乐第114页，共247页。第115页，共247页。第116页，共247页。第117页，共247页。Shockwave 影片是一种很好的压缩格式，它能被目前的主流浏览器（如IE和Netscape）所支持，可以被快速下载。第118页，共247页。第119页，共247页。

19、第120页，共247页。第121页，共247页。表格是由一个或多个单元格构成的集合，表格中横向的多个单元格称为行，垂直的多个单元格称为列。行行列列第122页，共247页。第123页，共247页。通过拖动表格的边框也可轻易改变表格的宽度与高度。第124页，共247页。第125页，共247页。第126页，共247页。第127页，共247页。还可为表格或单元格设置背景图像。第128页，共247页。第129页，共247页。1.移动表格整行内容第130页，共247页。第131页，共247页。第132页，共247页。下面通过制作一个简单的页面局部布局，详细分析如何合理使用嵌套表格（具体操作见视频7-1）。

20、第133页，共247页。第134页，共247页。第135页，共247页。框架可以将一个浏览器窗口划分为多个区域，且每个区域都可以显示不同的HTML文档。使用框架的最常见情况就是，一个框架显示包含导航控件的文档，而另一个框架显示含有内容的文档。一般大型的论坛会用到框架页。第136页，共247页。框架是浏览器窗口中的一个区域，它可以显示与浏览器窗口的其余部分中所显示内容无关的HTML文档。框架集是HTML文件，它定义一组框架的布局和属性。包括框架的数目、大小和位置，以及在每个框架中初始显示的页面URL。第137页，共247页。Dreamweaver中有预定义的框架集，可以直接创建，也可以在普通页面

21、中加载。1直接创建预定义框架集第138页，共247页。在页面中加载框架集就像插入表格一样。如果预定义框架集不能满足需要，还可以在它的基础上进行分割.第139页，共247页。对框架及框架集的基本操作包括选择、删除等操作。1认识“框架”面板利用“框架”面板可以对框架和框架集进行操作，选择“窗口”“框架”菜单，可以打开“框架”面板。第140页，共247页。在文档窗口中选择框架的方法为，按住【Alt】键，然后在要选择的框架内单击即可，被选中的框架边线为虚线。如要选择框架集，则单击该框架集上的任意框架即可，选中的框架集所有边框都呈虚线显示。利用“框架”面板选择框架时，直接在面板中单击即可。选择框架集时，

22、在面板中单击框架集的边框即可。第141页，共247页。利用“属性”面板可以设置框架和框架集的属性，包括框架名称、框架源文件、框架边框等。1设置框架属性 第142页，共247页。该面板中各参数的含义同选中框架时的属性面板基本相同，不同的是在“行”或“列”文本框中可设置框架的行或列的宽度，在“单位”下拉列表框中可选择宽度的单位。第143页，共247页。框架及框架集的保存与一般网页文档的保存不同。1保存框架将鼠标光标定位到要保存的框架中，选择“文件”“保存框架”菜单，然后在弹出的对话框中指定保存路径和文件名后，单击“保存”按钮即可。第144页，共247页。保存框架集的方法与保存框架相似，选中所需保存

23、的框架集，选择“文件”“保存框架页”菜单，然后执行与保存框架相同的操作即可。第145页，共247页。选择“文件”“保存全部”菜单，即可保存框架集中的所有文档。此时会依次弹出多个“另存为”对话框，逐个保存框架集中的所有框架。第146页，共247页。本节以制作“娱乐空间”为例来练习一下用框架布局页面的方法。第147页，共247页。第148页，共247页。HTML是超文本标记语言（Hypertext Markup Language）的缩写，它能独立于各种操作系统平台，可以在浏览器中解释执行。CSS层叠样式表主要有两大优点，一个是可以对网页元素施加更多的控制，二是可以批量更新网页。第149页，共247

24、页。|有利于提高网页制作效率和优化网页代码。|有利于网页排错。|有利于快速提高自己的网页制作水平适度掌握一些HTML语言的知识是非常有益的，其原因如下：第150页，共247页。第151页，共247页。（1）单标签某些标签称为“单标签”，因为它只需单独使用就能完整地表达意思，这类标签的语法如下：最常用的单标签是，它表示换行。第152页，共247页。第153页，共247页。第154页，共247页。头部标签主体标签第155页，共247页。第156页，共247页。外部CSS样式表，专门用于存储CSS样式定义的.css 文件。利用“CSS样式”面板或者在HTML代码视图中手工编写head部分中的链接，该

25、文件可被链接到站点中的一个或多个网页上。第157页，共247页。第158页，共247页。编码工具栏是Dreamweaver 8的新增功能，它位于代码视图中文档工具栏的左侧，使用它可以快速而方便地插入代码。第159页，共247页。第160页，共247页。第161页，共247页。目录目录树树预览预览窗口窗口新建代码片断新建代码片断编辑代码片断编辑代码片断新建代码片断新建代码片断文件夹文件夹第162页，共247页。在Dreamweaver 8中，可以借助“CSS样式”面板来新建、删除、编辑和应用样式，以及附加外部样式表等。单击可切换到所有单击可切换到所有“文档文档”模式模式显示类别视图显示类别视图显

26、示列表视图显示列表视图只显示设置属性只显示设置属性删除选定样式删除选定样式编辑选定样式编辑选定样式新建样式新建样式将外部样式表文件将外部样式表文件链接到当前文件或链接到当前文件或将其中的将其中的CSS样式样式导入到当前文档导入到当前文档第163页，共247页。类样式又称自定义样式，它可应用于文档中任何文本。与当前文档关联的所有类样式都显示在“CSS 样式”面板中（样式名称前有一个句点“.”），以及文本属性面板的“样式”列表中。第164页，共247页。第165页，共247页。第166页，共247页。选择标签选择标签“保存样式保存样式表文件为表文件为”对话框对话框“CSS 规规则定义则定义”对话框

27、对话框第167页，共247页。第168页，共247页。确定是否以确定是否以及如何重复及如何重复背景图像背景图像确定背景图确定背景图像是固定在像是固定在它的原始位它的原始位置还是随内置还是随内容一起滚动容一起滚动指定背景图像指定背景图像相对于元素的相对于元素的初始位置初始位置第169页，共247页。第170页，共247页。设置元素的设置元素的宽度和高度宽度和高度设置其他元素设置其他元素在哪个边围绕在哪个边围绕元素浮动元素浮动定义层的定义层的清除边清除边指定元素内容与指定元素内容与元素边框之间的元素边框之间的间距间距指定一个元指定一个元素的边框与素的边框与另一个元素另一个元素之间的间距之间的间距第

28、171页，共247页。第172页，共247页。第173页，共247页。第174页，共247页。利用“CSS样式”面板还可方便地删除链接外部样式表或内部样式。第175页，共247页。外部链外部链接样式接样式“链接外部样式链接外部样式表表”对话框对话框导出样导出样式表式表内部定义内部定义样式样式第176页，共247页。第177页，共247页。第178页，共247页。Dreamweaver模板是一种特殊类型的文档，用于设模板是一种特殊类型的文档，用于设计计“固定固定”的页面布局。设计模板时，可以指定在基的页面布局。设计模板时，可以指定在基于模板的文档中用户可以编辑文档的哪些区域。于模板的文档中用户可

29、以编辑文档的哪些区域。模板最强大的功能之一是一次可以更新多个页面。根据模板最强大的功能之一是一次可以更新多个页面。根据模板创建的文档与模板保持链接关系（除非以后分离该模板创建的文档与模板保持链接关系（除非以后分离该文档），可以通过修改模板立即更新所有基于该模板的文档），可以通过修改模板立即更新所有基于该模板的文档。文档。第179页，共247页。可以从新建的空白文档中创建模板，也可以将现有文档保存为模板。第180页，共247页。第181页，共247页。第182页，共247页。库项目是一种特殊的Dreamweaver文件，我们可以将当前网页中已使用的任意页面元素定义为库项目，如图像、表格、文本、声

30、音和Flash影片等。创建库项目的好处是可以在多个页面中重复使用它们，每当更改某个库项目的内容时，所有使用了该项目的页面都将同时更新。第183页，共247页。库项目列表库项目列表将库项目插入将库项目插入到文档到文档删除库项目删除库项目编辑库项目编辑库项目新建库项目新建库项目预览库项目预览库项目第184页，共247页。第185页，共247页。第186页，共247页。第187页，共247页。第188页，共247页。IIS是Internet信息服务（Internet Information Server）的简称，它操作简单但功能强大，而且支持ASP，是目前使用广泛的Web服务器之一。打开打开“Int

31、ernet信息服务信息服务”窗口窗口第189页，共247页。第190页，共247页。表单通常由多个表单对象组成，如文本字段、单选按钮、复选框和按钮等。单选按单选按钮组钮组列表列表/菜单菜单按钮按钮文本文本字段字段复选复选框框第191页，共247页。第192页，共247页。表单名称：设置表单名称，可用于程序调用。动作：指定处理表单的程序。方法：选择传送表单数据的方式。目标：选择打开返回信息网页的方式。MIME类型：指定提交给服务器的数据所使用的编码类型。第193页，共247页。在文本字段中，可输入任何类型的文本内容，它是最常见的表单对象之一。根据文本字段的行数和显示方式，可将其分为单行文本字段、

32、多行文本字段和密码域三种.第194页，共247页。第195页，共247页。第196页，共247页。第197页，共247页。第198页，共247页。第199页，共247页。第200页，共247页。第201页，共247页。第202页，共247页。第203页，共247页。|按钮名称：设置按钮的名称。|值：设置显示在按钮上的文本内容。|动作：“提交表单”表示单击该按钮可提交表单；“重设表单”表示单击按钮可清空表单中的内容；“无”表示需另外添加程序才能执行相应操作。第204页，共247页。数据库是由相关数据组成的一个结构化的信息集合，这些数据经过整理之后存储在磁盘文件中。电脑中管理数据库的软件称为数据库

33、管理系统，在数据库管理系统中可以对数据进行处理，这种处理不仅包括简单的编辑或数字运算，还包括对数据的检索、提取以及筛选等。第205页，共247页。Access是Microsoft公司推出的Office套件中的一个组成部分，它是一种通用的数据库管理系统，具有方便易用、支持的SQL指令最齐全、消耗资源比较少的优点，因此是设计小型企业所需数据库的良好工具。第206页，共247页。数据库是制作动态网站的最主要的工具，例如，我们通常用数据库保存注册用户信息，论坛帖子等。第207页，共247页。第208页，共247页。第209页，共247页。第210页，共247页。第211页，共247页。第212页，共2

34、47页。11.1.1 下载第三方插件互联网上的很多网站都提供可免费下载的Dreamweaver第三方插件，大家可以通过选择“命令”菜单中的“获取更多命令”菜单项，打开Macromedia公司的插件下载网页。第213页，共247页。第214页，共247页。第215页，共247页。第216页，共247页。第217页，共247页。第218页，共247页。第219页，共247页。提供域名和虚拟主机服务的公司被称为域名和网站托管服务商。12.1.1 申请空间主机空间就是存放我们设计好的网站文件的地方，也叫虚拟主机。服务商将一台运行于互联网的服务器分成多个虚拟主机，每个虚拟主机都有其独立的域名和IP地址，

35、并具有完整的服务器功能。申请主机空间时，应根据网站本身的性质、网站文件的大小、网站运行的环境和技术条件等选择合适的空间大小及类型。第220页，共247页。|sina和netease为网站名称|com表示这两个网站为商业网站|cn表示该网站位于中国（可选）注册一个属于自己的域名很简单，随便登录到一个域名注册代理网站就可以。第221页，共247页。通过兼容性测试，可以查出文档中是否含有浏览器不支持的标签或属性等，如EMBED标签、marquee标签等。第222页，共247页。1.检查页面链接第223页，共247页。第224页，共247页。第225页，共247页。第226页，共247页。第227页，

36、共247页。第228页，共247页。第229页，共247页。第230页，共247页。第231页，共247页。使用扩展“文件”面板的好处是可以更好地对比本地文件和远程服务器中的文件，从而决定将哪些文件上传或取回。第232页，共247页。第233页，共247页。第234页，共247页。一般的公司网站直接以公司名作为网站名即可，个人网站可依自己爱好命名，一般的网站名应该能反映出网站的性质。13.1.1 网站命名第235页，共247页。第236页，共247页。第237页，共247页。第238页，共247页。|客户提供的素材，主要是与产品或企业相关的图像和文字。|网上收集的素材，主要是一些辅助性的图像，这些图像的装饰性较强。|独自创作的素材，主要是整个页面中视觉面积最大、最有说服力的图像。第239页，共247页。1设置页面属性(具体操作见视频13-1)2制作页面上半部(具体操作见视频13-2)3制作页面下半部(具体操作见视频13-3)4定义CSS样式表(具体操作见视频13-4)5添加网页特效(具体操作见视频13-5)第240页，共247页。第241页，共247页。第242页，共247页。第243页，共247页。1制作“关于自己”子页第244页，共247页。第245页，共247页。第246页，共247页。第247页，共247页。