一份网页制作的学习计划

精品教学教案设计 | Excellent teaching plan

育人犹如春风化雨，授业不惜蜡炬成灰

教师学科教案

[ 20 – 20 学年度 第__学期 ]

任教学科：_____________

任教年级：_____________

任教老师：_____________

xx市实验学校

精品教学教案设计 | Excellent teaching plan

育人犹如春风化雨，授业不惜蜡炬成灰 Photoshop CS3网页设计与制作教学计划

2011级计算机应用班 授课教师：艾 珉

一、教学目标

本教材以2011级计算机应用班的学生为教学对象，通过对本门课程的教学帮助学生认识photoshop软件，能够熟练的对给定素材进行处理和再加工，最后能够熟练的使用photoshop软件设计和制作网页。为以后从事网站设计与制作及网站的后期维护奠定良好的基础。同时，通过本门课程的讲解，让学生学会一种学习方法，学会一种认识事物的态度。让学生能够很快的适应工作环境。在教学过程中，结合上机操作，理论联系实际进一步加深对所学知识的掌握。在教学的过程中要及时了解学生的掌握程度，及时调整教学的难度，使每一位同学都能够学有所得，学有所获。

二、教材分析

本书以模块教学为主，全书共分为8个模块，第一模块主要讲解photoshop在网页设计中的应用，第二模块主要讲解网页的版面设计；第三模块主要讲解网页的色彩搭配；第四模块主要讲解导航栏的设计与制作；第五模块主要讲解按钮的设计与制作；第六模块主要讲解特殊文字的设计和制作；第七模块主要讲解网页的设计和制作；第八模块主要讲解切割网页图像。本书通过案例有侧重点的由浅入深，循序渐进帮助学生全面掌握photoshop版面设计、色彩搭配、网页元素设计等综合技能。本书通过任务让学生能够运用所学的知识解决现实问题，积累经验，从而提高动手能力和解决问题的能力，每个模块在模拟制作完成任务后还设有独立实践任务，以强化学生技能应用能力和自学能力。

《网页制作》教学计划

1

《网页制作》教学计划

夏云

一、课程的性质与任务

课程的性质：本课程是为培养中职学生对网页设计与制作的基础知识而设置的一门专业实训课程。由于网页设计与制作所涉及的软件和相关知识十分广泛，针对我校学生的专业方向和专业基础，本课程侧重于网页视觉效果和版式布局的设计与制作，对大中型网站制作中的所涉及到的动态程序编写等较复杂技术手段作了回避或仅作简单介绍。

课程的任务：通过本课程学习，使学生了解网页制作的基础知识、基本流程，并能熟练使用Macromedia Dreamweaver进行个人网站和中小型商业网站的设计、制作与维护更新，为培养高级网页设计专业人才打下坚实的基础。

二、教学基本要求

通过课程的教学，在理论知识教学和技能培养两方面要求学生达到下列目标。

（一）理论知识方面主要达到：

1.了解互联网、网页、网站、超级连接、HTML语言、FTP、HTTP等基础网络知识；

2.了解网站设计制作的常用工具与基本流程

3.了解html语言的一般规律

4.了解不同网站类型不同的设计与制作要求

5.了解网站的整体结构规划

（二） 能力方面主要达到：

1.熟练掌握Macromedia Dremweave的基本操作；

2.掌握photoshop中网页设计稿文件的切片与优化输出；

3.掌握网页图像的优化技巧；

4.了解网站的测试、发布、推广与维护； 《网页制作》教学计划

2

三、教学条件

保障每个学生都能单独使用一台电脑，每台电脑都配备Dreamweaver、photoshop等设计软件。

四、教学内容及课时安排：

第一章 网页设计基础知识（4课时）

网页制作学习心得体会

刘少波 2010221111120024

转眼间，我已经学习《网页设计与制作》这门课程一个学期了，虽然时间有点短，但是这个学期以后我受益匪浅。

