边做边学-Dreamweaver CS6网页设计案例教程教学教案

《边做边学——DreamweaverCS6网页设计案例教程》教学教案课时内容初识DreamweaverCS6授课时间90分钟课时2教学目标掌握工作界面的操作。掌握网站框架的创建。掌握站点的管理。掌握网页文件头的设置。教学重点熟练掌握DreamweaverCS6工作界面的基本操作。熟练掌握DreamweaverCS6的站点。教学难点在DreamweaverCS6中站点的建立及编辑。教学设计教学思路：（1）通过对课堂实训案例的讲解掌握界面操作和站点设置的方法；（2）通过软件相关功能的解析学习DreamweaverCS6工作界面的基本操作和设置文件头的基本方法。教学手段：（1）通过课堂实训案例熟悉设计理念和软件功能；（2）通过软件功能解析深入学习软件功能和制作特点。教学资料及要求：除了课堂实训案例中讲解的软件功能外，还可以根据相关的工具特点进行简单的练习和操作。教学内容讨论问题：1、DreamweaverCS6中的网页分为哪几种网页？2、在DreamweaverCS6中有哪几种方法可以创建站点？同时本地站点与远程站点有什么区别？内容大纲：具体可结合本项目的PPT课件进行配合讲解。1.1操作界面1.1.1【操作目的】1.1.2【操作步骤】1.1.3【相关工具】1．开始页面2．不同风格的界面3．伸缩自如的功能面板4．多文档的编辑界面5．插入面板6．更完整的CSS功能1.2创建网站框架1.2.1【操作目的】1.2.2【操作步骤】1.2.3【相关工具】1.3管理站点1.3.1【操作目的】1.3.2【操作步骤】1.3.3【相关工具】1．站点管理器2．创建文件夹3．定义新站点1.4网页文件头设置1.4.1【操作目的】1.4.2【操作步骤】1.4.3【相关工具】1．插入搜索关键字2．插入作者和版权信息3．设置刷新时间4．设置描述信息5．设置页面中所有链接的基准链接6．设置当前文件与其他文件的关联性小结熟练掌握DreamweaverCS6界面的操作方法和技巧。熟练掌握在DreamweaverCS6中站点的创建、编辑、复制、删除和导出的方法，掌握新建、保存的技巧。

课时内容文本与文档授课时间180分钟课时4教学目标了解文本与文档的创建方法和使用技巧。掌握项目符号和编号列表使用方法和区别。掌握水平线、网格与标尺的使用方法和技巧。教学重点熟练掌握文本的多种创建方法和编辑技巧。熟练掌握项目符号、编号列表和水平线的使用方法。教学难点能够正确输入文本并编辑相关属性。教学设计教学思路：（1）通过对课堂实训案例的讲解掌握轩宇门窗网页、和休闲度假网页的制作方法；（2）再通过软件相关功能的解析学习输入文本和编辑文本相关属性，以及进行区分使用项目符号和编号列表方法和技巧；（3）再通过课堂实战演练巩固软件功能及网页制作技巧；（4）最后通过课后综合演练消化所学软件知识，提高制作网页的能力。教学手段：（1）通过课堂实训案例熟悉设计理念和软件功能；（2）通过软件功能解析深入学习软件功能和制作特点。（3）通过课堂实战演练和课后综合演练提高学生的实际应用能力。教学资料及要求：在网上找一些简单的网页页面进行制作，来加深学员对知识点的理解和提高实际操作能力。教学内容讨论问题：1、在DreamweaverCS6中可以有哪几种方法创建文本？2、在DreamweaverCS6中如何输入多个连续空格？3、在DreamweaverCS6中如何更改文字颜色、字号等设置？内容大纲：具体可结合本项目的PPT课件进行配合讲解。2.1轩宇门窗网页2.1.1【案例分析】2.1.2【设计理念】2.1.3【操作步骤】1．设置页面属性2．输入空格和文字2.1.4【相关工具】1．输入文本2．设置文本属性3．输入连续的空格4．设置是否显示不可见元素5．设置页边距6．设置网页的标题7．设置网页的默认格式2.1.5【实战演练】——佳人SPA养生馆网页2.2休闲旅游网页2.2.1【案例分析】2.2.2【设计理念】2.2.3【操作步骤】1．添加字体2．改变文字外观2.2.4【相关工具】1．改变文本的大小2．改变文本的颜色3．改变文本的字体4．改变文本的对齐方式5．设置文本样式6．段落文本7．插入换行符8．设置项目符号或编号9．修改项目符号或编号10．设置文本缩进格式11．插入日期12．特殊字符2.2.5【实战演练】——快乐购物网页2.3休闲度假网页2.3.1【案例分析】2.3.2【设计理念】2.3.3【操作步骤】2.3.4【相关工具】1．水平线2．显示和隐藏网格3．标尺2.3.5【实战演练】——美食回味网页2.4综合演练——家居装饰网页2.4.1【案例分析】2.4.2【设计理念】2.4.3【知识要点】2.5综合演练——有机果蔬网页2.5.1【案例分析】2.5.2【设计理念】2.5.3【知识要点】小结熟练掌握文本的使用方法和技巧。了解并掌握项目符号和编辑列表的使用方法和技巧。作业

