网页设计与制作（Dreamweaver CC）-教学指南

网页设计与制作DreamweaverCC第2版教学指南

四、教学时间分配.本书建议的学时数为56课时，其中理论教学实践教学=1:1注以上课时分配仅供参考，教学中可根据教学的安排再做调整为了配合《网页设计与制作DreamweaverCC》第2版课程的教学，体现教材的编写特色，更好地为读者服务，编写了此教学资料教学资料内容有三个部分第一部分是教学指南，包括了课程性质与任务、课程内容和要求、教学建议、教学时间分配等内容第二部分是电子教案，采用PowerPoint课件形式教师可以根据不同的教学要求按需选取和重新组合第三部分为书中案例所需素材和制作完成后的页面效果源文件限于编著者水平，教学资料中有错误或不妥之处，请读者给予批评指正第一部分《网页设计与制作》教学指南

一、课程性质与任务该课程属计算机相关专业必修课程先修课程为《计算机文化基础》、《phtoshop》、《数据库应用技术》等《网页设计与制作》是数字媒体技术、计算机科学与技术、计算机网络等专业的一门基础课程，通过本课程的学习，使学生掌握网络媒体界面设计的技能，使学生了解网站及网页的相关知识，掌握网站规划设计流程和方法、学会网页设计与制作的全部过程，学会使用常用的网页设计工具和常用脚本语言，能够设计制作常见的静态和动态网页，提高网页设计与制作能力同时通过本课程的学习，培养学生的综合职业能力、创新精神和良好的职业道德本课程主要培养学生从事网站设计必需的网页制作技能，使学生掌握网页设计的工作流程，DreamweaverCC的制作技术和网页设计技巧以及网页的相关知识学生学习后可根据各种类型网站管理的需要设计、更新网页，提高网站的浏览率，为今后从事设计打下坚实的基础应使学生达到以下基本要求了解网站系统的基本概念和相关技术的基础知识理解网站的设计与规划掌握如何使用DreamweaverCC来进行网页的外观和视觉效果设计了解DreamweaverCC中网站整体风格设计的方法学会用Dreamweaver与其他软件FirewordsFlash的配合工作方法了解应用DreamweaverCC提供的服务器行为开发动态网页的过程，学会在DreamweaverCC中开发动态网站的基本方法

