DreamweaverCS6网页设计与制作标准教程（微课版）教学大纲教案

PAGEPAGE3《DreamweaverCS6网页设计与制作标准教程（微课版）》教学大纲课程介绍：本课程是一门概念性和实践性都很强的面向实际应用的课程。DreamweaverCS6是由Adobe公司开发的网页设计与制作软件。Adobe公司在Dreamweaver这一软件的版本上不断升级，是为了使广大从事网页制作和网页设计工作的用户拥有性能更完善的得力工具，同时也是为了使刚刚步入设计领域的初学者能够拥有更加优秀的学习软件。本课程主要介绍的是DreamweaverCC的基本操作方法和网页设计制作技巧，这是学习Dreamweaver的入门课程，也是必修课程，学员通过本课程的学习，应当能够熟悉软件功能和网页设计思路，为今后的专业学习或深入的设计打下基础。培训目标：掌握网站建设基本流程和网页设计基础知识掌握DreamweaverCC的工作界面和网站的建设基础掌握文本与文档的编辑熟练掌握插入图像和多媒体的方法和技巧掌握网页超链接的创建方法及应用技巧熟练掌握表格的使用方法及应用技巧熟练掌握框架集框架集的使用方法熟练掌握层的基本操作方法掌握层叠样式表（CSS）样式掌握模板和库的使用方法掌握CSS+DIV的布局方法及技巧掌握使用表单的方法了解行为的使用方法掌握网页代码的编写和修改掌握商业案例实训的设计方法及技巧培训内容：一、网页设计基础知识1、掌握互联网基础和网站建设基本流程2、掌握网站建设基础和网页设计基础3、掌握网页的制作常用软件和标准技术二、初识DreamweaverCS61、掌握DreamweaverCC的工作界面2、掌握站点管理器、创建文件夹、定义新站点、创建和保存网页3、掌握重命名、移动、删除文件和文件夹4、掌握站点的打开、编辑、复制、删除、导入和导出5、掌握关键字、作者和版权信息、刷新时间、描述信息等其他文件头的设置三、文本与文档1、掌握文字的输入、连续空格的输入2、掌握页边距、网页的标题、网页的默认格式的设置3、掌握对文字的大小、颜色、字体、对齐方式和段落样式等的设置4、掌握项目符号或编号、文本缩进、插入日期、特殊字符和换行符的使用5、掌握水平线、显示/隐藏网格和标尺的应用四、图像和多媒体1、掌握图像的格式2、掌握图像的插入、图像的属性、跟踪图像的应用 3、掌握Flash动画、FLV、Shockwave影片、Applet程序、ActiveX控件的插入 五、超链接1、掌握超链接的概念与路径知识2、掌握文本超链接、电子邮件超链接、下载文件链接的创建方法3、图片链接、鼠标经过图像链接的创建方法4、掌握锚点链接、热点链接的创建方法 六、使用表格1、掌握表格的组成和插入方法 2、掌握表格、单元格和行或列的属性设置3、掌握在单元格中输入文字、插入其他网页元素4、掌握选择整个表格、行或列、单元格的应用5、掌握复制、粘贴表格的应用6、掌握表格删除、缩放的应用7、掌握单元格的合并和单元格的拆分七、使用框架1、掌握框架与框架集的操作方法2、熟练掌握框架属性的设置方法八、使用层1、熟练掌握层的基本操作方法2、掌握应用层设计表格的技巧九、CSS样式1、掌握CSS样式的概念 2、掌握CSS样式面板的使用方法3、掌握CSS样式选择器的应用4、掌握样式的类型和创建方法5、掌握CSS样式的属性十、模板和库1、掌握资源面板的使用方法 2、掌握创建模板、可编辑区域、重复区域、重复表格的创建方法3、掌握模板的重命名、修改模板文件、更新站点和删除模板文件的方法4、掌握如何创建库文件5、掌握重命名、删除、修改和更新库项目的方法 十一、CSS+DIV布局方法1、掌握CSS+DIV的概述2、掌握div和span标记的区别3、掌握盒子的概念和操作技巧十二、使用表单1、掌握表单的使用方法 2、掌握单行、密码、多行和电子邮件文本域的创建方法3、掌握单选按钮、单选按钮组和复选框的创建方法4、掌握下拉菜单、滚动列表的创建方法5、掌握文件域、图像域和按钮的创建方法十三、使用行为1、掌握行为面板的使用 2、掌握JavaScript、打开浏览器窗口和转到URL的创建方法3、掌握检查插件、检查表单和交换图像的创建方法4、掌握显示隐藏层的方法5、掌握容器的文本、状态栏文本和文本域文字的设置方法6、跳转菜单和跳转菜单开始的方法 十四、网页代码1、掌握新建标签库、标签、属性的方法 2、掌握常用HTML标签的使用 3、掌握响应HTML事件的方法十五、商业案例实训1、掌握软件基础知识的使用方法2、了解软件的常用设计领域3、掌握在不同设计领域的使用技巧

