教学指南.docx
- 文档编号:14798055
- 上传时间:2023-06-27
- 格式:DOCX
- 页数:12
- 大小:25.24KB
教学指南.docx
《教学指南.docx》由会员分享,可在线阅读,更多相关《教学指南.docx(12页珍藏版)》请在冰点文库上搜索。
教学指南
网页制作基础教程(DreamweaverCS3)
教学指南
葛艳玲主编
PublishingHouseofElectronicsIndustry
北京BEIJING
前言
为了配合《网页制作基础教程》课程的教学,体现教材的编写特色,更好地为读者服务,编写了此教学资料。
教学资料内容有两个部分:
第一部分是教学指南,包括了课程性质与任务、课程内容和要求、教学建议、教学时间分配和习题答案。
第二部分是电子教案,采用PowerPoint课件形式。
教师可以根据不同的教学要求按需选取和重新组合。
限于编著者水平,教学资料中有错误或不妥之处,请读者给予批评指正。
编者
2007年2月
第一部分《网页制作基础教程》教学指南
一、课程性质与任务
该课程属计算机相关专业必修课程。
先修课程为《计算机文化基础》、《phtoshop》、《数据库应用技术》等。
《网页制作基础教程》是从站点的规划和网站的整体设计思路入手,按照从整体布局到具体实现的方式,详细介绍了静态网页和动态网页设计和制作的过程,内容涵盖了各种方法和技巧。
本课程主要培养学生从事网站设计必需的网页制作技能,使学生掌握网页设计的工作流程,DreamweaverCS3的制作技术和网页设计技巧以及网页的相关知识。
学生学习后可根据各种类型网站管理的需要设计、更新网页,提高网站的浏览率,为今后从事设计打下坚实的基础。
应使学生达到以下基本要求:
●了解网站系统的基本概念和相关技术的基础知识。
●理解网站的设计与规划。
●掌握如何使用DreamweaverCS3来进行网页的外观和视觉效果设计。
●了解DreamweaverCS3中网站整体风格设计的方法。
学会用Dreamweaver与其他软件(Firewords、Flash)的配合工作方法。
●了解应用DreamweaverCS3提供的服务器行为开发动态网页的过程,学会在DreamweaverCS3中开发动态网页的基本方法。
二、教学提要、课程内容、教学要求
第一章网页设计基础
本章教学提要:
教学重点:
本地站点的创建和设置。
教学难点:
站点地图的使用。
本章教学内容:
在本章中详细介绍了DreamweaverCS3的启动方式和工作环境,重点介绍了本地站点的规划与创建,同时介绍了网站制作流程、建站技巧和在制作网页过程中需要注意的问题。
要求:
●了解制作网站的流程
●掌握制作过程中的一些建站经验和建站技巧
●了解常用面板组的主要功能
●掌握创建本地站点的方法和步骤
第二章网页的基本操作
本章教学提要:
教学重点:
文本的插入及属性设置
图像的插入及属性设置
图文混排
图像的编辑
教学难点:
合理使用属性设置图文的混排。
本章教学内容:
本章介绍网页基本元素——文字、图片的插入和排版方法。
将介绍网页文件的创建、打开和保存,以及网页头部信息的插入方法。
重点介绍了网页文本与图像的插入方法及其属性的设置,详细介绍了图文混排的方法与技巧、应用图像工具栏工具进行图像的编辑,以及常见的网页元素如鼠标经过图像、导航条、水平线、日期等的插入方法。
第三章建立网页链接
本章教学提要:
教学重点:
链接的创建方法(内部链接、外部链接、锚点链接、E-mail链接)
站点地图的使用
教学难点:
站点地图的使用
本章教学内容:
DreamweaverCS3提供多种创建超链接的各种方法,可创建到文挡、图像、多媒体文件或可下载软件的链接,可以创建到文档内任意位置的任何文本或图像的链接等。
本章主要介绍超链接的类型;相对路径与绝对路径的使用方法;超级链接各目标参数的用法;在网页中创建各种超链接如文本、图像,电子邮件、锚点、程序等的方法;导航条与跳转菜单的特点与用法;利用超链接组织网站结构的技巧以及如何管理站点的超链接。
第四章表格处理
本章教学提要:
教学重点:
表格的基本操作
应用表格布局(标准视图下)
使用表格的其它视图(扩展视图、布局视图)
教学难点:
应用表格布局页面。
本章教学内容:
本章介绍了表格的基本操作方法,以及应用表格进行布局设计的方法和步骤,介绍了页面布局的常识和布局中表格各属性的设置方法,使读者从中看到表格在网页设计中不仅可用于以传统表格的形式显示信息,还可以用于布局页面。
还介绍了表格的扩展视图、布局视图的应用,从而使网页布局能够得心应手。
第五章APDiv元素与时间轴动画
本章教学提要:
教学重点:
AP元素的创建、选择、编辑、保存等基本操作
AP元素的属性设置
AP元素面板的使用
时间轴的使用方法以及应用时间轴制作网页动画效果的方法
教学难点:
AP元素及嵌套AP元素、AP元素的叠放次序、AP元素的可见性等内容。
本章教学内容:
通过教学,使学生掌握AP元素的概念,掌握AP元素的创建和AP元素的编辑方法,创建新AP元素的方法,创建嵌套AP元素的方法,AP元素的操作与属性设置的方法,设置层参数的方法,设置单个与多个层的属性的方法,AP元素面板的使用方法。
会使用辅助工具定位AP元素在网页中的位置。
掌握AP元素与表格的转换方法,将AP元素转换成表格和将表格转换为AP元素的操作方法,掌握时间轴的概念、时间轴中各元素的功能及时间轴的常用操作方法。
掌握使用时间轴面板创建动画的方法,创建移动动画,拖动对象轨迹创建动画,用时间轴更改对象的属性创建动画。
并通过具体的实例让读者真正掌握AP元素的运用,了解AP元素在布局中的优势和劣势,理解利用AP元素的属性可制作多种动态效果。
第六章框架
本章教学提要:
教学重点:
框架网页的创建及保存方法
框架网页的选择、编辑等
设置框架和框架集的属性
创建框架网页超链接
教学难点:
框架集和框架之间的关系
框架和框架集的属性设置
本章教学内容:
框架提供将一个浏览器窗口划分为多个区域,每个区域都可以显示不同HTML文档的方法。
本章主要讲授框架网页的创建和使用方法,包括创建框架、命名框架、设置框架以及保存框架等操作。
在使用框架的过程中一定要明白框架的基本结构。
第七章插入多媒体元素
本章教学提要:
教学重点:
如何插入Flash动画、Flash按钮、Flash元素
如何应用Applet小程序丰富网页。
Activex控件和插件的应用
教学难点:
应用Applet小程序
第三方插件的安装和使用
本章教学内容:
本章中详细介绍了如何在网页中使用Flash动画、Flash文本、Flash按钮、Flash元素,另外还介绍了Applet小程序、Activex控件和插件的使用,它可以创建动画,并实现与用户的交互。
以及第三方插件的安装和使用,使读者了解如何扩展Dreamweaver的功能。
第八章行为
本章教学提要:
教学重点:
行为的含义;
如何在网页中添加行为;
如何为“事件”选择合适的“动作”
教学难点:
理解行为的含义
在网页中灵活地应用行为
本章教学内容:
本章介绍了创建行为的基本方法以及行为面板的使用,介绍了常用行为如:
制作打开浏览器窗口,显示-隐藏层;创建可拖动AP元素、检查浏览器和表单、设置文本和显示弹出式菜单等行为的常用功能。
第九章使用CSS样式
本章教学提要:
教学重点:
创建、编辑CSS样式
创建、编辑、选用CSS外部样式表
常用CSS特效滤镜的使用方法。
教学难点:
创建、编辑、选用CSS外部样式表
本章教学内容:
本章介绍CSS层叠式样式表的概念,定义CSS样式表,创建并链接到外部CSS样式,设置CSS样式的格式化参数,设置超链接显示状态,添加各种CSS效果,掌握:
内部CSS和外部CSS的添加方法,编辑CSS属性,使用CSS进行页面的排版,创建各种CSS效果。
理解:
使用CSS排版的优点。
了解:
如何使用CSS控制背景、鼠标以及添加其它特殊效果。
第十章模板、库的应用
本章教学提要:
教学重点:
模板的创建、编辑、应用、修改
站点的更新。
教学难点:
如何合理的设置和定义模板的可编辑区域。
本章教学内容:
本章主要介绍了模板和库项目的使用。
包括资源管理、模板的创建、模板的编辑、定义模板可编辑区域、以及库项目的创建、管理和编辑。
使学生掌握:
模板的创建,模板的编辑,定义模板可编辑区域;理解:
资源的管理方法;了解:
创建,管理和编辑库项目。
第十一章嵌入表单元素
本章教学提要:
教学重点:
创建表单并设置表单的属性
表单的递交方法等
Spry验证表单
教学难点:
表单对象的各属性的含义
本章教学内容:
表单的作用是获取Web站点访问者的信息。
访问者可以使用诸如文本域、列表框、复选框以及单选按钮之类的表单对象输入信息,然后单击某个按钮提交这些信息,这些信息会被特定程序及时处理。
在本章中主要介绍了表单和单行文本框、多行文本框、单选按钮、复选框、下拉式列表等多种表单元素的的创建方法,以及各种表单对象属性的设置。
使学生掌握:
创建表单、处理表单和设置表单参数。
理解:
表单的概念和作用。
了解:
如何使用表单创建交互式界面。
第十二章使用Spry构件
本章教学提要:
教学重点:
Spry构件的使用
SpryXML数据操作
Spry页面特效
教学难点:
使用Spry显示数据
本章教学内容:
Spry框架是一个JavaScript库,Web设计人员使用它可以构建能够向站点访问者提供更丰富体验的Web页。
本章介绍了Spry构件的使用(包括:
Spry菜单栏、Spry选项卡式面板、Spry折叠式、Spry可折叠面板),使用Spry显示XML数据,Spry效果。
使学生掌握各种Spry构件的添加方法,学会使用Spry显示数据,创建构件(如折叠构件和菜单栏),向各种页面元素中添加不同种类的效果。
第十三章站点的整理维护与上传
本章教学提要:
教学重点:
网上免费空间的申请
站点的管理
站点的上传和测试
教学难点:
站点的管理方法
本章教学内容:
本章介绍了网站空间的申请,站点的发布和管理,站点的上传和测试,以及网站的推广等内容。
掌握上传站点的知识:
包括如何测试与整理站点;当开发用机器与Web服务器位于同一个局域网中如何发布网站;如果远端站点位于一个FTP服务器上如何发布网站;能够使用DreamweaverCS3上传网站文件。
第十四章动态网站开发的前期准备
本章教学提要:
教学重点:
IIS的设置
创建DSN数据源
定义站点的测试服务器信息和远程信息
建立数据库连接
教学难点:
用MapPath方法创建非DSN连接
本章教学内容:
动态网站,是相对于静态网站而言的。
前面所做的网页,全都是静态形式,只能让访问者默默地浏览,而不能实现交互式的访问。
而动态网站,可以实现交互式访问,很多网站上出现的论坛、留言板、聊天室、数据查询等系统,都是动态网站的实现形式。
本章首先介绍了如何安装IIS,在安装完成后如何建立新的Web站点,如何启动和停止已有的站点。
以及建立数据库和连接数据库。
第十五章动态网站的开发
本章教学提要:
教学重点:
记录集的定义
绑定记录集
添加服务器行为
教学难点:
表单对象的各属性的含义
本章教学内容:
本章通过讲解记录集的创建方法以及如何将记录集中数据绑定到动态页面中,最后再通过服务器行为的定义让大家初次体验一下留言板主页面的动态效果。
三、教学建议
网页制作课程是一门应用性学科,而非理论性课程,要求学习者亲身操练,反复练习,在自己设计与完善网站的过程中,在制作各种类型的网页操作中切实掌握所学的内容。
为此本教程根据各知识点的教学要求设计每章需要完成的目标任务,通过通过案例的讲解,使学习者可以边学边练,切实掌握网页制作的技能。
教材中的每一章均以“任务→项目→理论”的模式编写,首先提出这一章要完成的任务,接着是融入了此任务的项目实例的具体制作方法,通过实例的制作诠释了任务的完成方法,再进一步地提练出相关理论知识点。
因此,编者提出以下教学建议:
1、教师在讲课中重点交待本课的任务和完成任务的具体做法,让学生带着问题去听课,待实例讲解完毕后,再对知识点进行提练,从而加深学生对重点内容的理解和记忆。
2、为了突出课程的“项目实做”的教学理念,锻炼学生的操作能力,建议教师采用“行为导向教学”授课,让学生更多参与教学过程,让学生有更多的机会进行模拟操作。
3、在学生的成绩认定上,不鼓励以试卷的考试方式来评定学习效果。
建议以阶段性成绩代替学期总成绩。
4、教学中应突出对学生的操作能力的培养,考核学生学习成绩也应从能力出发。
在小组工作学习中,除了考察学生的专业能力以外,还应该进一步考察学生对工作的责任心和团队精神,这也是为学生今后工作所做的能力储备。
四、教学时间分配
本书建议的学时数为48课时,其中理论教学:
实践教学为1:
1。
章节
数学内容
授课学时
1
网站设计基础
2
2
网页的编辑
2
3
建立网页超链接
2
4
表格处理
4
5
AP元素的应用
2
6
框架的应用
2
7
插入多媒体元素
2
8
行为、时间轴
2
9
使用CSS样式
4
10
模板和库的应用
2
11
嵌入表单元素
2
12
Spry构件
4
13
网站的整理维护与上传
2
14
动态网站开发的前期准备
2
15
动态网站的开发
4
机动
6
测试或考试
4
总计
48
注:
以上课时分配仅供参考,教学中可根据教学的安排再做调整。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 教学 指南