二、教学提要、课程内容、教学要求第1章网页设计基础本章教学提要教学重点了解网站建设中的基本概念，明确网站的开发流程，并对DreamweaverCC的工作界面有所了解，为下一步的开发做准备教学难点网站的规划本章教学内容本章主要介绍网站开发中所涉及的基本知识，使读者通过学习掌握制作网页所必备的专业常识，并对DreamweaverCC的工作环境、网站制作流程予以介绍，为后续内容的展开进行铺垫，为下一步的开发做准备要求掌握网站开发所涉及的基本概念了解制作网站的流程掌握制作过程中的一些建站经验和建站技巧了解常用面板组的主要功能第2章创建本地站点本章教学提要教学重点本地站点的创建和设置教学难点文件面板的使用本章教学内容本章主要介绍使用DreamweaverCC开发网站时，在本地机器上创建本地站点的作用与方法要求了解建站的制作流程掌握制作过程中的一些建站经验和建站技巧了解常用面板组的主要功能学会利用站点地图查看，管理各网页之间的超链接关系第3章网页图文编辑本章教学提要教学重点文本的插入及属性设置、图像的插入及属性设置、图文混排教学难点合理使用属性设置图文的混排本章教学内容本章介绍网页基本元素一一文字、图片的插入和排版方法将介绍网页文件的创建、打开和保存，以及网页头部信息的插入方法重点介绍了网页文本与图像的插入方法及其属性的设置，详细介绍了图文混排的方法与技巧、应用图像工具栏工具进行图像的编辑，以及常见的网页元素如鼠标经过图像、导航条、水平线、日期等的插入方法第4章建立网页链接本章教学提要教学重点链接的创建方法（内部链接、外部链接、锚点链接、E-mail链接）、站点地图的使用教学难点站点地图的使用本章教学内容DreamweaverCC提供多种创建超链接的各种方法，可创建到文挡、图像、多媒体文件或可下载软件的链接，可以创建到文档内任意位置的任何文本或图像的链接等本章主要介绍超链接的类型；相对路径与绝对路径的使用方法；超级链接各目标参数的用法；在网页中创建各种超链接如文本、图像，电子邮件、锚点、程序等的方法；导航条与跳转菜单的特点与用法；利用超链接组织网站结构的技巧以及如何管理站点的超链接第5章表格处理本章教学提要教学重点表格的基本操作、应用表格布局教学难点应用表格布局页面本章教学内容表格在网页中即可以用来真正实现表格的显示，也可以利用其边框为零时不显示边框的特性，来达到网页布局的作用本章介绍在表格布局中的常用方法，使学生学会如何设计、布局各类网页教学要求明确页面布局的相关理论，掌握页面的构成，了解页面布局的各种技术和方法，掌握创建表格，表格的基本操作，添加删除行列，拆分合并单元格表格及其属性设置，表格排序等表格的基本操作第6章层叠样式表本章教学提要教学重点创建、编辑CSS样式创建、编辑、附加CSS外部样式表常用CSS特效滤镜的使用方法教学难点创建、编辑、选用CSS外部样式表本章教学内容本章介绍CSS层叠式样式表的概念，定义CSS样式表，创建并链接到外部CSS样式，设置CSS样式的格式化参数，设置超链接显示状态，添加各种CSS效果，掌握内部CSS和外部CSS的添加方法，编辑CSS属性，创建各种CSS效果理解使用CSS排版的优点了解如何使用CSS控制背景、鼠标以及添加其它特殊效果第7章CSS页面布局本章教学提要教学重点CSS布局设计原理、Div+CSS布局方法教学难点CSS布局相关属性设置本章教学内容本章介绍了CSS页面布局的方法，对CSS各属性的含义做了较为详细的说明，对当前流行布局方法有所认识，掌握DIV的插入方法，理解CSS样式表在布局中的作用，学会如何使用CSS样式来布局页面第8章模板和库本章教学提要教学重点模板的创建、编辑、应用、修改站点的更新教学难点:如何合理的设置和定义模板的可编辑区域本章教学内容本章主要介绍了模板和库项目的使用包括资源管理、模板的创建、模板的编辑、定义模板可编辑区域、以及库项目的创建、管理和编辑使学生掌握模板的创建，模板的编辑，定义模板可编辑区域；理解资源的管理方法；了解创建，管理和编辑库项目第9章插入多媒体元素本章教学提要教学重点如何插入声音、视频（SWF、FLV）、HTML音频、HTML视频及插件，并进行相关选项的设置教学难点第三方插件的安装和使用本章教学内容本章中详细介绍了如何使用声音、视频、插件等多媒体元素来美化网页，以及各多媒体元素的插入及设置方法；第三方插件的安装和使用，使读者了解如何扩展Dreamweaver的功能第10章行为本章教学提要教学重点各种内置行为的作用及添加方法教学难点欲加行为的对象的选择本章教学内容行为由事件和动作两部分组成，本章详细介绍了行为的添加方法，例如，在新的浏览器窗口显示放大图像、创建可拖动AP元素、检查浏览器和表单、设置文本和显示弹出式菜单等教学要求如何在网页中添加行为；如何为事件选择合适的动作；以及如何修改与更新行为第11章表单本章教学提要教学重点创建表单并设置表单的属性教学难点:表单对象的各属性的含义本章教学内容在本章中主要介绍了网络信息交互工具表单的制作方法包括创建表单和文本域、文本区域、密码域、单选按钮、复选框、按钮、选择、搜索、日期选择器等多种表单元素的方法，各种表单对象属性的设置，表单的提交方法等知识第12章使用jQueryUI小部件本章教学提要教学重点jQueryUI小部件的插入方法及其作用教学难点jQueryUI小部件属性相关设置本章教学内容本章主要介绍了Dreamweaver“jQueryUI”小部件的使用方法其中包括“jQueryUI”折叠面板、选项卡面板、进度条、对话框、滑块、验证单选框组和复选框组等，只需简单的拖放或应用菜单命令就可以在网页中轻松地创建这些组件第13章站点的整理维护与上传本章教学提要教学重点网上免费空间的申请、站点的上传和测试教学难点站点的管理方法本章教学内容本章介绍了网站空间的申请，站点的发布和管理，站点的上传和测试，以及网站的推广等内容掌握上传站点的知识包括如何测试与整理站点；当开发用机器与Web服务器位于同一个局域网中如何发布网站；如果远端站点位于一个FTP服务器上如何发布网站；能够使用DreamweaverCC上传网站文件第14章Web应用程序开发本章教学提要教学重点IIS的设置、在DreamweaverCC中连接数据库、站点的重新设置教学难点用MapPath方法创建非DSN连接本章教学内容动态网站，是相对于静态网站而言的前面所做的网页，全都是静态形式，只能让访问者默默地浏览而不能实现交互式的访问而动态网站，可以实现交互式访问，很多网站上出现的论坛、留言板、聊天室、数据查询等系统，都是动态网站的实现形式本章首先介绍了如何安装IIS在安装完成后如何建立新的Web站点，如何启动和停止已有的站点以及建立数据库和连接数据库第十六章动态网站的开发本章教学提要教学重点记录集的定义、绑定记录集、添加服务器行为教学难点理解服务器行为的作用及设置本章教学内容本章试图让读者在不懂编程的情况下实现网页的动态编程，它所依靠的就是服务器行为DreamweaverCC隐藏了服务器行为的具体实现过程，读者只需加上对象和适当的参数就可以完成编程的任务

