《网页制作》教案(颜敏).doc

《网页制作项目实践》
教案

授课对象 2015计算机一、二班
授课教师颜敏
2015 — 2016学年第1学期
课程教学目标:《网页制作项目实践》是中等职业学校计算机应用专业必修课程,旨在让学生掌握网页制作的基本知识,学会网页制作的基本技能,是春季高考考纲的实践必考内容,也为今后从事网页美工,网页编辑,网站维护打下基础,
教材分析:本学期学生使用《网页制作》教材,由高教社出版,本书教学内容主要定位在静态网页的制作、设计和发布方面,简单涉及动态网页制作。全书贯穿项目教学的思想,从网页制作初学者的角度出发,采用“任务驱动”模式编写,通过一个个具体的课堂任务案例,由浅入深地讲解网页设计和制作。
每一章均以“项目→任务→理论→实训”模式进行,先提出要完成的任务,接着是融入了此任务的项目实例的具体制作方法,通过实例的制作诠释了任务的完成方法,再进一步地提练出相关理论知识点。最后,再辅以与前面知识相关的练****实例,由学生独立完成。
学情分析:2015级计算机班是中职一年级新生,没有任何计算机学****基础,在计算机软硬件操作上较为陌生,毫无dream weaver 软件界面的概念,对网页概念理解较为困难,对于这门课程的学****只能循序渐进,给学生更多的动手机会,解决更多的实际问题,在实际应用中举一反三,学生才能对知识有更深的理解,同时适时补充相关知识以便于达到更好的教学效果。这些学生情况在教学中要充分考虑。
考核评价:坚持学生为主体,教师为主导的教学原则,注重过程评价,阶段评价,以技能考核为主,附以作业、课堂回答、笔试等方式。教师评价,学生互评、自评相结合通过学****后的评价表增强教师与学生的互动与交流,教师尽早发现学生的问题,反思教学效果,学生也能够及时反思自己的学****情况,查缺补漏。
自我评价
听课情况
全懂了
部分懂了
不懂
课堂任务
独立完成
需要帮助
还不会
对照练****br/>很轻松
有些累
需要帮助
疑点与难点记录
 
 
 
教师评价与反馈
 
 
 
第1章网页设计基础
教学目标与要求
熟记站标、导航条、广告条、按钮等网页构成要素,以及网页、网站、IP地址、域名、网址等概念;了解网页的本质和网页的布局类型和HTML文档的基本结构,熟练掌握网站建设的基本流程。
教学重点
重点:站标、导航条、广告条、网页、网站、IP地址、域名、网址等概念,以及网站建设的流程
教学难点
难点: IP地址、域名、网址,HTML文档的基本结构及其常见标签
教学方法
提问、启发、图示、情景教学、案例、课堂讨论
教学课时
4课时
第1讲网页设计基础
教学提示
导入课程:大家会输入文字、制作和处理图像、设计动画,中,让更多的人去查阅和欣赏呢?---DW就可以制作网页。

网页的构成要素:站标、导航条、广告条、标题栏和按钮;
网页的组成元素:文字、图片、动画(gif、flash)、表单(交互功能)、音频、视频、超链接、表格、框架、导航等。

基本概念:
网页的本质
网页、网站、主页、互联网
动态网页、静态网页
以提问的方式引入课程
采用课堂讨论教学法,打开几个典型的网页让同学们讨论总结构成要素和组成元素。
打开一个搜狐主页,保存成不同的类型,让大家看保存的效果,加深对网页本质的理解;
先打开一个网页的源文件,结合网络常识,详细讲解网页的定义,然后略讲网站和主页的概念。并提醒同学理解并记忆这些概念。
以注册和登录邮箱为例,对比讲解动态网页和静态网页的特点和区别。
IP地址、域名、网址(url)、浏览器等概念
网页布局
网页布局的相关概念
常见的布局类型
网站管理与网页制作相关软件
制作和管理网页工具;
制作和优化网页图像工具;
制作网页动画工具;
其中Dreamweaver、 fireworks、 flash这三个软件合称为网页“三剑客”。
其他小工具软件。
HTML语言
HTML的概念
HTML文档的基本结构
几个常见的html标签: html、head、title、style、script、link、meta、body、img、p、font等。
XHTML语言简介
脚本语言简介

网页的设计理念
色彩的三要素
网页中的色彩心理与网页表现
色彩搭配应遵循的原则
以搜狐网站的IP地址与域名为例,简要讲述这两个概念。通过查看分析知名网站的网址引入url的定义和组成,其它概念略讲。提醒学生理解并记忆上述概念。
打开一网页(详细讲解网页布局效果的教程)让学生讨论、分析总结布局类型。
根据学生特点简要讲解ps、flash、fw等软件在网页设计中的功能。