网页设计教案1.doc

编号：SKZJLJXZX37 网页设计教案（2010 2011 学年第 一 学期）适用 计算机网络、应用 专业院系（部）_信息系_ 班 级_2009级网络班 _ 教 师_祝惠新_ 教案首页本次课标题：学习情境一：Dreamweaver环境搭建授课日期2010.8.31授课班级2009级网络班课 时共 2 小时上课地点实验楼k区教学目标能力（技能）目标知识目标1.熟悉集成环境2.网站开发流程3.创建并浏览网页文件1.网站开发基础流程2.创建站点3.创建一个简单的网站网页教学任务及案例1.能说出网站开发的一般步骤2.知道网站开发主要事项3.熟悉集成开发环境重点难点重点：1.熟悉集成开发环境2.网站开发流程难点：1. 站点创建2. Dreamweaver环境使用单元考核使用Dreamweaver工具创建网站站点并测试网页参考资料任务书、源代码、网络资源，参考书注：表格内容统一用5号宋体填写。教学设计 步 骤教学内容教师活动（方法与手段）学生活动时间分配告知（教学内容、目的）1.能说出网站开发的一般步骤2.知道网站开发主要事项3.熟悉集成开发环境讲授听讲10分钟引入（任务项目）说课按照要求安装Dreamweaver开发平台，讲解运行机制、配置平台环境，浏览经典网页演示讲解提问听讲、小组讨论10分钟操练(掌握初步或基本能力)1、Dreamweaver开发平台， 2、指导学生配置熟悉平台环境3、创建站点，网页并浏览教师讲解学生操作个别操作集体提示10分钟深化（加深对基本能力的体会）通过案例点评、小组讨论及教材理论知识的讲解，使学生了解站点创建、网页设计的含义、特点、依据、内容教师演示要点提示重点讲解个别回答集体讨论60分钟归纳（知识和能力）第一个网站的创建和浏览步骤讲授听讲10分钟训练巩固拓展检验组内自评选出一个全班展示，组间互评，认识了解Dreamweaver开发平台，简单网页并浏览。启发诱导难点提示个别指导个人操作小组讨论10钟总结归纳本次课所讲的内容，总结要实现的能力目标和知识目标，重点是站点的创建教师讲授听讲10分钟作业创建网站站点并测试网页后记注：表格内容统一用5号宋体填写。教学内容1、网站设计基础网站设计是一个复杂的系统工程，是一个策划和思考的复杂过程，制作只是将其表现出来而已是设计的一部分，设计是网站的核心和灵魂，网站设计包含的内容特别多大体分为两个方面：一方面是网站本身的设计比如文字排版图片制作和平面设计等；一方面是网站延伸设计包括网站的主题定位和浏览群的定位智能交互制作策划。2、网站开发流程 一个网站的开发过程从某种意义上讲是集体团结的象征，因为一个公司组织开发一个网站时不是某个人单打独斗就能完成的，即使全面负责网站开发的只是某一个人，但参与开发的通常还包括主导网站开发的单位和客户还有美术设计人员程序设计师和维护人员等。为了能让网站开发工作有效地进行，一般在开发网站时开发人员都必须遵循网站的开发流程。3、网站开发注意事项 页面版式和布局 网页的色彩 网页的文字 网页中的表格4、创建和使用站点(1) 规划站点结构(2) 创建站点(3) 搭建站点结构在D新建一个文件夹，输入你想要的站点名称，这里输入media,注意的是，尽量不要用中文命名，以免出现意想不到的麻烦！现在开始在Dreamweaver 中把media这个文件夹定义为站点。打开Dreamweaver，在菜单栏上，点击站点菜单，选择新建站点。选择站点位置非常重要，这一步决定站点是否创建成功。站点定义好之后，就要开始新建网页文件和文件夹了，在站点中点击右键，选择新建文件，给新建的文件输入名称。新建文件夹与新建文件类似，就不重复了。在文件命名和站点结构方面，养成良好的习惯很重要。在中间工作区里输入文字，文档工具栏中找到预览图标，浏览网页效果。网站首页默认的文件名，取决于你申请的主页空间，一般是index.htm,index.html,default.htm等。同类型的文件，最好放在一个文件夹中，例如把图片文件，都放在image文件夹中。不要把所有文件都放在根目录下，把一个栏目的所有文件放在一个文件夹中，在链接网页和维护时，会很方便。文件和文件夹的命名，可以用栏目名称的拼音，也可以用栏目名称的英文，团队开发时，有统一的命名规则相当重要。例如个人简历栏目，命名的文件夹名称可以是jianli，如果命名成英文，可以是me。论坛栏目的命名，大家都是用bbs作文件夹名称。教案首页本次课标题：学习情境一：Dreamweaver环境搭建授课日期2010.9.2授课班级2009级网络班课 时共 1 小时上课地点实验楼k区教学目标能力（技能）目标知识目标1. 站点规划设计2. 创建并浏览网页文件1.创建站点2.创建一个简单的网站网页教学任务及案例1.创建和管理站点2.熟练使用集成开发环境重点难点重点：1. 站点创建和管理2. 熟练使用开发环境难点：站点创建和管理单元考核使用Dreamweaver工具创建网站站点并测试网页参考资料任务书、源代码、网络资源，参考书注：表格内容统一用5号宋体填写。教学设计 步 骤教学内容教师活动（方法与手段）学生活动时间分配告知（教学内容、目的）1.创建和管理站点2.熟练使用集成开发环境讲授听讲5分钟引入（任务项目）浏览经典网页演示讲解提问听讲、小组讨论5分钟操练(掌握初步或基本能力)1、指导学生熟练使用平台环境2、创建站点，网页并浏览教师讲解学生操作个别操作集体提示15分钟深化（加深对基本能力的体会）通过案例点评、小组讨论及教材理论知识的讲解，使学生了解站点创建、网页设计的含义、特点、依据、内容教师演示要点提示重点讲解个别回答集体讨论20分钟归纳（知识和能力）网站的创建和浏览步骤讲授听讲5分钟训练巩固拓展检验组内自评选出一个全班展示，组间互评，认识了解Dreamweaver开发平台，简单网页并浏览。启发诱导难点提示个别指导个人操作小组讨论5分钟总结归纳本次课所讲的内容，总结要实现的能力目标和知识目标，重点是站点的创建教师讲授听讲5分钟作业创建网站站点并测试网页后记注：表格内容统一用5号宋体填写。教学内容Dreamweaver操作环境Dreamweaver是Macromedia公司推出的主页编辑工具。它是一个所见即所得网页编辑器，支持最新的DHTML和CSS标准。采用了多种先进技术，能够快速高效地创建极具表现力和动感效果的网页，使网页创作过程变得非常简单。值得称道的是，