《DreamweaverCS6网页设计与制作标准教程（微课版）》配套教学教案课时内容网页设计基础知识教学目标掌握互联网基础和网站建设基本流程。掌握网站建设基础和网页设计基础。掌握网页的制作常用软件和标准技术。教学重点熟练掌握网站建设的基本流程。熟练掌握网页设计基础知识。教学难点软件的应用和标准技术。教学设计教学思路：（1）通过对互联网的了解讲解掌握互联网相关知识；（2）通过对网站的了解讲解网站建设基本流程及网页设计基础知识；（3）通过网页设计需要讲解制作网页应用到的相关软件及语言。教学手段：（1）通过书籍了解相关知识；（2）通过软件功能解析深入学习软件功能和制作特点。教学资料及要求：除了课堂讲解的软件功能外，还可以根据相关的工具特点进行简单的练习和操作。教学内容讨论问题：1、网页可分为哪几种？2、常见的版面布局形式有哪几种？内容大纲：具体可结合本项目的PPT课件进行配合讲解。1.1互联网基础1.1.1Internet与WEB服务1.1.2URL路径1.1.3服务器与浏览器1.1.4互联网数据中心1.2网站建设基本流程1.2.1前期准备工作1.2.2方案实施1.2.3后期工作1.3网站建设基础1.3.1什么是静态网页1.3.2什么是动态网页1.3.3常见网站类型1.3.4申请域名和购买空间1.4网页设计基础1.4.1网页版面布局的原则和方法1.4.2常见的版面布局形式1.4.3网页配色基础1.5网页制作常用软件1.5.1Photoshop1.5.2Fireworks1.5.3Flash1.5.4Dreamweaver1.6网页制作标准技术1.6.1网页标记语言Html1.6.2页面修饰语言CSS1.6.3网页脚本语言JavaScript1.6.4动态网页编程语言ASP、PHP和JSP小结1、熟练掌握网站建设基本流程。2、熟练掌握网页设计基础知识。

课时内容初识DreamweaverCS6教学目标掌握软件的工作界面和创建网站框架。掌握管理站点文件和文件夹的方法。掌握管理站点和网页文件头设置。教学重点熟练掌握DreamweaverCS6工作界面的基本操作。熟练掌握DreamweaverCS6的站点。教学难点在DreamweaverCS6中站点的建立及编辑。教学设计教学思路：（1）通过对软件相关功能讲解掌握界面操作和站点设置的方法；（2）通过软件相关功能的解析学习DreamweaverCS6工作界面的基本操作和设置文件头的基本方法。教学手段：（1）通过书籍了解软件功能；（2）通过软件功能解析深入学习软件功能和制作特点。教学资料及要求：除了课堂讲解的软件功能外，还可以根据相关的工具特点进行简单的练习和操作。教学内容讨论问题：1、在DreamweaverCS6中有哪几种方法可以创建站点？2、同时本地站点与远程站点有什么区别？内容大纲：具体可结合本项目的PPT课件进行配合讲解。2.1DreamweaverCS6的工作界面2.1.1友善的开始页面2.1.2不同风格的界面2.1.3伸缩自如的功能面板2.1.4多文档的编辑界面2.1.5新颖的“插入”面板2.1.6更完整的CSS功能2.2创建网站框架2.2.1站点管理器2.2.2创建文件夹2.2.3定义新站点2.2.4创建和保存网页2.3管理站点文件和文件夹2.3.1重命名文件和文件夹2.3.2移动文件和文件夹2.3.3删除文件或文件夹2.4管理站点2.4.1打开站点2.4.2编辑站点2.4.3复制站点2.4.4删除站点2.4.5导入和导出站点2.5网页文件头设置2.5.1插入搜索关键字2.5.2插入作者和版权信息2.5.3设置刷新时间2.5.4设置描述信息小结1、熟练掌握DreamweaverCS6界面的操作方法和技巧。2、熟练掌握在DreamweaverCS6中站点的创建、编辑、复制、删除和导出的方法，掌握新建、保存的技巧。

