网页设计黎友源110329.doc

备 课 本 课程名称 网页设计 本学期授课计划 周次 日期 教学内容 授课时间 课时 课内 课外 讲授 实训 7 2011.04.07 项目一：制作第一个网页 项目二：创建一个站点 ☆ 辅导 1 3 8 2011.04.14 项目三：编辑网页文本 项目四：编辑网页图像 ☆ 辅导 1 3 9 2011.04.21 项目五：编辑多媒体页面 项目六：在网页中使用超链接 ☆ 辅导 1 3 10 2011.04.28 项目七：使用表格布局页面 项目八：在网页中使用表单 ☆ 辅导 1 3 11 2011.05.05 项目九：使用布局模式布局页面 项目十：使用层布局页面 ☆ 辅导 1 3 12 2011.05.12 项目十一：使用框架布局页面 ☆ 辅导 1 3 13 2011.05.19 项目十二：使用行为增加动感效果 ☆ 辅导 1 3 14 2011.05.26 项目十三：利用模板和库制作网页 ☆ 辅导 1 3 15 2011.06.02 项目十四：编写HTML代码创建网页 ☆ 辅导 1 3 16 2011.06.09 项目十五：利用CSS美化页面 ☆ 辅导 1 3 17 2011.06.16 项目十六：架设Web服务器发布网站 ☆ 辅导 1 3 18 2011.06.23 项目十七：简单商务网站系统建设（综合实训1周时间） ☆ 30 19 2011.06.30 复习总结、答疑 ☆ 4 20 2011.07.07 上机考核（验收《简单商务网站系统》） ☆ 4 21 2011.07.14 教学总结 总课时 82*2=164 11 71 项目评估（样表） 班级______ 姓名：________ 时间________ 总得分:___________ 评价项目 评? 价? 标? 准 等级（权重）分 自评 30% 小组评 30% 教师评 40% 优秀 良好 一般 较差 知 识 理解“网页”的概念，并能够正确描述 10 8 6 4 掌握网页的基本构成要素，在浏览网页时，能够准确识别 10 8 6 4 操作技能 能新建并保存网页 10 8 6 4 能按照给出步骤输入相应文本 10 8 6 4 能按照给出步骤插入相应图片 10 8 6 4 能正确浏览页面 10 8 6 4 情感态度 课堂上积极参与，积极动手、动脑，有自主学习的能力 10 8 6 4 小组协作交流情况：小组成员间配合默契，彼此协作愉快，互帮互助 10 8 6 4 独立思考问题，提出解决问题的方法，善于总结，有探究精神，有创新意识 10 8 6 4 课 堂 调 查 书面写出你在学习本项目时所遇到的困难，能向教师提出较合理的建议。 10 8 6 4 我的自评： 组内评语： 教师评语： 注：自评、小组评、教师评的满分各是100分，每个学生的最后得分=自评×30%＋小组评×30%＋教师评×40%  《网页设计基础（HTML/DREAMWEAVER）》教案 教学课题 项目一：制作第一个网页 教学时间 年 月 日 教学内容 1.初步认识Dreamweaver的工作环境 2.制作第一个网页 教学目的 1.能正确描述网页的概念 2.能掌握网页的基本构成要素 教学重点 1.了解网页设计各步骤的主要功能 2.掌握网页设计各步骤的使用，熟练掌握按照步骤设计网页。 教学难点 利用网页设计的步骤设计网页 建议课时 理论：2 实训：4 教学教具 多媒体教学系统 机房 教学方法 理论：使用多媒体教学方法讲授（.PPT）；实训：学生上机练习 演示设计 板书设计 PPT 教学过程 课程导入 主要内容 对于同学们来说，网络并不陌生了，请同学们欣赏几个有特色的网站，如新浪，网易等，在大家兴奋之余，希望同学们也能设计出这样的网站，所以，大家仅仅有兴趣是不够的，还要认真学习。 详细内容及要求 【情境设置】 对于同学们来说，网络并不陌生了，请同学们欣赏几个有特色的网站，如新浪，网易等，在大家兴奋之余，希望同学们也能设计出这样的网站，所以，大家仅仅有兴趣是不够的，还要认真学习。 【项目展示】 本项目完成后的大体效果如下（不要求大家做的和样张完全一样） 【项目目标】 能正确描述网页的概念 能掌握网页的基本构成要素 【项目分析】 具体工作任务： 1.初步认识Dreamweaver8的工作环境 2. 制作第一个网页 【实施步骤】 步骤一：新建空白页面 步骤二：保存网页文件 步骤三：输入网页标题 步骤四：输入文本 步骤五：插入图像 步骤六：