网页设计教学教案课程

《Dreamweaver CS5网页设计教程》

配套教学教案

第1讲

课时内容 Dreamweaver CS5网页制作基础 授课时间 150分钟 课时 4 ? 了解规划网站的一般流程。 教学目标 ? 掌握Dreamweaver CS5的工作界面。 ? 熟悉站点的创建与管理操作。 ? Dreamweaver CS5的工作界面组成。 教学重点 ? 创建站点和管理站点的操作。 教学难点 如何正确规划网站内容。 1、 教学思路：（1）介绍Dreamweaver CS5的界面和网页制作的流程；（2）演示创建“千履千寻公司”站点的具体步骤，让学员了解如何创建站点；（3）演示管理“千履千寻公司”站点的操作，让学员熟悉站点的基本操作；（4）安排上机实训。 教学设计 2、 教学手段：（1）结合相关案例讲解，实例结束后进行总结和疑难提问；（2）对于重点操作可以着重演示，并加强举例说明。 3、 教学资料及要求：除教材中的实例外，可以再找一些已建立和制作完成的站点进行演示，便于学员理解。 教学内容 知识回顾：在前面讲解了Dreamweaver CS5的工作界面，以及站点的创建和管理，在实例制作过程中也涉及了站点中文件和文件夹的创建和管理操作。 讨论问题：1、为什么要首先建立站点？ 2、一个网站最基本的功能有哪些？ 内容大纲：具体可结合本章的PPT课件进行配合讲解。 1.1 规划“千履千寻公司”网站 1.1.1 确定网站风格和布局 1.1.2 网站需求分析 1.1.3 规划站点内容 1.2 Dreamweaver CS5的工作界面 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——创建站点 课堂案例2——管理站点 上机实训——创建“快乐旅游”站点 1、 掌握如何确定网站风格和布局、分析网站需求。 2、 掌握如何规划网站内容、认识Dreamweaver CS5的工作界面、创建小结 与管理站点等。 3、 本章内容虽然尚未涉及到网页设计和制作，但却是网页设计制作的基础。学员应认真理解和掌握，为后面制作网页打下基础。 想一想： 站点的作用是什么？站点有何意义？举例日常浏览网页时遇到的站点，并分析其分为几大板块？ 练一练： （1）查看Dreamweaver CS5中“表单”插入栏包含的内容。 （2）在浮动面板组中将“资源”、“行为”和“组件”3个面板排列到同一个面板中（首先需要利用“窗口”菜单显示出这些面板）。 思考及作业 （3）创建名为“wodewangzhan”的站点，将位置设置在D盘的“OK”文件夹中，然后通过编辑站点的方法将其重命名为“mynet”，最后删除站点并取消操作。 （4）规划并构思一个美食站点，创建一个导航草图，其中必须包含“菜谱”和“食材”两大板块，要求整个站点结构能满足一般的浏览和查询美食资源的要求。 （5）在上一题的基础上，启动Dreamweaver CS5，创建该美食站点并在其中添加相应的文件夹和文件。