课时内容文本与文档教学目标掌握输入文本和设置文本属性的方法。掌握项目符号和编号列表的创建方法。掌握水平线、网格与标尺的使用方法。教学重点熟练掌握文本的多种创建方法和编辑技巧。熟练掌握项目符号、编号列表和水平线的使用方法。教学难点能够正确输入文本并编辑相关属性。教学设计教学思路：（1）通过对课堂案例的讲解掌握绿林别墅网页、果蔬网、电器城网店和摄影艺术网页的制作方法；（2）再通过软件相关功能的解析学习输入文本和编辑文本相关属性，以及进行区分使用项目符号和编号列表方法和技巧；（3）再通过课堂练习巩固软件功能及网页制作技巧；（4）最后通过课后习题消化所学软件知识，提高制作网页的能力。教学手段：（1）通过课堂案例熟悉设计理念和软件功能；（2）通过软件功能解析深入学习软件功能和制作特点。（3）通过课堂练习和课后习题提高学生的实际应用能力。教学资料及要求：在网上找一些简单的网页页面进行制作，来加深学员对知识点的理解和提高实际操作能力。教学内容讨论问题：1、在DreamweaverCS6中可以有哪几种方法创建文本？2、在DreamweaverCS6中如何输入多个连续空格？内容大纲：具体可结合本项目的PPT课件进行配合讲解。3.1文本与文档3.1.1课堂案例——青山别墅网页3.1.2输入文本3.1.3设置文本属性3.1.4输入连续的空格3.1.5设置是否显示不可见元素3.1.6设置页边距3.1.7设置网页的标题3.1.8设置网页的默认格式3.1.9课堂案例——果蔬网3.1.10改变文本的大小3.1.11改变文本的颜色3.1.12改变文本的字体3.1.13改变文本的对齐方式3.1.14设置文本样式3.1.15段落文本3.2项目符号和编号列表3.2.1课堂案例——电器城网店3.2.2设置项目符号或编号3.2.3修改项目符号或编号3.2.4设置文本缩进格式3.2.5插入日期3.2.6特殊字符3.2.7插入换行符3.3水平线、网格与标尺3.3.1课堂案例——摄影艺术网页3.3.2水平线3.3.3显示和隐藏网格3.3.4标尺3.4课堂练习——有机果蔬网页3.5课后习题——休闲旅游网页小结熟练掌握文本的使用方法和技巧。了解并掌握项目符号和编辑列表的使用方法和技巧。作业

课时内容图像和多媒体教学目标熟练掌握图像的插入方法。掌握多媒体在网页中的应用。教学重点熟练掌握图像的格式与模式。熟练掌握Flash文件的插入与设置。教学难点能够正确使用图像和图像的属性设置、Flash文件的格式及设置属性。教学设计教学思路：（1）通过对课堂案例的讲解掌握咖啡网页和木工网页的制作方法；（2）再通过软件相关功能的解析学习图像的插入与使用技巧，以及进行动画的使用；（3）再通过课堂练习固软件功能及网页制作技巧；（4）最后通过课后习题消化所学软件知识，提高图像与动画的使用能力。教学手段：（1）通过课堂案例熟悉设计理念和软件功能；（2）通过软件功能解析深入学习软件功能和制作特点。（3）通过课堂练习练和课后习题提高学生的实际应用能力。教学资料及要求：在网上找一些带有图像和动画的网页页面进行制作，来加深学员对知识点的理解和提高实际操作能力。教学内容讨论问题：1、在DreamweaverCS6中插入图像后在浏览器中不能正常显示图像，是哪几种原因造成？如何解决？2、在DreamweaverCS6中如何设置插入的Flash动画为透明背景？内容大纲：具体可结合本项目的PPT课件进行配合讲解。4.1图像的插入4.1.1课堂案例——咖啡网页4.1.2网页中的图像格式4.1.3插入图像4.1.4设置图像属性4.1.5给图片添加文字说明4.1.6插入图像占位符4.1.7跟踪图像4.2多媒体在网页中的应用4.2.1课堂案例——木工网页4.2.2插入Flash动画4.2.3插入FLV4.2.4插入Shockwave影片4.2.5影片插入Applet程序4.2.6插入ActiveX控件4.3课堂练习——时尚先生网页4.4课后习题——房源网页小结熟练掌握图像的格式与插入方法和使用技巧。掌握Flash动画的插入和属性的设置。作业