三、教学建议网页制作课程是一门应用性学科，而非理论性课程，要求学习者亲身操练，反复练习，在自己设计与完善网站的过程中，在制作各种类型的网页操作中切实掌握所学的内容为此本教程根据各知识点的教学要求设计每章需要完成的目标任务，通过通过案例的讲解，使学习者可以边学边练，切实掌握网页制作的技能在本课程的讲解中，软件菜单和命令的讲解要少而精，重点要结合实际应用技巧来讲，每一项功能都要结合案例来讲，即采用案例教学法教师应选择一些经典的案例做示范操作，引导学生举一仿三，重视课内的实际操作练习和辅导，使学生逐渐养成应用快捷键的操作习惯注意调动学生的学习兴趣和创造性编者提出以下教学建议

1、教师在讲课中重点交待本课的任务和完成任务的具体做法，让学生带着问题去听课，待实例讲解完毕后，再对知识点进行提练，从而加深学生对重点内容的理解和记忆

2、为了突出课程的“项目实做”的教学理念，锻炼学生的操作能力，建议教师采用“行为导向教学”授课，让学生更多参与教学过程，让学生有更多的机会进行模拟操作

3、在学生的成绩认定上，不鼓励以试卷的考试方式来评定学习效果建议以阶段性成绩代替学期总成绩

4、教学中应突出对学生的操作能力的培养，考核学生学习成绩也应从能力出发在小组工作学习中，除了考察学生的专业能力以外，还应该进一步考察学生对工作的责任心和团队精神，这也是为学生今后工作所做的能力储备章节数学内容理论教学实验教学1网站设计基础22创建本地站点223网页图文编辑224建立网页超链接115表格布局226层叠样式表227CSS页面布局228模板和库229插入多媒体元素2210行为2211表单1112使用jQueryUI小部件4213站点整理维护与上传2214动态网站开发环境设置2215动态网站的开发44总计56。