网页设计与制作 Photoshop+Dreamweaver+Flash 立体化教程 1DVD 教学课件 危锋 李茂林 教学教案.pdfVIP

《网页设计与制作 （Dreamweaver+Flash+Photoshop ）立体化教 程》配套教学教案 第1讲 课时内容 网页设计概述 授课时间 90分钟 课时 2 了解网页设计中相关术语及概念 掌握HTML 常用的标记语言 教学目标 掌握一个完整网站设计的基本流程。 能够独立完成一个网站的项目规划 掌握一个完整网站设计的基本流程。 教学重点 能够独立完成一个网站的项目规划。 教学难点 掌握完整网站的设计流程。 1、教学思路：（1）利用一个网站的界面效果图进行分析，讲解网站的相关知识，并认 识什么是网站等；（2）演示规划“蓉锦大学”网站结构图来讲解相关知识，让学员 学会网站前期规划过程（3）安排上机实训。 教学设计 2、教学手段：（1）结合相关案例讲解，实例结束后进行总结和疑难提问；（2）对于重 点操作可以着重讲解，并加强举例说明。 3、教学资料及要求：除教材中的实例外，可以涉及一些HTML标记语言的相关知识， 作为学生的拓展学习。 教学内容 讨论问题：1、为什么要制作网站？ 2、应该怎样制作网站？ 内容大纲：具体可结合本章的PPT课件进行配合讲解。 任务一购物网站赏析 一、任务目标 二、相关知识 （一）网站、网页、主页概念 （二）网页常用术语 （三）常用网页制作软件 （四）HTML标记语言 三、任务实施 任务二规划“蓉锦大学” 网站 一、任务目标 二、相关知识 （一）网页设计内容 （二）网页设计原则 三、任务实施 （一）前期策划与内容组织 （二）搜集和整理资料 （三）网页效果图设计 （四）网页中动画设计 （五）网站页面设计制作 （六）网站测试与发布 实训规划“果蔬网” 网站 常见疑难解析 拓展知识 课后练习 任务二——规划蓉锦大学网站 课后练习——规划“七月”网站 1、掌握网页设计中相关术语及概念。 2、掌握如何规划网站内容等。 小结 3、本章内容虽然尚未涉及到网页设计和制作，但却是网页设计制作的基础。学员应认 真理解和掌握，为后面制作网页打下基础。 想一想： 站点的作用是什么？站点有何意义？举例日常浏览网页时遇到的站点，并分析其 分为几大板块？ 思考及作 练一练： 业 （1）简述网站设计的一般流程，并具体介绍各个流程需要注意的事项。 （2 ）通过网络查阅资料或浏览一些优秀的个人网站，然后根据自己习惯，规划一 个个 人空间网站，如图1-16 所示为一个个人网站的规划草图，以供参考。 第2讲 Dreamweaver CS5基 课时内容 授课时间 120分钟 课时 3 本操作 掌握站点的创建和管理方法。 教学目标 掌握网页中文本的输入与编辑操作。 掌握在网页中添加其他元素的操作。 掌握“果蔬网”站点的创建方法 教学重点 掌握“蓉锦大学——学校简介”页面的制作方法。 教学难点 如何创建站点并添加相关文本。 1、教学思路：（1）演示“果蔬网”站点的具体制作步骤，让学员学