课时内容超链接教学目标了解超链接的概念与路径知识。掌握文本、图像超链接的创建方法。掌握命名锚点、热点超链接的创建方法。教学重点简单了解超链接的概念与路径知识。熟练掌握超链接的分类及每种类型的创建方法。教学难点能够正确给所需文本添加超链接，以及锚记超链接的使用方法和技巧。教学设计教学思路：（1）通过对课堂案例的讲解掌握建筑模型网页、温泉度假网页、金融投资网页和口腔护理网页的制作方法；（2）再通过软件相关功能的解析学习超链接的种类，以及进行不同类型的超链接创建；（3）再通过课堂练习巩固软件功能及网页制作技巧；（4）最后通过课后习题消化所学软件知识，提高制作超链接的能力。教学手段：（1）通过课堂案例熟悉设计理念和软件功能；（2）通过软件功能解析深入学习软件功能和制作特点。（3）通过课堂练习和课后习题提高学生的实际应用能力。教学资料及要求：在网上找一些多级页面进行制作，来加深学员对知识点的理解和提高实际操作能力。教学内容讨论问题：1、在DreamweaverCS6中超链接有哪几种类型？分别是哪几种？2、在DreamweaverCS6中使用哪种超链接可以跳至指定的位置？内容大纲：具体可结合本项目的PPT课件进行配合讲解。5.1超链接的概念与路径知识5.2文本超链接5.2.1课堂案例——建筑模型网页5.2.2创建文本链接5.2.3文本链接的状态5.2.4下载文件链接5.2.5电子邮件链接5.3图像超链接5.3.1课堂案例——温泉度假网页5.3.2图像超链接5.3.3鼠标经过图像链接5.4命名锚点超链接5.4.1课堂案例——金融投资网页5.4.2命名锚点链接5.5热点链接5.5.1课堂案例——口腔护理网页5.5.2创建热点链接5.6课堂练习——家装设计网页5.7课后习题——建筑设计网页小结熟练掌握超链接的概念与路径。熟练掌握超链接的类型与创建方法的技巧。作业

课时内容使用表格教学目标熟练掌握表格的简单操作。熟练掌握在网页中制作数据表格。掌握复杂表格的排版方法。教学重点简单了解表格在制作网页中的作用。熟练掌握表格的插入与属性的设置。教学难点能够正确使用表格的嵌套制作复杂的网页页面。教学设计教学思路：（1）通过对课堂案例的讲解掌握布艺沙发网页和典藏博物馆网页的制作方法；（2）再通过软件相关功能的解析学习表格的插入与属性的设置，以及进行表格数据的导入与导出；（3）再通过课堂练习固软件功能及表格的使用技巧；（4）最后通过课后习题消化所学软件知识，提高网页制作的能力。教学手段：（1）通过课堂案例熟悉设计理念和软件功能；（2）通过软件功能解析深入学习软件功能和制作特点。（3）通过课堂练习和课后习题提高学生的实际应用能力。教学资料及要求：在网上找一些简单的网页页面进行制作，来加深学员对知识点的理解和提高实际操作能力。教学内容讨论问题：1、在DreamweaverCS6中如何向表格一次添加多行或多列？方法分别是？2、在DreamweaverCS6中<tr>标签可否添加背景图像？内容大纲：具体可结合本项目的PPT课件进行配合讲解。6.1表格的简单操作6.1.1课堂案例——布艺沙发网页6.1.2表格的组成6.1.3插入表格6.1.4表格各元素的属性6.1.5在表格中插入内容6.1.6选择表格元素6.1.7复制、粘贴表格6.1.8删除表格和表格内容6.1.9缩放表格6.1.10合并和拆分单元格6.1.11增加和删除表格的行和列6.2网页中的数据表格6.2.1课堂案例——典藏博物馆网页6.2.2导入和导出表格的数据6.2.3排序表格6.3复杂表格的排版6.4课堂练习——火锅餐厅网页6.5课后习题——茶文化网页小结熟练掌握表格的插入及表格属性的设置方法和技巧。熟练掌握表格嵌套布局。作业

