网页设计基础(说课稿).

1、网页设计基础网页设计基础Page 2网页设计基础网页设计基础 本课程是计算机多媒体技本课程是计算机多媒体技术、印刷图文信息处理、网络术、印刷图文信息处理、网络技术等专业的专业基础课程，技术等专业的专业基础课程，在在ITIT行业应用非常广泛。它既行业应用非常广泛。它既为一门具体的应用技术，也是为一门具体的应用技术，也是作为其他网络应用的重要基础作为其他网络应用的重要基础工具，因而在整个教学体系中工具，因而在整个教学体系中占据非常重要的地位。占据非常重要的地位。 Page 3计算机多媒体技术专业方向简图专业人才培养目标一学期二学期四学期三学期五学期六学期图形图像处理图形图像处理平面动画基础平面动画

2、基础静态网页设计静态网页设计网站开发实训网站开发实训影视三维动画影视三维动画企业实习实训企业实习实训网站开发三维动画影视制作图像处理Page 4这门课程对应的职业岗位n网页设计师n网页美工n网络管理员n网站开发工程师Page 5目目 录录课课 程程 设设 置置 及及 内内 容容教教 学学 过过 程程 及及 方方 法法学学 习习 方方 法法 及及 考考 核核课课 程程 特特 色色 及及 创新创新 教什么？教什么？Page 7课程定位课程定位HTML+CSSJavascript数据库开发技术数据库开发技术平面构成平面构成平面图像处理平面图像处理FlashFlash动画制作动画制作网站综合实训网站综

3、合实训Page 8课程设置课程设置: : “任务驱动教学方法任务驱动教学方法”n 课程情景：课程情景：张先生的企业要设计与制作一个网站来宣传张先生的企业要设计与制作一个网站来宣传展示企业形象和宣传产展示企业形象和宣传产品，任务需要一网站设计师来完成。品，任务需要一网站设计师来完成。 网站整体色彩设计网站整体色彩设计和布局需求分析和布局需求分析 项目立项，规划网项目立项，规划网站站 网页的设计制作网页的设计制作 网站的框架与样式网站的框架与样式网站测试和发布管理网站测试和发布管理网站运行和更新网站运行和更新网站构图设计网站构图设计设计制作步骤设计制作步骤文档布局编辑文档布局编辑多媒体的处理多媒体

4、的处理布局和框架布局和框架脚本使用脚本使用测试和发布测试和发布管理管理 FireworksFireworks的使用的使用DreamweaverDreamweaver的使用的使用 flashflash的使用的使用 CSS+DIVCSS+DIV布局处理布局处理 网站网络基本知识网站网络基本知识JavaScriptJavaScript实用技术实用技术网站的测试和综合网站的测试和综合Page 9教学总体结构设计（项目任务式教学）教学总体结构设计（项目任务式教学）理论知识教学理论知识教学实践能力训练实践能力训练设计思想锻炼设计思想锻炼创新能力开发创新能力开发项目一项目一 项目立项与网站策划项目立项与网站

5、策划项目二项目二 网站首页设计与切片网站首页设计与切片项目三项目三 网页文档编辑网页文档编辑项目四项目四 网页动画制作网页动画制作项目五项目五 网页样式的处理网页样式的处理项目项目六六 网页脚本的使用网页脚本的使用项目项目七七 网站网站测试、发布与管理测试、发布与管理项目项目八八 网页综合实训网页综合实训标示符号标示符号教学训练目标教学训练目标能力培养重点能力培养重点实践教学目的实践教学目的Page 10课课 程程 目目 标标 知识目标了解基本的网页设计配色布局方案掌握网站建设的基本途径、方法和技术要求具有网页制作的基本设计理念能根据网站功能需求设计网页制作的基本方案能力目标熟练掌握网页设计和

