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

网页设计与制作(Dreamweaver CC)(第2版) 教学指南四、教学时间分配.本书建议的学时数为56课时，其中理论教学：实践教学=1: 1。章节数学内容理论 教学实验 教学1网站设计基础22创建本地站点223网页图文编辑224建立网页超链接115表格布局226层叠样式表227CSS页面布局228模板和库229插入多媒体元素2210行为2211表单1112使用jQuery UI小部件4213站点整理维护与上传2214动态网站开发环境设置2215动态网站的开发44总计56注：以上课时分配仅供参考，教学中可根据教学的安排再做调整。为了配合网页设计与制作(Dreamweaver CC)(第2版)课程的教学，体现教材的 编写特色，更好地为读者服务，编写了此教学资料。教学资料内容有三个部分：第一部分是教学指南，包括了课程性质与任务、课程内容和要求、教学建议、教学时间 分配等内容。第二部分是电子教案，采用PowerPoint课件形式。教师可以根据不同的教学要求按需 选取和重新组合。第三部分为书中案例所需素材和制作完成后的页面效果源文件。限于编著者水平，教学资料中有错误或不妥之处，请读者给予批评指正。第一部分网页设计与制作教学指南一、课程性质与任务该课程属计算机相关专业必修课程。先修课程为计算机文化基础、phtoshop、数据库应用技术 等。网页设计与制作是数字媒体技术、计算机科学与技术、计算机网络等专业的一门基础课程，通过 本课程的学习，使学生掌握网络媒体界面设计的技能，使学生了解网站及网页的相关知识，掌握网站规划 设计流程和方法、学会网页设计与制作的全部过程，学会使用常用的网页设计工具和常用脚本语言，能够 设计制作常见的静态和动态网页，提高网页设计与制作能力。同时通过本课程的学习，培养学生的综合职 业能力、创新精神和良好的职业道德。本课程主要培养学生从事网站设计必需的网页制作技能，使学生掌握网页设计的工作流程， Dreamweaver CC的制作技术和网页设计技巧以及网页的相关知识。学生学习后可根据各种类型网站管理 的需要设计、更新网页，提高网站的浏览率，为今后从事设计打下坚实的基础。应使学生达到以下基本要求： 了解网站系统的基本概念和相关技术的基础知识。 理解网站的设计与规划。 掌握如何使用Dreamweaver CC来进行网页的外观和视觉效果设计。 了解Dreamweaver CC中网站整体风格设计的方法。学会用Dreamweaver与其他软件(Fi rewords> Flash)的配合工作方法。 了解应用Dreamweaver CC提供的服务器行为开发动态网页的过程，学会在Dreamweaver CC中开 发动态网站的基本方法。二、教学提要、课程内容、教学要求第1章网页设计基础本章教学提要：教学重点：了解网站建设中的基本概念，明确网站的开发流程，并对Dreamweaver CC的工作界面有所了解，为 下一步的开发做准备。教学难点：网站的规划本章教学内容：本章主要介绍网站开发中所涉及的基本知识，使读者通过学习掌握制作网页所必备的专业常识，并对Dreamweaver CC的工作环境、网站制作流程予以介绍，为后续内容的展开进行铺垫，为下一步的开发做准备。要求： 掌握网站开发所涉及的基本概念 了解制作网站的流程 掌握制作过程中的一些建站经验和建站技巧 了解常用面板组的主要功能第2章创建本地站点本章教学提要：教学重点：本地站点的创建和设置。教学难点：文件面板的使用本章教学内容：本章主要介绍使用Dreamweaver CC开发网站时，在本地机器上创建本地站点的作用与方法。要求： 了解建站的制作流程掌握制作过程中的一些建站经验和建站技巧 了解常用面板组的主要功能学会利用站点地图查看，管理各网页之间的超链接关系。第3章网页图文编辑本章教学提要：教学重点：文本的插入及属性设置、图像的插入及属性设置、图文混排教学难点：合理使用属性设置图文的混排。本章教学内容：本章介绍网页基本元素一一文字、图片的插入和排版方法。将介绍网页文件的创建、打开和保存，以及网页头部信息的插入方法。重点介绍了网页文本与图像的插入方法及其属性的设置，详细介绍了图文混 排的方法与技巧、应用图像工具栏工具进行图像的编辑，以及常见的网页元素如鼠标经过图像、导航条、 水平线、日期等的插入方法。第4章建立网页链接本章教学提要：教学重点：链接的创建方法（内部链接、外部链接、锚点链接、E-mail链接）、站点地图的使用 教学难点：站点地图的使用本章教学内容：Dreamweaver CC提供多种创建超链接的各种方法，可创建到文挡、图像、多媒体文件或可下载软件 的链接，可以创建到文档内任意位置的任何文本或图像的链接等。本章主要介绍超链接的类型；相对路径 与绝对路径的使用方法；超级链接各目标参数的用法；在网页中创建各种超链接如文本、图像，电子邮件、 锚点、程序等的方法；导航条与跳转菜单的特点与用法；利用超链接组织网站结构的技巧以及如何管理站 点的超链接。第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章使用jQuery UI小部件本章教学提要：教学重点："jQuery UI"小部件的插入方法及其作用。教学难点："jQuery UI"小部件属性相关设置本章教学内容：本章主要介绍了 Dreamweaver “jQuery UI”小部件的使用方法。其中包括“jQuery UI”折叠面板、 选项卡面板、进度条、对话框、滑块、验证单选框组和复选框组等，只需简单的拖放或应用菜单命令就可 以在网页中轻松地创建这些组件。第13章站点的整理维护与上传本章教学提要：教学重点：网上免费空间的申请、站点的上传和测试教学难点：站点的管理方法本章教学内容：本章介绍了网站空间的申请，站点的发布和管理，站点的上传和测试，以及网站的推广等内容。掌握 上传站点的知识：包括如何测试与整理站点；当开发用机器与Web服务器位于同一个局域网中如何发布 网站；如果远端站点位于一个FTP服务器上如何发布网站；能够使用Dreamweaver CC上传网站文件。第14章Web应用程序开发本章教学提要：教学重点：IIS的设置、在Dreamweaver CC中连接数据库、站点的重新设置教学难点：用MapPath方法创建非DSN连接本章教学内容：动态网站，是相对于静态网站而言的。前面所做的网页，全都是静态形式，只能让访问者默默地浏览,而不能实现交互式的访问。而动态网站，可以实现交互式访问，很多网站上出现的论坛、留言板、聊天室、 数据查询等系统，都是动态网站的实现形式。本章首先介绍了如何安装IIS,在安装完成后如何建立新的Web站点，如何启动和停止已有的站点。 以及建立数据库和连接数据库。第十六章动态网站的开发本章教学提要：教学重点：记录集的定义、绑定记录集、添加服务器行为教学难点：理解服务器行为的作用及设置。本章教学内容：本章试图让读者在不懂编程的情况下实现网页的动态编程，它所依靠的就是服务器行为。Dreamweaver CC隐藏了服务器行为的具体实现过程，读者只需加上对象和适当的参数就可以完成编程的任务。三、教学建议网页制作课程是一门应用性学科，而非理论性课程，要求学习者亲身操练，反复练习，在自己设计 与完善网站的过程中，在制作各种类型的网页操作中切实掌握所学的内容。为此本教程根据各知识点的教 学要求设计每章需要完成的目标任务，通过通过案例的讲解，使学习者可以边学边练，切实掌握网页制作 的技能。在本课程的讲解中，软件菜单和命令的讲解要少而精，重点要结合实际应用技巧来讲，每一项功能都 要结合案例来讲，即采用案例教学法。教师应选择一些经典的案例做示范操作，引导学生举一仿三，重视 课内的实际操作练习和辅导，使学生逐渐养成应用快捷键的操作习惯。注意调动学生的学习兴趣和创造性。编者提出以下教学建议：1、教师在讲课中重点交待本课的任务和完成任务的具体做法，让学生带着问题去听课，待实例讲解 完毕后，再对知识点进行提练，从而加深学生对重点内容的理解和记忆。2、为了突出课程的“项目实做”的教学理念，锻炼学生的操作能力，建议教师采用“行为导向教学” 授课，让学生更多参与教学过程，让学生有更多的机会进行模拟操作。3、在学生的成绩认定上，不鼓励以试卷的考试方式来评定学习效果。建议以阶段性成绩代替学期总 成绩。4、教学中应突出对学生的操作能力的培养，考核学生学习成绩也应从能力出发。在小组工作学习中， 除了考察学生的专业能力以外，还应该进一步考察学生对工作的责任心和团队精神，这也是为学生今后工 作所做的能力储备。