课时内容图像和多媒体授课时间180分钟课时4教学目标掌握插入图像的方法和技巧掌握多媒体在网页中的应用。教学重点熟练掌握图像的格式与模式。熟练掌握Flash文件的插入与设置。教学难点能够正确使用图像和图像的属性设置、Flash文件的格式及设置属性。教学设计教学思路：（1）通过对课堂实训案例的讲解掌握、物流运输网页的制作方法；（2）再通过软件相关功能的解析学习图像的插入与使用技巧，以及进行动画的使用；（3）再通过课堂实战演练巩固软件功能及网页制作技巧；（4）最后通过课后综合演练消化所学软件知识，提高图像与动画的使用能力。教学手段：（1）通过课堂实训案例熟悉设计理念和软件功能；（2）通过软件功能解析深入学习软件功能和制作特点。（3）通过课堂实战演练和课后综合演练提高学生的实际应用能力。教学资料及要求：在网上找一些带有图像和动画的网页页面进行制作，来加深学员对知识点的理解和提高实际操作能力。教学内容讨论问题：1、在DreamweaverCS6中插入图像后在浏览器中不能正常显示图像，是哪几种原因造成？如何解决？2、在DreamweaverCS6中如何设置插入的Flash动画为透明背景？内容大纲：具体可结合本项目的PPT课件进行配合讲解。3.1咖啡馆网页3.1.1【案例分析】3.1.2【设计理念】3.1.3【操作步骤】3.1.4【相关工具】1．网页中的图像格式2．插入图像3．设置图像属性4．插入图像占位符5．跟踪图像3.1.5【实战演练】——宠物狗网店3.2物流运输网页3.2.1【案例分析】3.2.2【设计理念】3.3.3【操作步骤】3.2.4【相关工具】1．插入Flash动画2．插入FLV3．插入Shockwave影片4．影片插入Applet程序5．插入ActiveX控件3.2.5【实战演练】——准妈妈课堂网页3.3综合演练——儿童零食网页3.3.1【案例分析】3.3.2【设计理念】3.3.3【知识要点】3.4综合演练——房源网页3.4.1【案例分析】3.4.2【设计理念】3.4.3【知识要点】小结熟练掌握图像的格式与插入方法和使用技巧。掌握Flash动画的插入和属性的设置。作业

