欢迎来到天天文库
浏览记录
ID:10198505
大小:7.37 MB
页数:22页
时间:2018-06-12
《网页设计教学教案》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、《DreamweaverCS5网页设计教程》配套教学教案第1讲课时内容DreamweaverCS5网页制作基础授课时间150分钟课时4教学目标þ了解规划网站的一般流程。þ掌握DreamweaverCS5的工作界面。þ熟悉站点的创建与管理操作。教学重点þDreamweaverCS5的工作界面组成。þ创建站点和管理站点的操作。教学难点如何正确规划网站内容。教学设计1、教学思路:(1)介绍DreamweaverCS5的界面和网页制作的流程;(2)演示创建“千履千寻公司”站点的具体步骤,让学员了解如何创建站点;(3)演示管理“千履千寻公司”站点的操作,让学员熟悉站点的基本
2、操作;(4)安排上机实训。2、教学手段:(1)结合相关案例讲解,实例结束后进行总结和疑难提问;(2)对于重点操作可以着重演示,并加强举例说明。3、教学资料及要求:除教材中的实例外,可以再找一些已建立和制作完成的站点进行演示,便于学员理解。教学内容知识回顾:在前面讲解了DreamweaverCS5的工作界面,以及站点的创建和管理,在实例制作过程中也涉及了站点中文件和文件夹的创建和管理操作。讨论问题:1、为什么要首先建立站点?2、一个网站最基本的功能有哪些?内容大纲:具体可结合本章的PPT课件进行配合讲解。1.1规划“千履千寻公司”网站1.1.1确定网站风格和布局1.
3、1.2网站需求分析1.1.3规划站点内容1.2DreamweaverCS5的工作界面1.2.1界面概述1.2.2标题栏1.2.3菜单栏1.2.4文档工具栏1.2.5插入栏1.2.6浮动面板组1.2.7状态栏1.2.8“属性”面板1.3创建“千履千寻公司”站点1.3.1站点规划1.3.2创建本地站点1.4管理“千履千寻公司”站点1.4.1打开站点1.4.2编辑站点1.4.3删除站点1.4.4复制站点1.4.5管理站点文件和文件夹1.5实训——创建“快乐旅游”站点1.5.1实训目标1.5.2专业背景1.5.3操作思路1.6疑难解析1.7习题拓展知识课堂案例1——创建站
4、点课堂案例2——管理站点上机实训——创建“快乐旅游”站点小结1、掌握如何确定网站风格和布局、分析网站需求。2、掌握如何规划网站内容、认识DreamweaverCS5的工作界面、创建与管理站点等。3、本章内容虽然尚未涉及到网页设计和制作,但却是网页设计制作的基础。学员应认真理解和掌握,为后面制作网页打下基础。思考及作业想一想:站点的作用是什么?站点有何意义?举例日常浏览网页时遇到的站点,并分析其分为几大板块?练一练:(1)查看DreamweaverCS5中“表单”插入栏包含的内容。(2)在浮动面板组中将“资源”、“行为”和“组件”3个面板排列到同一个面板中(首先需要
5、利用“窗口”菜单显示出这些面板)。(3)创建名为“wodewangzhan”的站点,将位置设置在D盘的“OK”文件夹中,然后通过编辑站点的方法将其重命名为“mynet”,最后删除站点并取消操作。(4)规划并构思一个美食站点,创建一个导航草图,其中必须包含“菜谱”和“食材”两大板块,要求整个站点结构能满足一般的浏览和查询美食资源的要求。(5)在上一题的基础上,启动DreamweaverCS5,创建该美食站点并在其中添加相应的文件夹和文件。第2讲课时内容输入与格式化文本授课时间120分钟课时3教学目标þ掌握文本段落的输入与换行分段的操作。þ掌握设置文本格式的方法。þ熟
6、悉项目列表的设置和水平线的创建方法。þ了解添加滚动字幕的方法。教学重点þ文本的输入、字体格式的设置、段落的设置等操作。þ插入特殊文本对象、创建列表、设置水平线和添加滚动字幕等操作。教学难点如何设计文字版式,使页面舒适美观。教学设计1、教学思路:(1)演示“公司简介”网页的具体制作步骤,让学员学习如何在Dreamweaver中输入文本并设置相应的格式;(2)演示“企业文化”网页的具体制作步骤,让学员了解如何在网页中插入其他对象;(3)安排上机实训。2、教学手段:(1)实例讲解过程穿插输入和设置的相关基础知识,实例结束后进行总结和疑难提问;(2)对于重点操作可以着重演
7、示,并加强举例说明。3、教学资料及要求:除教材中的实例外,可以再找一些文字类网页进行展示,与学员互动,讨论文字添加了何种格式,便于学员理解。教学内容知识回顾:在前面讲解了DreamweaverCS5中文本的输入和格式的设置,以及其他对象的添加操作,在实例制作过程中还涉及了滚动字幕的设置操作。讨论问题:1、设置网页文字的字体时应注意些什么?2、网页的制作一般将就图文结合,在什么情况下需要使用纯文字的网页?内容大纲:具体可结合本章的PPT课件进行配合讲解。2.1制作“公司简介”页面2.1.1输入文本2.1.2设置文本字体格式2.1.3设置段落格式2.2制作“企业文化”
8、页面2.2
此文档下载收益归作者所有