课时内容框架教学目标掌握框架与框架集的操作方法。熟练掌握框架属性的设置方法。教学重点熟练掌握框架的创建方法。熟练掌握框架的拆分方法。教学难点能够正确使用框架的应用。教学设计教学思路：（1）通过对课堂案例的讲解掌握牛奶饮品网页和建筑规划网页的制作方法；（2）再通过软件相关功能的解析学习框架的应用方法和使用技巧；（3）最后通过课堂练习及课后习题消化所学软件知识，提高网页制作的能力。教学手段：（1）通过课堂实训案例熟悉设计理念和软件功能；（2）通过软件功能解析深入学习软件功能和制作特点。（3）通过课堂练习及课后习题提高学生的实际应用能力。教学资料及要求：在网上找一些带有框架的网页页面进行制作，来加深学员对知识点的理解和提高实际操作能力。教学内容讨论问题：1、在DreamweaverCS6中如何添加框架？2、在DreamweaverCS6如何拆分框架？内容大纲：具体可结合本项目的PPT课件进行配合讲解。7.1框架与框架集7.1.1课堂案例——牛奶饮品网页7.1.2建立框架集7.1.3为框架添加内容7.1.4保存框架7.1.5框架的选择7.1.6修改框架的大小7.1.7拆分框架7.1.8删除框架7.2框架的属性设置7.2.1课堂案例——建筑规划网页7.2.2框架属性7.2.3框架集的属性7.2.4框架中的链接7.2.5改变框架的背景颜色7.3课堂练习——阳光外语小学网页7.4课后习题——阳光外语小学网页2小结熟练掌握框架的创建方法。熟练掌握框架的拆分方法。作业

课时内容层的使用授课时间90分钟课时2教学目标熟练掌握层的基本操作方法。掌握应用层设计表格的技巧。教学重点何创建层。熟练掌握层的属性设置。教学难点能够正确使用不同类型的样式控制标签。教学设计教学思路：（1）通过对课堂案例的讲解掌握联创网络技术网页和信业融资网页的制作方法；（2）再通过软件相关功能的解析学习层的创建；（4）最后通过课堂练习及课后习题消化所学软件知识，提高网页制作的能力。教学手段：（1）通过课堂实训案例熟悉设计理念和软件功能；（2）通过软件功能解析深入学习软件功能和制作特点。（3）通过课堂练习及课后习题提高学生的实际应用能力。教学资料及要求：在网上中找一些带有层的网页页面进行制作，来加深学员对知识点的理解和提高实际操作能力。教学内容讨论问题：1、在DreamweaverCS6中层有什么作用？2、在DreamweaverCS6中如何同时绘制多个层？内容大纲：具体可结合本项目的PPT课件进行配合讲解。8.1层的基本操作8.1.1课堂案例——联创网络技术网页8.1.2创建层8.1.3选择层8.1.4设置层的默认属性8.1.5AP元素面板8.1.6更改层的堆叠顺序8.1.7更改层的可见性8.1.8调整层的大小8.1.9移动层8.1.10对齐层8.1.11层靠齐到网格8.2应用层设计表格8.2.1课堂案例——信业融资网页8.2.2将APDiv转换为表格8.2.3将表格转换为APDiv8.3课堂练习——美味小吃网页8.4课后习题——充气浮床网页小结熟练掌握层的创建方法。熟练掌握层的属性设置。作业