课时内容超链接授课时间180分钟课时4教学目标了解超链接的概念与路径知识掌握文本超链接的创建方法和技巧。掌握图像超链接的创建方法和技巧。掌握命名锚记超链接的创建方法和技巧掌握热区链接的创建方法和技巧教学重点简单了解超链接的概念与路径知识。熟练掌握超链接的分类及每种类型的创建方法。教学难点能够正确给所需文本添加超链接，以及锚记超链接的使用方法和技巧。教学设计教学思路：（1）通过对课堂实训案例的讲解掌握建筑模型网页、温泉度假网页的制作方法；（2）再通过软件相关功能的解析学习超链接的种类，以及进行不同类型的超链接创建；（3）再通过课堂实战演练巩固软件功能及网页制作技巧；（4）最后通过课后综合演练消化所学软件知识，提高制作超链接的能力。教学手段：（1）通过课堂实训案例熟悉设计理念和软件功能；（2）通过软件功能解析深入学习软件功能和制作特点。（3）通过课堂实战演练和课后综合演练提高学生的实际应用能力。教学资料及要求：在网上找一些多级页面进行制作，来加深学员对知识点的理解和提高实际操作能力。教学内容讨论问题：1、在DreamweaverCS6中超链接有哪几种类型？分别是哪几种？2、在DreamweaverCS6中使用哪种超链接可以跳至指定的位置？内容大纲：具体可结合本项目的PPT课件进行配合讲解。4.1建筑模型网页4.1.1【案例分析】4.1.2【设计理念】4.1.3【操作步骤】1．制作电子邮件超接2．制作下载文件链接4.1.4【相关工具】1．超链接的概念与路径知识2．创建文本链接3．文本链接的状态4．下载文件链接5．电子邮件链接4.1.5【实战演练】——冶金铸造网页4.2温泉度假网页4.2.1【案例分析】4.2.2【设计理念】4.2.3【操作步骤】1．制作鼠标经过2．创建热点链接4.2.4【相关工具】1．图像超链接2．鼠标经过图像链接3．命名锚记链接4．创建热区链接4.2.5【实战演练】——金融投资网页4.3综合演练——世界景观网页4.3.1【案例分析】4.3.2【设计理念】4.3.3【知识要点】4.4综合演练——世界旅游网页4.4.1【案例分析】4.4.2【设计理念】4.4.3【知识要点】小结熟练掌握超链接的概念与路径。熟练掌握超链接的类型与创建方法的技巧。作业

课时内容使用表格授课时间270分钟课时6教学目标了解表格的简单操作掌握网页中的数据表格。掌握利用表格进行页面布局的方法和技巧。教学重点简单了解表格在制作网页中的作用。熟练掌握表格的插入与属性的设置。教学难点能够正确使用表格的嵌套制作复杂的网页页面。教学设计教学思路：（1）通过对课堂实训案例的讲解掌握营养美食网页、绿色粮仓网页的制作方法；（2）再通过软件相关功能的解析学习表格的插入与属性的设置，以及进行表格数据的导入与导出；（3）再通过课堂实战演练巩固软件功能及表格的使用技巧；（4）最后通过课后综合演练消化所学软件知识，提高网页制作的能力。教学手段：（1）通过课堂实训案例熟悉设计理念和软件功能；（2）通过软件功能解析深入学习软件功能和制作特点。（3）通过课堂实战演练和课后综合演练提高学生的实际应用能力。教学资料及要求：在网上找一些简单的网页页面进行制作，来加深学员对知识点的理解和提高实际操作能力。教学内容讨论问题：1、在DreamweaverCS6中如何向表格一次添加多行或多列？方法分别是？2、在DreamweaverCS6中<tr>标签可否添加背景图像？内容大纲：具体可结合本项目的PPT课件进行配合讲解。5.1营养美食网页5.1.1【案例分析】5.1.2【设计理念】5.1.3【操作步骤】5.1.4【相关工具】1．表格的组成2．插入表格3．表格各元素的属性4．在表格中插入内容5．选择表格元素6．复制、粘贴表格7．缩放表格8．删除表格和表格内容9．合并和拆分单元格10．增加和删除表格的行和列5.1.5【实战演练】——美丽人生网页5.2绿色粮仓网页5.2.1【案例分析】5.2.2【设计理念】5.2.3【操作步骤】5.2.4【相关工具】1．导入和导出表格的数据2．排序表格3．复杂表格的排版5.2.5【实战演练】——OA办公系统网页5.3综合演练——茶文化网页5.3.1【案例分析】5.3.2【设计理念】5.3.3【知识要点】5.4综合演练——火锅餐厅网页5.4.1【案例分析】5.4.2【设计理念】5.4.3【知识要点】小结熟练掌握表格的插入及表格属性的设置方法和技巧。熟练掌握表格嵌套布局。作业

