g37dreamweaver cs6网页设计立体化教程-教学教案

《DreamweaverCS6网页设计立体化第1DreamweaverCS6授451熟悉制作的相关知掌握“千履千寻”公司站点的创建方掌握、网页的概念，网页常用术语，网页色彩搭配，HTML标记语言，以DreamweaverCS6掌握开发流程，网页设计内容和原则，站点规划，创建、编辑和管理站掌握“千履千寻”公司站点的创建方法等（1）（2）（3）（4）员掌握站点创建和管理的方法，并对设计的工作流程有一个基本的认识；（1）（2）32、设计流程是什么内容大纲PPT1.1.1概常用网页制作软件——Dreamweaver商业开发流1、熟悉概述、网页常用术语、网页色彩搭配、HTML标记语言、Dreamweaver思考及作想创建一个站点需要注意些什么本练对个人进行规划，主要用于展示用户的个人摄影作品、个人信息和动态，并且会和大家一些摄影作品的拍摄技巧。要求制作的网页能体现该的主要功能，界面设计要符合特色。先搜集相关的和文字等资料，然本练制作购物其中的一个子网页“企业文化，该网页主要介绍企业的第2授902掌握“”页面的制作方1、教学思路（1）通过制作“”页面，让学员掌握新建与保存网页、设置页（2）（3）2、教学（1）通过讲解相关知识点的操作，让学员掌握知识点的操作方法，讲解（2）知识回顾：面讲解了制作的相关知识和“千履千寻”公司站点的创建方法，下面对输内容大纲PPT制作“”网制作“”页 制作“企业文化”页12思考及作想本练在“招聘”网页中输入文本和其他文本对象，使网页的内容更加丰富、fuzhuang.html第3内容插入图像和多对授902教学目教学重掌握添加多插件、添加背景音乐、插入SWF动画和插入FLV等操作方教学难（1）（）教学设2、教学：通过演示讲解具体的操作方法，讲解结束后，让学员动手制作相关的3、教学资料及要求：补充一些经典的网页案例，让学员赏析其中的设计和多2、如何筛选网页中的多对象内容大纲PPT添加多插FLV行业提示：添加多对象的注意事 对 “关于我们”页 “新品展台”页12、掌握在网页中添加并编辑多对象的方法思考及想网页中常用的文件格式有哪些什么格式的文件适合在网页中使用第4授2掌握创建文本超、图像超、外部超、图像热点超等操掌握超、电子邮件超、文件超、空和等操各种超在网页中的应用和创建方（1）（2）页面，让学员掌握超、电子邮件超、文件超、空和（3）（1）（2）3、教学资料及要求：收集其他优秀网页中的超案例，让学员自行收集知识回顾：面讲解了在网页中添加图像和多对象的方法，下面对在网页中创建超讨论问题：1、什么是超2、网页中有哪些常用的超内容大纲PPT创建 修改超显示方“公司地图”页 “给我们留言”页建和的创建等操作思考及作想如何快速检查中的超本练制作“订单”网页，主要包括文本、、电子邮件、空等操作，SWF动画和图像，然后为文本设置超级，参考效果如下图所示第5授1353DivDiv（1APDiv（1）（2）知识回顾：前面介绍了在网页中添加超的相关方法；下面主要介绍网页布局的3种常用（1）内容大纲PPT创建AP选择AP设置APDiv移动AP对齐AP更改APDiv在APDiv AP“产品展示”网 “千履千寻”首1APDiv2思考及作想哪种风格的网页适合使用表格来进行布局APDiv来提高工作效率 管理”网 第6CSS授902CSS样式、CSSCSSCSS样式、CSS样式等知识。CSS+DivCSS1、教学思路（1）通过制作“热销精品”网页，让学员掌握CSS样式的各种属性设置、创建与应用CSS样式、编辑CSS样式、删除CSS样式等操作方法（2）通过制作“消（3）2、教学（1）演示课堂案例的操作步骤，详细讲解操作时的注意事项（2）对于易3、教学资料及要求：提供一些外接CSS样式文档，然后通过的方法查看效果知识回顾：CSS盒子模型来统一网页2、CSS内容大纲PPT CSS的几种方Web2.0制作“热销精品”网 制作“消费者保障”网2、掌握Div的插入以及对应CSS样式规则的设置等知识想如何CSS样式文件CSS样式面板中直接添加属性规则思考及作业（3）CSS本练美化“红驴旅行网”网页，通过新建CSS样式来对网页的文本格式、图第7授3掌握“会员”网页的制作方1、教学思路（1）通过制作“客户交流”网页，让学员掌握创建、编辑、应用与管理（2）（3）（4）（5）2、教学（1）通过讲解具体的案例操作步骤，掌握使用模板、库、表单和行为的（2）3知识回顾：面讲解了使用CSS和盒子模型统一网页风格的相关知识，下面对模板、库、表内容大纲PPT7.3.2制作 ”网 “客户交流”网 “产品介绍”网“会 ”网 “品牌展厅”网Dreamweaver想（1）若将模板文件移动了位置后，是否还能使用（2）可编辑区域是否能单独存在（3）如何只更新当前网页中的模板（4）如何（5）思考及作本练打开“luntan_zc.html”网页文件，根据所学的知识，制作一个用第8制作ASP授1353掌握配置页数据源的方掌握页配置基础、安装与配置IIS、使用Access创建数据表、创建与配置动态掌握页数据源的配置方法掌握页的设计方法1、教学思路（1）通过配置页数据源，让学员掌握页配置基础、安装与配（2）（3）（4）（1）3、教学资料及要求：除了上述讲解的页制作外，还可通过实例的形式让学员自行发散思考其他页的制作方法。知识回顾：面讲解了模板、库、表单和行为的制作方法。下面页的制作方法进行介绍讨论问题：1、如何配置页的数据源2、如何制作数据管理页面内容大纲PPT8.1.1页基创建数据表并数据制作“用户”网制作“登录”用户验制作“登录数据管理”网 制作“加入购物车”网思考及作想为什么在进行页制作前需要配置数据源记录集分页中的文本超能否使用代替练习1：制作“”本练制作“”动态页面，对用户提交的表单信息进行处理。如果成功练习2：制作“果蔬网”网本练为果蔬网购物制作“加入购物车”页面，使用户可以在此页面中输入第9授902掌握兼容性测试、检查并修复、速度检测的方法掌握测试的相关操作方法掌握发布的相关操作方法（1）（2）（3）（1）（2）3、教学资料及要求：提供一些其他发布的免费空间知识回顾：前面讲解了页的制作方法，下面讲解测试和发布的相关讨论问题：1、如何测试，主要测试的哪些部分2、如何发布，需要些什么准备内容大纲PPT检测速行业提示：认识站点申请免费及空测试“千履千寻公司” 发布“千履千寻公司”掌握的测试与发布的知识，包括兼容性测试、的检查与修复、速度的测试与设置、主页空间的申请和开通、信息的配置以及站点的发布等内容。想能否将本地计算机作为空间分别对“mysite”站点的各个网页进行检查，包括检查断掉的、外思考及作业，并对整个站点进行孤立文件的检查，最后修复检查出的问题分别对“mysite”站点的各个网页的速度进试，如果超过8秒，尝利用“首选参数”框对窗口大小和速度进行设置信息，如FTP主机地址、用户名和登录等内容对“mysite”站点进行信息配置，包括设置方式、FTP主机地址、录名及等信息，并进试第10制作植物授902巩固使用DreamweaverCS6制作的进一步熟悉的制作流掌握前期规划、后期制作等操作一个完整的制作流程和设计要求教学思路（1）通过制作植物，让学员掌握创建站点、创建Div、创建CSS样式、添加并设置表格、添加等相关操作，并对前期规划、后期制作有整（2）（（2）教学资料及要求：多方查找提供的精美案例，以供学员课后练习知识回顾：前面讲解了设计的一些基础知识，下面将进行综合案例，制作一个植物讨论问题：1、掌握首页的设计方法2、掌握设计流程内容大纲PPT练习1：制作“旅游休闲”练习2：制作“糕点”植物掌握站点的规划与管理、表格和嵌套表格的创建、外部CSS样式文件的创建、和设置、APDiv的绘制、超