网页设计及制作教案.pdf
《网页设计及制作教案.pdf》由会员分享,可在线阅读,更多相关《网页设计及制作教案.pdf(19页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、.教教案案20122013 学年第二 学期学学部部 工程技术学部教教 研研 室室(实实 验验 室室)动漫课课程程名名称称 网页设计与制作授授课课班班级级 11 动漫主主讲讲教教师师职职称称 讲师网页设计与制作案例教程使使用用教教材材 主编:九州书源清华大学-可修编.教教案(首页)案(首页)12-13 学年第二学期课程名称类别任课教师授课对象基本教材和主要参考资料教学目的要求教学目的:本课程是动漫专业的一门职业技术必修课,目的是使学生掌握有关建设的基本概念、创建的方法和步骤、重点掌握利用 Dreamweaver 软件来设计布局静态网页以及一些简单的 JavaScript 脚本语言、熟练掌握网页编
2、写语言 html,能够利用 Dreamweaver 来创建和设计一个,为以后学习 Web 动态网页的开发奠定基础。教学要求:通过本课程的学习,要求学生掌握的相关概念,创建的方法和步骤,掌握网页编写语言 html,DW 软件的使用。教材:网页设计与制作案例教程主编:九州书源清华大学参考资料:网页设计与制作案例教程主编:承欢网页设计与制作课程编码学分4总计:72 学时必修课()选修课()理论课()实践课()讲课:36 学时实训:36 学时奋职称讲师专业班级:11 动漫、共 个班-可修编.教学重点:网页编写语言 html,如何利用 DW 来布局网页,层,行为,模板,库。教学重点难点教学难点:如何利用
3、表格的布局模式以及框架进行布局,CSS 样式,行为,模板。网页设计与制作课程教案网页设计与制作课程教案编制日期:2013 年 3 月 3日授课时间授课方式(请打)第 一、二 周理论课讨论课实践课习题课其他课次课时安排28教学单元(教学章、节或主题):Photoshop 基本操作、网页与的概念。目的、要求(分了解、熟悉、掌握三个层次):了解网页的基本概念、静态网页、动态网页、使用数据库的动态网页。了解的概念、主题、名称、风格、结构、发布。掌握网页语言 html。知识要点:网页和的基本概念,网页的分类,网页语言 html技能要点:要能够从网络上找出每一种类型的网页,能够利用 html 来编写简单网
4、页教学步骤:举例-讲解-课堂练习-讲评-可修编.教具及教学手段:(如:举例讲解、多媒体讲解、模型讲解、实物讲解、挂图讲解、音像讲解等)多媒体讲解、举例讲解、Internet 网络。作业和思考题:初步构想一个个人,包括名称、的栏目板块、的目录结构、结构,并预设的色彩搭配、的标准字体等。课后分析与小结:通过学习,介绍了和相关的几个概念,从的整体规划出发,综合的主题、结构、风格、布局等多个方面阐述的制作构思,以及如何使用 DW 发布网页,使学生基本上了解了构建的流程及有关的基础知识,为以下各章打基础。第页教教学学容(含时间分配)容(含时间分配)PS 概述PS 面板的基本操作PS 选区、图层的操作建立
5、之前的一些准备工作与有关的一些概念网页的概念与分类的概念、主题、风格、名称、结构建立的过程的整体规划定位的主题和风格构建出一个的目录框架和框架发布网页网页语言 html授课时间第 三、四 周课次2板书或旁注板书或旁注-可修编.授课方式理论课讨论课实践课习题课其他课时安排(请打)教学单元(教学章、节或主题):PS 路径、通道、蒙版、DW 基础。目的、要求(分了解、熟悉、掌握三个层次):8掌握建立本地站点的过程,DW 的集成环境,熟练使用对象面板与属性面板,掌握简单界面元素的编辑。通过实验,能够利用 DW 创建本地站点,制作几含有简单界面元素的网页,并进行相关的。知识要点:熟悉 DW 的集成环境,
6、简单界面元素的编辑,网页的。技能要点:能够利用 DW 创建本地站点,制作几含有简单界面元素的网页,并进行相关的。教学步骤:举例展示-讲解-小结-实验-讲评教具及教学手段:(如:举例讲解、多媒体讲解、模型讲解、实物讲解、挂图讲解、音像讲解等)多媒体讲解、举例讲解。作业和思考题:教材 P30P34课后分析与小结:通过学习,学生掌握了建立本地站点的过程,DW 的工作界面的组成,熟练使用对象面板与属性面板,简单的界面元素:文字、图像、Flash 动画的编辑方法,区分了文件路径的三种表示方法,会懂得使用各种超级。第页教教学学容(含时间分配)容(含时间分配)PS 路径、通道和蒙版的使用建立本地站点并管理站
7、点板书或旁注板书或旁注-可修编.制作简单的静态网页使用对象面板在网页中插入文字、水平线、图像、Flash 文件等简单的元素熟练使用属性面板设置对象的属性多种超的设置方法利用页面属性设置页面的属性值实验 1:创建本地站点、整体控制页面文本操作与图像操作授课时间授课方式(请打)第 五、六 周课次课时安排28理论课讨论课实践课习题课其他教学单元(教学章、节或主题):表格、框架和表单。目的、要求(分了解、熟悉、掌握三个层次):能够熟练利用表格、框架进行网页的布局,掌握表单的制作和验证。知识要点:熟练掌握利用表格的布局模式进行网页的布局,表单的操作。技能要点:表格布局模式的使用,表单的制作。-可修编.教
8、学步骤:举例展示-讲解-小结-实验-讲评教具及教学手段:(如:举例讲解、多媒体讲解、模型讲解、实物讲解、挂图讲解、音像讲解等)多媒体讲解、举例讲解。作业和思考题:教材 P131P135课后分析与小结:表格对于容的定位是非常重要的。既可以利用表格来进行各种数据的设定,也可以进行文字区域及图像的定位,并利用布局视图来改变表格的布局。应用框架来进行页面的优化,方便用户的浏览。通过制作表单来进行调查、订单、搜索界面等,完成数据的采集,同时要了解表单的处理。第页教教学学容(含时间分配)容(含时间分配)1表格a)创建表格b)选择表格c)设置表格、单元格属性d)创建相册2布局表格a)绘制布局表格b)设置布局
9、表格、单元格属性c)布局表格实例分析讲解3框架a)创建框架b)保存框架板书或旁注板书或旁注-可修编.c)框架的选择、属性、的设置d)框架实例分析讲解4表单a)创建表单b)向表单添加对象c)表单属性的设置与后台程序的d)表单实例分析讲解实验 2:利用表格布局模式进行包含表单等网页元素的布局设计利用框架进行网页的布局设计授课时间第 七、八 周课次2-可修编.授课方式(请打)理论课讨论课实践课习题课其他课时安排8教学单元(教学章、节或主题):层、div 布局目的、要求(分了解、熟悉、掌握三个层次):通过学习,学生要熟练掌握层的概念,层的常用具体的操作,包括层的创建、属性的设置、层的移动、排列、拖动、
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 设计 制作 教案
限制150内