记得最初接触dreamweaver的时候，我很茫然。因为以前从来没有见到过这种格式的软件操作窗口和如此多的陌生名词，只能用鼠标到处乱点。并且刚开始几节课，老师并没有给我们讲关于如何去使用这个软件的知识，基本上每几课有90%的时间在给我说一些有关电脑的基本知识和如何学习软件的操作，当时觉得没什么用，甚至有点反感，害怕一个学期以后没什么收获，最后问了一下周围的同学，原来大家都有这样的想法。

渐渐的，在老师的悉心教导下，我们开始熟悉这个软件了。然而一个学期也快结束了。最后几节课，老师布置了一个任务，要求做一个网站。虽然学了一个学期，但是我觉得我的能力完全没有这么高，做个网站真的很不容易。

最开始是确定主题。我一直都想不出应该做一个关于什么的网站，一次，一个朋友告诉我她在省博物馆，叫我帮她查一下勾践剑在哪个展厅。打开百度，我以外的发现省博物馆的网站进不去，于是突然想到可以做一个与博物馆有关的网站。于是开始收集各方面的资料。

确定了主题就开始布局了。最开始使用了一个表格，然后在表格内进行拆分合并处理，接着就把通过ps处理出来一个版头并且把修改过大小的图片放进去了。预览时，问题出现了，发现版头与下面的图片文字之间出现了很大的一段距离，但是在软件中已经把距离缩小为0了，多次尝试后没有效果。最后想到可以另外再加一个表格，把版头放在一个表格内面，这样问题就解决了。预览是效果还不错。

但是总觉得首页做得太普通，一次浏览学长做的网页时，觉得他们的文字滚动窗口做得效果做得不错，于是想借见一下。就决定把自己网站的左边修改修改。复制了他的代码，把上面的内容修改成我的网站需要的文字。本以为可以轻松的完成，但是却出现大问题了。因为需要滚动的文字占的空间太大，把左边的那部分表格全部占满了，而在实际的网页预览中，这个有文字滚动的框只占了左边的三分之一，左边有三分之二留白了。我就想可不可以把文字这样一层层的放在上面，试了很多方法，在网站查了很多资料，可能因为没有专业术语作为搜索的关键词，查不到任何相关的资料，试过div标签，试过不停的拆分表格，最后还是没有效果。就这样试着试着，突然想到了层这个概念。于是在布局中点击了绘制层，结果成功了，经过一些加工，终于成功的完成左边的布局。

学期授课计划

2011-2012学年度第二学期

课程名称：《Dreamweaver8网页设计与实训》

教学周学时： 13 周× 6学时

总学时数： 78

学时

理论授课： 36 学时

实验实习（作业）： 42 学时

任课专业班级： 计算机2011-1

编制时间： 2012年3月8日

任课教师：

采用教材：科学出版社出版的

《Dreamweaver8网页设计与实训》

教研室主任签字：

教务科长签字：

教学校长签字：

学 期 授 课 计 划 说 明

本计划为2011级中专生第二学期而制定。采用教材为科学出版社出版的，由于虹主编的《Dreamweaver8网页设计与实训》。

一、教学目的：

通过本课程的学习，可掌握创建网页的基本知识和基本方法方法，能创建具有简单功能的网页，初步掌握网站中静态网页的制作和美化。

二、教学内容：

本套教材涉及计算机网页的基本制作以及创建不同网页和功能的方法。本学期用书共一册。共14个项目，每个项目围绕一个主题组织教学活动，内容包括网页基础知识和基本制作、文本编辑和网站链接等，每个单元后安排了复习和测验。

三、教学重点：

计算机网页的制作方法及各种功能的实现。

四、教学难点：

静态网页中各种功能的实现。

五、教学方法：

项目教学法、讲授法、问答法、讨论法。

六、本门课程成绩评定采用平时成绩与考试成绩综合评定，平时成绩占50%，期末考试成绩占50%，缺课超过总学时的二分之一者，本门课程无成绩。

教 学 时 数 分 配 表

章

次 各 章 名 称 总学时 其中

讲 练

1 走进Dreamweaver8 2 1 1

2 创建本地站点 4 2 2

3 网页基础知识和基本操作 4 2 2

4 文本编辑 4 2 2

5 图像与多媒体的应用 6 2 4