6、制作的软件（网页三剑客）运用能力根据功能需求设计网站的布局、框架和配色方案等综合能力运用所学知识解决网页设计中所遇到的实际问题能力收集、处理信息、准备、加工素材的实践能力素质目标沟通能力和协作精神勤于思考、认真踏实的工作作风运用科学技术和创新创业的理念自主学习、不断进取、理论联系实际的综合素养Page 11知识目标知识目标了了 解解掌掌 握握应应 用用网页设计配网页设计配色布局方案色布局方案网站开发、网网站开发、网页设计布局页设计布局网站方案设计网站方案设计和需求分析和需求分析Page 12能力目标能力目标1.1.熟练掌握网页设计和制熟练掌握网页设计和制作的软件（网页三剑客）作的软件（网页三剑

7、客）运用能力运用能力2.2.根据功能需求设计网站根据功能需求设计网站的布局、框架和配色方的布局、框架和配色方案等综合能力案等综合能力3.3.运用所学知识解决网页运用所学知识解决网页设计中所遇到的实际问设计中所遇到的实际问题能力题能力4.4.收集、处理信息、收集、处理信息、准备、加工素材的准备、加工素材的实践能力实践能力5.5.独立完成静态网站独立完成静态网站制作能力制作能力6.6.策划、色彩感悟、策划、色彩感悟、结构布局能力结构布局能力7.7.设计网站综合实力设计网站综合实力1234567Page 13素质目标素质目标社会实践与志愿服务社会实践与志愿服务 思想政治与道德素养思想政治与道德素养

8、科学技术与创新创业科学技术与创新创业 社团活动与社会工作社团活动与社会工作 文化艺术与身心发展文化艺术与身心发展 技能培养技能培养 Page 14网页动画处理网页动画处理Flash动画制作SWF动画运用设计网页效果图设计网页效果图Fireworks、Photoshop 美工基础导航和接片、热区两周综合实训两周综合实训网页制作方法网页制作方法Dreamweaver运用使用HTML语言设计教学内容的组织与安排教学内容的组织与安排培养综合实践能力方案设计和实践操作能力网站规划网站规划写策划书和客户签订合同制定开发流程和任务分工 怎么教？怎么教？Page 16教学目标教学目标 网页脚本运用网页脚本运用

9、动画制作和样式处理动画制作和样式处理网页文档静态制作网页文档静态制作 网站设计思想网站设计思想教学过程总体结构设计教学过程总体结构设计课程起始课程起始课程拓展课程拓展课程完成课程完成 网站发布和管理网站发布和管理综合实训设计综合实训设计Page 17教学活动的有机结合教学活动的有机结合教教 学学 过过 程程课件运用课件运用媒介场景媒介场景实例结合实例结合有机互动有机互动灵活掌握技能操作灵活掌握技能操作理解知识重点和要点理解知识重点和要点理解课程运用知识理解课程运用知识开拓创新设计思维开拓创新设计思维Page 18行动领域 例如：例如：项目三项目三 网页动画制作网页动画制作典型工作任务 提出任务

10、提出任务需求需求 网站首页需要网站首页需要bannerbanner动画动画行动领域 制作软件的选取和介绍制作软件的选取和介绍选用基本选用基本软件软件 行动领域 软件工具软件工具使用使用 软件工具的应用实例软件工具的应用实例行动领域 网站动画的素材选取网站动画的素材选取基本动画基本动画制作制作 banner动态效果制作动态效果制作行动领域 FLASHFLASH基本操作介绍基本操作介绍完成动画完成动画制作制作 行动领域 FLASHFLASH工具的使用实例工具的使用实例行动领域 动态效果的制作方法动态效果的制作方法完成项目完成项目任务任务 Page 19多种教学模式的运用多种教学模式的运用课堂演示教