课时内容CSS样式教学目标掌握CSS样式的概念和面板的使用。掌握样式类型和创建、编辑样式的方法。掌握CSS属性和过滤器的使用方法。教学重点何应用CSS样式控制标签。熟练掌握CSS的属性设置。教学难点能够正确使用不同类型的样式控制标签。教学设计教学思路：（1）通过对课堂案例的讲解掌握爱越野网页和爱插画网页的制作方法；（2）再通过软件相关功能的解析学习CSS样式，以及CSS样式的属性及分类；（3）再通过课堂练习固软件功能及CSS样式的应用技巧；（4）最后通过课后习题消化所学软件知识，提高网页制作的能力。教学手段：（1）通过课堂案例熟悉设计理念和软件功能；（2）通过软件功能解析深入学习软件功能和制作特点。（3）通过课堂练习和课后习题提高学生的实际应用能力。教学资料及要求：在网上中找一些多样式的网页页面进行制作，来加深学员对知识点的理解和提高实际操作能力。教学内容讨论问题：1、在DreamweaverCS6中CSS样式分为哪几种类型？每种类型的具体作用？2、在DreamweaverCS6中使用CSS样式定位时需注意什么事项？内容大纲：具体可结合本项目的PPT课件进行配合讲解。9.1CSS样式的概念9.2CSS样式9.2.1“CSS样式”面板9.2.2CSS样式的类型9.3样式的类型与创建9.3.1创建重定义HTML标签样式9.3.2创建CSS选择器9.3.3创建和应用自定义样式9.3.4创建和引用外部样式9.4编辑样式9.5CSS的属性9.5.1课堂案例——爱越野网页9.5.2类型9.5.3背景9.5.4区块9.5.5方框9.5.6边框9.5.7列表9.5.8定位9.5.9扩展9.5.10过渡9.6过滤器9.6.1课堂案例——爱插画网页9.6.2可应用过滤的HTML标签9.6.3CSS的静态过滤器9.6.4CSS的动态过滤器9.7课堂练习——爱美化妆品网页9.8课后习题——咖啡屋网页小结熟练掌握CSS样式的概念。熟练掌握CSS样式的分类及使用方法和技巧。作业课时内容模板和库教学目标掌握资源面板的使用方法。掌握创建模板和模板属性的修改方法。掌握创建库文件和使用库项目的方法。教学重点熟练库面板的应用。教学难点能够正确应用模板的所有属性。教学设计教学思路：（1）通过对课堂案例的讲解掌握飞越天空网页和老年公寓网页的制作方法；（2）再通过软件相关功能的解析学习模板的创建、编辑和应用，以及库面板的使用；（3）再通过课堂实战演练巩固软件功能及模板的应用技巧；（4）最后通过课后习题消化所学软件知识，提高网页制作的能力。教学手段：（1）通过课堂案例熟悉设计理念和软件功能；（2）通过软件功能解析深入学习软件功能和制作特点。（3）通过课堂练习和课后习题提高学生的实际应用能力。教学资料及要求：在网上中找一些具有共同点的多级页面进行制作，来加深学员对知识点的理解和提高实际操作能力。教学内容讨论问题：1、在DreamweaverCS6中有几种方法创建模板？分别是？2、在DreamweaverCS6中库面板的具体作用是？内容大纲：具体可结合本项目的PPT课件进行配合讲解。10.1“资源”面板10.2模板10.2.1课堂案例——飞越天空网页10.2.2创建模板10.2.3定义和取消可编辑区域10.2.4创建基于模板的网页10.2.5管理模板10.3库10.3.1课堂案例——老年公寓网页10.3.2创建库文件10.3.3向页面添加库项目10.3.4更新库文件10.4课堂练习——租车网页10.5课后习题——爱家纺网页小结熟练掌握模板的创建、编辑、应用。熟练掌握库面板的应用。作业