课时内容使用框架授课时间270分钟课时6教学目标了解框架与框架集的作用。掌握框架的属性设置方法和技巧。教学重点简单了解框架的作用。熟练掌握框架布局的应用。教学难点能够正确使用框架布局制作部分跳转页面。教学设计教学思路：（1）通过对课堂实训案例的讲解掌握牛奶饮料网页、建筑规划网页的制作方法；（2）再通过软件相关功能的解析学习框架的创建方法和使用技巧，以及进行框架页之间的超链接；（3）再通过课堂实战演练巩固软件功能及框架使用技巧；（4）最后通过课后综合演练消化所学软件知识，提高网页制作的能力。教学手段：（1）通过课堂实训案例熟悉设计理念和软件功能；（2）通过软件功能解析深入学习软件功能和制作特点。（3）通过课堂实战演练和课后综合演练提高学生的实际应用能力。教学资料及要求：在网上找一些带有框架布局的网页页面进行制作，来加深学员对知识点的理解和提高实际操作能力。教学内容讨论问题：1、在DreamweaverCS6中框架分为哪几种类型？每种类型用在哪些方面？2、在DreamweaverCS6中修改其中一个框架页时其他框架页是否有影响？内容大纲：具体可结合本项目的PPT课件进行配合讲解。6.1牛奶饮料网页6.1.1【案例分析】6.1.2【设计理念】6.1.3【操作步骤】1．新建框架并编辑2．插入图像6.1.4【相关工具】1．建立框架集2．为框架添加内容3．保存框架4．框架的选择5．修改框架的大小6．拆分框架7．删除框架6.1.5【实战演练】——献爱心活动中心网页6.2建筑规划网页6.2.1【案例分析】6.2.2【设计理念】6.2.3【操作步骤】1．设置保存文档2．插入表格、图像和鼠标经过图像3．修改页面属性并插入图像4．创建图像超链接6.2.4【相关工具】1．框架属性2．框架集的属性3．框架中的链接6.2.5【实战演练】——阳光外语小学网页6.3综合演练——健康定制网页6.3.1【案例分析】6.3.2【设计理念】6.3.3【知识要点】6.4综合演练——健康定制网页26.4.1【案例分析】6.4.2【设计理念】6.4.3【知识要点】小结熟练掌握框架的插入方法和技巧。熟练掌握框架页之间的超链接。作业

课时内容使用层授课时间225分钟课时5教学目标掌握层的基本操作方法和技巧。掌握应用层设计表格的方法和技巧。教学重点。熟练层的属性设置。教学难点能够正确使用层命令来布局元素的位置。教学设计教学思路：（1）通过对课堂实训案例的讲解掌握联创网络技术网页、信业融资网页的制作方法；（2）再通过软件相关功能的解析学习层的使用方法和技巧，以及将层转换为表格的方法；（3）再通过课堂实战演练巩固软件功能及应用层技巧；（4）最后通过课后综合演练消化所学软件知识，提高层的应用能力。教学手段：（1）通过课堂实训案例熟悉设计理念和软件功能；（2）通过软件功能解析深入学习软件功能和制作特点。（3）通过课堂实战演练和课后综合演练提高学生的实际应用能力。教学资料及要求：在网上找一些网页页面进行制作，来加深学员对知识点的理解和提高实际操作能力。教学内容讨论问题：1、在DreamweaverCS6中层的作用是？2、在DreamweaverCS6中有哪几种方法调整层的顺序？内容大纲：具体可结合本项目的PPT课件进行配合讲解。7.1联创网络技术网页7.1.1【案例分析】7.1.2【设计理念】7.1.3【操作步骤】7.1.4【相关工具】1．创建层2．选择层3．设置层的默认属性4．AP元素面板5．更改层的堆叠顺序6．更改层的可见性7．调整层的大小8．嵌套层9．移动层10．对齐层11．层靠齐到网格7.1.5【实战演练】——鲜花速递网页7.2信业融资网页7.2.1【案例分析】7.2.2【设计理念】7.2.3【操作步骤】7.2.4【相关工具】1．将APDiv转换为表格2．将表格转换为APDiv7.2.5【实战演练】——精品家居网页7.3综合演练——充气浮床网页7.3.1【案例分析】7.3.2【设计理念】7.3.3【知识要点】7.4综合演练——美味小吃网页7.4.1【案例分析】7.4.2【设计理念】7.4.3【知识要点】小结熟练层的插入方法及属性设置。熟练掌握层转为表格的方法和技巧。作业