11、学课堂演示教学教师指导实验教师指导实验实习实训实践实习实训实践专业设计比赛专业设计比赛教学模式的设计与创新教学模式的设计与创新单击添加单击添加理论实践理论实践教学教学实践实训实践实训教学教学社会实践社会实践教学教学校外企业实训校外企业实训技能操作评比技能操作评比Page 20走工学结合的路子，利用社会IT企业和校外实训基地，获取知识和技能。 理论课教学采用多媒体课件、电化教学或等先进教学手段进行。 充分利用实验室，进行各种操作技能训练，加深对理论知识的理解和记忆。 充分利用校园网及网络平台，拓展学生知识面。 Page 21教学方法的多样性教学方法的多样性实践训练实践训练任务应用任务应用演示讲授

12、演示讲授Page 22教学活动的多边性教学活动的多边性 教学活动教学活动互动互动教学教学课件课件专业专业知识知识讲座讲座小组小组单位单位竞赛竞赛教师教师指导指导教学教学相互相互教学教学听课听课校外校外实习实习培训培训能力能力水平水平指导指导交互交互作品作品赏析赏析Page 23小组实践教学小组实践教学 怎么学？怎么学？Page 25学习方法的循序渐进学习方法的循序渐进n 学生根据教学方法采取由浅至深、循序渐进的学习掌握基本掌握基本知识理论知识理论运用基本运用基本制作软件制作软件理解合理理解合理设计思想设计思想结合综合结合综合实践过程实践过程熟悉掌握熟悉掌握整体制作整体制作流程流程实践创实践创新

13、自学新自学研发研发理论联系实际理论联系实际训练实践操作训练实践操作开拓思维研发开拓思维研发三结合三结合Page 26学习方法的中心和融合学习方法的中心和融合利用多样的教学活动，培养利用多样的教学活动，培养独立设计制作，自我创新，独立设计制作，自我创新，发展开拓性设计思想。发展开拓性设计思想。根据实践操作训练，引导根据实践操作训练，引导学生掌握基本技能，运用学生掌握基本技能，运用理论知识联系实际能力提理论知识联系实际能力提高实践技术。高实践技术。根据教学重点难点，指导学生掌握根据教学重点难点，指导学生掌握本课程基本知识和基本技能。本课程基本知识和基本技能。以以“学生为中心学生为中心”，融合教程和

14、教材，融合教程和教材知识掌握知识掌握操作掌握操作掌握能力掌握能力掌握考考 核核 方方 式式 及及 标标 准准本课程采用形成性考核和终结性考核相结合的方法进行考核。本课程采用形成性考核和终结性考核相结合的方法进行考核。形成性考核形成性考核( (平时成绩平时成绩) )：占：占40%40%；出勤、听课情况、上课提问回答情况、；出勤、听课情况、上课提问回答情况、作业完成情况等。作业完成情况等。终结性考核终结性考核（作品考核成绩）：占（作品考核成绩）：占60%60%；根据各小组的网站质量进行考；根据各小组的网站质量进行考核。核。总评总评 = = 平时成绩平时成绩40% + 40% + 期终考核成绩期终考

15、核成绩6060Page 28Page 29网页设计基础网页设计基础考核流程考核流程n 每小组选1名同学作为评审员；n 评审员集中坐在一起，为评审员的电脑中拷贝考核标准一份；n 给评审员每人一张白纸，用于打分；n 每小组派一名同学进行作品展示，并按照要求进行陈述；n 评审员为每小组打分；n 指定1名同学收集分数条，指定2名同学进行总分；计分方法是：去掉最高分和最低分，求其他分数的平均值。n 公示分数。 成效？成效？Page 31本课程有以下创新与特点：本课程有以下创新与特点：1采用工作任务驱采用工作任务驱动及情景融入等动及情景融入等教学方法教学方法 2建立精品课程网建立精品课程网站为学生提供全站为学生提供全方位的、优质的方位的、优质的、人性化的服务、人性化的服务 3根据学生认知特点根据学生认知特点。自编教学大纲、。自编教学大纲、综合实训大纲