课时内容CSS+DIV布局方法教学目标掌握CSS+DIV的概述。掌握div和span标记的区别。掌握盒子的概念和操作技巧。教学重点。熟练掌握CSS样式的应用。教学难点能够正确使用DIV标签布局。教学设计教学思路：（1）通过对课堂案例的讲解掌握绿色农场网页的制作方法；（2）再通过软件相关功能的解析学习DIV标签的应用；（3）再通过课堂练习巩固DIV及CSS的应用技巧；（4）最后通过课后习题消化所学软件知识，提高网页制作的能力。教学手段：（1）通过课堂案例熟悉设计理念和软件功能；（2）通过软件功能解析深入学习软件功能和制作特点。（3）通过课堂练习和课后习题提高学生的实际应用能力。教学资料及要求：在网上中找一些网页页面进行制作，来加深学员对知识点的理解和提高实际操作能力。教学内容讨论问题：1、<div>与<span>有什么区别？2、CSS+DIV有什么优点及缺点？内容大纲：具体可结合本项目的PPT课件进行配合讲解。11.1CSS+DIV的概述11.1.1CSS+DIV的优势11.1.2CSS+DIV缺点11.2<div>标记与<span>标记11.2.1概述11.2.2<div>与<span>的区别11.3盒子模型11.3.1盒子结构11.3.2盒子属性11.4盒子的定位与浮动11.4.1课堂案例——绿色农场网页11.4.2盒子的定义11.4.3盒子的浮动11.5课堂练习——浪漫花屋网页11.6课后习题——旅游网页小结熟练掌握表单的创建。熟练掌握表单的类型与使用。作业课时内容使用表单教学目标熟练掌握表单的使用方法。掌握复选框和单选按钮的创建方法。掌握列表和菜单的创建方法。教学重点何创建表单。熟练掌握表单的应用。教学难点能够正确使用不同类型的表单制作网页。教学设计教学思路：（1）通过对课堂案例的讲解掌握用户登录界面、会员注册页面、留言板网页和OA系统登录页面的制作方法；（2）再通过软件相关功能的解析学习表单的应用，以及表单属性的设置；（3）再通过课堂练习巩固软件功能及表单的应用技巧；（4）最后通过课后习题消化所学软件知识，提高网页制作的能力。教学手段：（1）通过课堂案例熟悉设计理念和软件功能；（2）通过软件功能解析深入学习软件功能和制作特点。（3）通过课堂练习和课后习题提高学生的实际应用能力。教学资料及要求：在网上中找一些会员注册的网页页面进行制作，来加深学员对知识点的理解和提高实际操作能力。教学内容讨论问题：1、在DreamweaverCS6中表单分为哪几种类型？如果想制作上传照片的效果应该应用哪种表单属性？2、在DreamweaverCS6中表单是否可以用CSS样式控制？内容大纲：具体可结合本项目的PPT课件进行配合讲解。12.1使用表单12.1.1课堂案例——用户登录界面12.1.2创建表单12.1.3表单的属性12.1.4单行文本域12.1.5隐藏域12.2应用复选框和单选按钮12.2.1课堂案例——会员注册页面12.2.2单选按钮12.2.3单选按钮组12.2.4复选框12.3创建列表和菜单12.3.1课堂案例——留言板网页12.3.2创建列表和菜单12.3.3创建跳转菜单12.3.4课堂案例——OA系统登录页面12.3.5创建文件域12.3.6创建图像域12.3.7提交、无、重置按钮12.4课堂练习——创新生活网页12.5课后习题——美食在线网页小结熟练掌握表单的创建。熟练掌握表单的类型与使用。作业

课时内容使用行为教学目标掌握行为面板的使用方法。掌握行为的应用方法和技巧。掌握动作面板的使用方法。教学重点何使用“行为”面板。熟练掌握动作。教学难点能够正确使用不同类型的动作制作网页。教学设计教学思路：（1）通过对课堂案例的讲解掌握婚戒网页、开心烘焙网页和爱心救助网页的制作方法；（2）再通过软件相关功能的解析学习行为与动作的应用；（3）再通过课堂练习巩固软件功能及行为的应用技巧；（4）最后通过课后习题消化所学软件知识，提高网页制作的能力。教学手段：（1）通过课堂案例熟悉设计理念和软件功能；（2）通过软件功能解析深入学习软件功能和制作特点。（3）通过课堂练习和课后习题提高学生的实际应用能力。教学资料及要求：在网上中找一些带有行为的网页页面进行制作，来加深学员对知识点的理解和提高实际操作能力。教学内容讨论问题：1、在DreamweaverCS6中如何制作出弹出浏览器窗口的页面？2、在DreamweaverCS6中如何制作带有提示的网页页面？内容大纲：具体可结合本项目的PPT课件进行配合讲解。13.1行为概述13.1.1“行为”面板13.1.2应用行为13.2动作13.2.1课堂案例——婚戒网页13.2.2调用JavaScript13.2.3打开浏览器窗口13.2.4转到URL13.2.5课堂案例——开心烘焙网页13.2.6检查插件13.2.7检查表单1