《网页制作》(颜敏)介绍.doc

《网页制作项目实践》 教案 授课对象 2015计算机一、二班 授课教师 颜 敏 2015 — 2016学年第1学期 课程教学目标：《网页制作项目实践》是中等职业学校计算机应用专业必修课程，旨在让学生掌握网页制作的基本知识，学会网页制作的基本技能，是春季高考考纲的实践必考内容，也为今后从事网页美工，网页编辑，网站维护打下基础， 教材分析：本学期学生使用《网页制作》教材，由高教社出版，本书教学内容主要定位在静态网页的制作、设计和发布方面，简单涉及动态网页制作。全书贯穿项目教学的思想，从网页制作初学者的角度出发，采用“任务驱动”模式编写，通过一个个具体的课堂任务案例，由浅入深地讲解网页设计和制作。 每一章均以“项目→任务→理论→实训”模式进行，先提出要完成的任务，接着是融入了此任务的项目实例的具体制作方法，通过实例的制作诠释了任务的完成方法，再进一步地提练出相关理论知识点。最后，再辅以与前面知识相关的练习实例，由学生独立完成。 学情分析：2015级计算机班是中职一年级新生，没有任何计算机学习基础，在计算机软硬件操作上较为陌生，毫无dream weaver 软件界面的概念，对网页概念理解较为困难，对于这门课程的学习只能循序渐进，给学生更多的动手机会，解决更多的实际问题，在实际应用中举一反三，学生才能对知识有更深的理解，同时适时补充相关知识以便于达到更好的教学效果。这些学生情况在教学中要充分考虑。 考核评价：坚持学生为主体，教师为主导的教学原则，注重过程评价，阶段评价，以技能考核为主，附以作业、课堂回答、笔试等方式。教师评价，学生互评、自评相结合通过学习后的评价表增强教师与学生的互动与交流，教师尽早发现学生的问题，反思教学效果，学生也能够及时反思自己的学习情况，查缺补漏。 自我评价 听课情况 全懂了 部分懂了 不懂 课堂任务 独立完成 需要帮助 还不会 对照练习 很轻松 有些累 需要帮助 疑点与难点记录 ? ? ? 教师评价与反馈 ? ? ? 第1章 网页设计基础 教学目标与要求 熟记站标、导航条、广告条、按钮等网页构成要素，以及网页、网站、IP地址、域名、网址等概念；了解网页的本质和网页的布局类型和HTML文档的基本结构，熟练掌握网站建设的基本流程。 教学重点 重点：站标、导航条、广告条、网页、网站、IP地址、域名、网址等概念，以及网站建设的流程 教学难点 难点： IP地址、域名、网址，HTML文档的基本结构及其常见标签 教学方法 提问、启发、图示、情景教学、案例、课堂讨论 教学课时 4课时 第1讲 网页设计基础 教学提示 导入课程：大家会输入文字、制作和处理图像、设计动画，如何把这些作品放到internet中，让更多的人去查阅和欣赏呢？---DW就可以制作网页。 1.网页的构成要素和组成元素 网页的构成要素：站标、导航条、广告条、标题栏和按钮； 网页的组成元素：文字、图片、动画（gif、flash）、表单（交互功能）、音频、视频、超链接、表格、框架、导航等。 2.网页相关知识简介 基本概念： 网页的本质 网页、网站、主页、互联网 动态网页、静态网页 IP地址、域名、网址（url）、浏览器等概念 网页布局 网页布局的相关概念 常见的布局类型 网站管理与网页制作相关软件 制作和管理网页工具； 制作和优化网页图像工具； 制作网页动画工具； 其中Dreamweaver、 fireworks、 flash这三个软件合称为网页“三剑客”。 其他小工具软件。 HTML语言 HTML的概念 HTML文档的基本结构 几个常见的html标签： html、head、title、style、script、link、meta、body、img、p、font等。 XHTML语言简介 脚本语言简介 3.网页的设计理念和配色方案 网页的设计理念 色彩的三要素 网页中的色彩心理与网页表现 色彩搭配应遵循的原则 4.网站的开发流程 网站需求分析 设计制作网站页面 空间和域名申请 测试和发布网站 网站推广 5.典型网站分析 页面结构 色彩运用 以提问的方式引入课程 采用课堂讨论教学法，打开几个典型的网页让同学们讨论总结构成要素和组成元素。 打开一个搜狐主页，保存成不同的类型，让大家看保存的效果，加深对网页本质的理解； 先打开一个网页的源文件，结合网络常识，详细讲解网页的定义，然后略讲网站和主页的概念。并提醒同学理解并记忆这些概念。 以注册和登录邮箱为例，对比讲解动态网页和静态网页的特点和区别。 以搜狐网站的IP地址与域名为例，简要讲