课时内容CSS样式授课时间225分钟课时5教学目标了解CSS样式的概念。了解CSS样式。掌握样式的类型与创建方法。掌握编辑样式的方法和技巧。掌握CSS的属性。掌握过滤器。教学重点何应用CSS样式控制标签。熟练掌握CSS的属性设置。教学难点能够正确使用不同类型的样式控制标签。教学设计教学思路：（1）通过对课堂实训案例的讲解掌握国画展览馆网页、打印机网页爱晚工程网页的制作方法；（2）再通过软件相关功能的解析学习CSS样式，以及CSS样式的属性及分类；（3）再通过课堂实战演练巩固软件功能及CSS样式的应用技巧；（4）最后通过课后综合演练消化所学软件知识，提高网页制作的能力。教学手段：（1）通过课堂实训案例熟悉设计理念和软件功能；（2）通过软件功能解析深入学习软件功能和制作特点。（3）通过课堂实战演练和课后综合演练提高学生的实际应用能力。教学资料及要求：在网上中找一些多样式的网页页面进行制作，来加深学员对知识点的理解和提高实际操作能力。教学内容讨论问题：1、在DreamweaverCS6中CSS样式分为哪几种类型？每种类型的具体作用？2、在DreamweaverCS6中使用CSS样式定位时需注意什么事项？内容大纲：具体可结合本项目的PPT课件进行配合讲解。8.1国画展览馆网页8.1.1【案例分析】8.1.2【设计理念】8.1.3【操作步骤】8.1.4【相关工具】1．CSS样式的概念2．“CSS样式”面板3．CSS样式的类型4．创建重定义HTML标签样式5．创建CSS选择器6．创建和应用自定义样式7．创建和引用外部样式8．编辑样式8.1.5【实战演练】——葡萄酒网页8.2打印机网页8.2.1【案例分析】8.2.2【设计理念】8.2.3【操作步骤】1．插入表格并输入文字2．设置CSS属性8.2.4【相关工具】1．类型2．背景3．区块4．方框5．边框6．列表7．定位8．扩展9．过渡8.2.5【实战演练】——室内设计网页8.3爱晚工程网页8.3.1【案例分析】8.3.2【设计理念】8.3.3【操作步骤】1．插入图片8.3.4【相关工具】1．可应用过滤的HTML标签2．CSS的静态过滤器3．CSS的动态过滤器8.3.5【实战演练】——汽车配件网页8.4综合演练——GPS导航仪网页8.4.1【案例分析】8.4.2【设计理念】8.4.3【知识要点】8.5综合演练——抒情散文网页8.5.1【案例分析】8.5.2【设计理念】8.5.3【知识要点】小结熟练掌握CSS样式的概念。熟练掌握CSS样式的分类及使用方法和技巧。作业

课时内容模板和库授课时间225分钟课时5教学目标了解“资源”面板。掌握模板的创建方法和使用技巧。掌握库的使用方法和技巧。教学重点。熟练库面板的应用。教学难点能够正确应用模板的所有属性。教学设计教学思路：（1）通过对课堂实训案例的讲解掌握电子吉他网页、建达康集团网页的制作方法；（2）再通过软件相关功能的解析学习模板的创建、编辑和应用，以及库面板的使用；（3）再通过课堂实战演练巩固软件功能及模板的应用技巧；（4）最后通过课后综合演练消化所学软件知识，提高网页制作的能力。教学手段：（1）通过课堂实训案例熟悉设计理念和软件功能；（2）通过软件功能解析深入学习软件功能和制作特点。（3）通过课堂实战演练和课后综合演练提高学生的实际应用能力。教学资料及要求：在网上中找一些具有共同点的多级页面进行制作，来加深学员对知识点的理解和提高实际操作能力。教学内容讨论问题：1、在DreamweaverCS6中有几种方法创建模板？分别是？2、在DreamweaverCS6中库面板的具体作用是？内容大纲：具体可结合本项目的PPT课件进行配合讲解。9.1电子吉他网页9.1.1【案例分析】9.1.2【设计理念】9.1.3【操作步骤】1．创建模板2．创建可编辑区域9.1.4【相关工具】1．“资源”面板2．创建模板3．定义和取消可编辑区域4．创建基于模板的网页5．管理模板9.1.5【实战演练】——水果慕斯网页9.2建达康集团网页9.2.1【案例分析】9.2.2【设计理念】9.2.3【操作步骤】1．把经常用的图标注册到库中2．利用库中注册的项目制作网页文档3．修改库中注册的项目9.2.4【相关工具】1．创建库文件2．向页面添加库项目3．更新库文件9.2.5【实战演练】——律师事务所网页9.3综合演练——食谱大全网页9.3.1【案例分析】9.3.2【设计理念】9.3.3【知识要点】9.4综合演练——爱家纺网页9.4.1【案例分析】9.4.2【设计理念】9.4.3【知识要点】小结熟练掌握模板的创建、编辑、应用。熟练掌握库面板的应用。作业

