《静态网页制作与素材加工处理.doc

《静态网页制作与素材加工处理》说课 适用专业：网络技术 课时数：126 一、课程性质简介 本课程是网络技术专业的一门专业基础课程，是一门操作性和实践性很强的职业技术课程。本课程系统介绍网页编辑与制作软件Dreamweaver8，通过这款有代表性的网页制作软件的使用，配合网页常见素材处理软件Photoshop、Fireworks、CorelDraw、Flash、Morph、GIFCON、Premiere、CD-DA、GoldWave、IconCool Editer等对素材的加工处理，掌握网站设计的全过程和静态网页的设计制作，并能熟练地制作出有专业水准的网站。 本课程采用“项目驱动，案例教学，一体化课堂”的教学模式开展教学。整个课程由两个完整的项目驱动，即一个完整的站点案例设计全过程的互动教学及同期进行的学生个人站点的设计，126课时内完成教师与学生互动的讲练结合教学过程，案例分析讲解、学生实际操作与个人站点设计的时间比例为1:1:1。 二、课程培养目标简介 通过项目驱动的学习，帮助学生熟练掌握静态网页设计技术进行网站设计与开发的基本知识和技能，熟练使用HTML标记，能基本胜任网页制作员的岗位。在课程的学习中，培养诚实、守信、坚韧不拨的性格，培养善于沟通表达、善于自我学习、团队协作的能力，并养成按时完成工作等良好的工作习惯。 1、方法能力目标 2、社会能力目标 3、专业能力目标 掌握网站的开发流程；掌握各种网页元素在Dreamweaver8中的使用；熟悉一些网页设计辅助软件的功能和使用方法；掌握测试和发布网站的方法；能够解决一些网页设计中的常见问题；较熟练地运用所学知识设计出达到一定要求的网页。 三、学习领域情境分解 情境1：网站规划 情境2、配置系统与站点定义 情境3：站点页面风格设计 情境4：全图像首页设计 情境5：二级页面设计 情境6：页面其它效果 情境7：网站上传与维护 四、任务分解与教学目标 1、实例分析比较 实例1：表格网页布局 实例2：全图像网页布局 2、情境任务分解 任务1：全图像站点首页的设计； 任务2：切片的制作及首页的生成； 任务3：动态导航添加及弹出式菜单设计； 任务4：文本、表格、图像、声音、透明Flash对象的加工、添加及格式设置； 任务5：无缝滚动公告栏设计； 任务6：新闻图片信息加工展示设计。 3、教学目标 1、掌握全图像首页的素材的搜集、效果的设计、切片的制作及首页文件的生成； 2、掌握动态导航添加及弹出式菜单的设计方法； 3、掌握各种网页元素的加工、添加及格式设置方法； 4、掌握无缝滚动公告栏设计的方法； 5、掌握新闻图片展示设计思想。 五、课时安排、参考资料与实现条件 1、课时安排 本情境实施需要48课时，其中16课时为实例分析与讲解，16课时为学生的实际操作演练，16课时为学生针对个人站点对应项目的设计 ，教学全过程全部安排在电教室和设计实训室进行，以学生为中心，教师全程负责讲授知识、答疑解惑、指导网站设计，充分调动师生双方的积极性，达到教学目标。 2、参考资料 本情境的参考资料为自编《静态网页制作与素材加工处理》，学生还可以根据需要通过网络或其它途径获取自己需要的相关资料。 3、实现条件 实现本情境的教学目标，需要具备Photoshop（图形图像加工处理与网页切片制作）、Fireworks （图形图像的加工处理与网页切片制作） 、Dreamweaver（网页制作专业软件）、录音机软件（声音文件格式转换）、GOLDWAVE（声音文件生成及高级效果制作）、CD-DA（CD声音文件采样及格式转换）、Flash（动画设计与效果处理）软件环境，老师应该具备这些软件的高级应用知识，学生应该在学习过程中逐渐理解并掌握这些软件的基本应用与选择使用的技巧，并能触类旁通，设计出符合自己要求的各种素材。 六、任务实施：案例教学 任务1：全图像首页设计 1-1、图像尺寸及背景的确定 1-2、Logo与Banner对象的设计与添加 1-3、版权信息块的划分与设计 1-4、页面边缘修饰 1-5、导航栏设计与添加 1-6、栏目版块设计与添加 1-7、页面的进一步修饰 任务2：切片的制作及首页的生成 任务3：动态导航添加及弹出式菜单设计； 任务4：文本、表格、图像、声音、透明Flash对象的加工、添加及格式设置； 任务5：无缝滚动公告栏设计； 任务6：新闻图片信息加工展示设计。 七、任务实施：操作演练与作品设计 本环节主要包括学生实际的操作演练与作品的设计，前者实现对案例知识的理解与技巧的掌握，后者根据学生站点的实际情况要求学生设计其站点对应项目，这就可能出现跟案例不同的地方，需要在实践操作中补充介绍可能出现的新的技术要点，让学生触类旁通进行更丰富的设计。 本环节不是独立的，是跟前面的案例教学交错进行的，争取学生对