课时内容表单与行为授课时间180分钟课时4教学目标了解表单和文本域。掌握如何应用复选框和单选按钮的方法和技巧。掌握创建列表和菜单的方法和技巧。掌握创建文件域和提交按钮方法和技巧。掌握行为的使用。教学重点何创建表单。熟练掌握行为面板的使用方法。教学难点能够正确使用不同类型的表单制作网页。教学设计教学思路：（1）通过对课堂实训案例的讲解掌握废品回收网页、卫浴网页的制作方法；（2）再通过软件相关功能的解析学习表单的应用，以及行为属性的设置；（3）再通过课堂实战演练巩固软件功能及表单与行为的应用技巧；（4）最后通过课后综合演练消化所学软件知识，提高网页制作的能力。教学手段：（1）通过课堂实训案例熟悉设计理念和软件功能；（2）通过软件功能解析深入学习软件功能和制作特点。（3）通过课堂实战演练和课后综合演练提高学生的实际应用能力。教学资料及要求：在网上中找一些会员注册的网页页面进行制作，来加深学员对知识点的理解和提高实际操作能力。教学内容讨论问题：1、在DreamweaverCS6中表单分为哪几种类型？如果想制作上传照片的效果应该应用哪种表单属性？2、在DreamweaverCS6中表单是否可以用CSS样式控制？内容大纲：具体可结合本项目的PPT课件进行配合讲解。10.1废品回收网页10.1.1【案例分析】10.1.2【设计理念】10.1.3【操作步骤】1．插入文本字段和文本区域2．插入图像域10.1.4【相关工具】1．创建表单2．表单的属性3．单行文本域4．隐藏域5．单选按钮6．单选按钮组7．复选框8．创建列表和菜单9．创建跳转菜单10．创建文件域11．创建图像域12．提交、无、重置按钮10.1.5【实战演练】——探索寻宝网页10.2卫浴网页10.2.1【案例分析】10.2.2【设计理念】10.2.3【操作步骤】1．添加页面晃动效果2．添加状态栏文本10.2.4【相关工具】1．“行为”面板2．应用行为3．调用JavaScript4．打开浏览器窗口5．转到URL6．检查插件7．检查表单8．交换图像9．显示隐藏层10．设置容器的文本11．设置状态栏文本12．设置文本域文字13．设置框架文本14．跳转菜单15．跳转菜单开始10.2.5【实战演练】——蟹来居饭店网页10.3综合演练——问卷调查网页10.3.1【案例分析】10.3.2【设计理念】10.3.3【知识要点】10.4综合演练——全麦面包网页10.4.1【案例分析】10.4.2【设计理念】10.4.3【知识要点】小结熟练掌握表单的类型及应用。熟练掌握行为面板。作业

课时内容网页代码授课时间135分钟课时3教学目标了解网页代码。掌握如何编辑代码。掌握常用的HTML标签。掌握脚本语言。掌握响应HTML事件。教学重点熟练。熟练掌握脚本语言。教学难点能够正确的编写代码。教学设计教学思路：（1）通过对课堂实训案例的讲解掌握设计无忧网页、油画艺术馆网页的制作方法；（2）再通过软件相关功能的解析学习标签的编写方法和常用工具，以及HTML响应时间；（3）再通过课堂实战演练巩固软件功能及编辑代码技巧；（4）最后通过课后综合演练消化所学软件知识，提高网页制作的能力。教学手段：（1）通过课堂实训案例熟悉设计理念和软件功能；（2）通过软件功能解析深入学习软件功能和制作特点。（3）通过课堂实战演练和课后综合演练提高学生的实际应用能力。教学资料及要求：在网上中找一些网页页面进行制作，来加深学员对知识点的理解和提高实际操作能力。教学内容讨论问题：1、在DreamweaverCS6中有哪几种方法可以添加所需的标签？2、在DreamweaverCS6中如何快速选中所需的标签？内容大纲：具体可结合本项目的PPT课件进行配合讲解。11.1设计无忧网页11.1.1【案例分析】11.1.2【设计理念】11.1.3【操作步骤】11.1.4【相关工具】1．使用“参考”面板2．代码提示功能3．使用标签库插入标签4．使用标签选择器插入标签5．使用标签检查器编辑代码6．使用标签编辑器编辑代码11.1.5【实战演练】——时尚儿童服饰网页11.2油画艺术馆网页11.2.1【案例分析】11.2.2