网站开发与设计
2010/9/7

[课程意义与目标]
  网络在人们的生活和工作中越来越不可或缺,不论是公司、学校或是政府部门都有自己的门户网站,个人网站也比比皆是。学生们对于网络十分感兴趣,很想拥有个人网站。我们要注意挖掘和培养他们在各方面的才能。
编写《网站开发与设计》预期目标:
  1.教会学生用dreamweaver开发出绚丽的网站;
  2.通过学生自己动手操练,培养学生自主探究的学习能力;
  3.通过作品的展示、交流,培养学生的心理承受能力,语言表达能力和沟通的能力。
[课程的内容框架]
  课程由两个部分构成:网站开发之工具篇和网站设计之基础知识篇,共计32学时。

网站开发之工具篇

课时

内容安排

1

Dreamweaver的安装和运行

2

Dreamweaver界面介绍,包括:1)窗口布局2)菜单概述3)常用工具栏使用介绍

3

定义站点
学生在教师指导后,自己创建一个本地站点

4

创建页面
包括:1.如何新建页面2.设置页面属性3.制作一个简单的页面

5

文字处理与超级链接
包括:1.文字链接2.图片链接3.热区链接4.邮件链接5.按钮对象超级链接

6

用图片美化页面
包括:1.插入图片(图片属性菜单工具介绍)2. 鼠标移动图片变化3.制作导航栏

7

网页布局之表格设计
包括:1.表格属性菜单工具介绍2.创建普通表格

8

网页布局之表格设计
包括:1.创建立体表格2.技巧:特殊的表格3.用表格布局页面

9

网页布局之层的设计
包括:1.层属性菜单工具介绍2.图层排版,布局页面

10

网页布局之框架技术
如何创建框架页面,及其应用

11
12

学生自己设计一个小网站,主题自拟,灵活应用我们所学的技术

13
14

学生展示自己的作品,其他学生给予点评和打分

15

互动效果(行为应用基础篇)
包括:1.介绍行为面板2.制作鼠标单击事件触发响应下的弹出窗口和弹出信息

16

互动效果(行为应用高级篇)

包括:1.浮动提示2.网页中的动画(时间轴)

17

CSS样式表的设置和应用(基础)
通过菜单工具,按步骤创建css样式表,通过新建样式表的对话框,定义“类型”、“背景”、“边框”等css样式

18

CSS样式表的设置和应用(进阶)
在网页的代码区,通过编写代码,自己定义个性化的css样式

19

表单的使用
包括:1.表单属性工具介绍2.设置检查表单的行为

20

学生动手设计一个简单的表单递交程序

21

Dreamweaver中flash的使用
包括:如何插入flash,及相关参数的设定

22

第三方插件的使用
包括:1.如何下载第三方插件2.如何安装第三方插件3.如何使用

23

Dreamweaver中的使用技巧
包括:1.灵活使用查找与替换2. 使用标尺和网格

24

Dreamweaver中的使用技巧
3.设定网站配色方案 4.创建网站相册

网站设计之基础知识篇

25

色彩知识
包括:1.色彩的形成2.色彩的特征3.色彩的对比4.色彩的选择

26

网站的版式
包括:1. 网站版面的要素2. 网站版式的类型

27

网站的字体、网站的导航

28

网站的动画、网站的分类

29
30

学生动手设计一个网站,教师指定主题,要求网站设计结构合理,风格统一,有良好的视觉效果,和技术亮点。用户操作方便

31

32

学生展示自己的作品,其他学生给予点评和打分
教师对校本学习给予评价和总结

[课程实施的主要方法和途径]
途径:
  校本课程时间进行理论知识学习和电脑上的操作实践;32课时中,有8课时全部交给学生自主探究、设计开发网站,并相互交流传授经验。
方法:
  1.教师讲授与学生实践相结合,以学生动手体验为主,教师以引导者角色参与学生的实践活动;
  2.探究式教学,每节课教师讲授部分结束后,布置本节课的操作任务,学生自主探究、相互讨论,找出任务的解决方法。
  3.学生的作品学生来评,形成学生在课堂中的主人翁意识
[课程的评价方法]
  主要以学生的出勤情况、每节课的操作任务的完成情况、两次作品的质量、展示作品时的表达能力以及对他人作品的参评情况等记录来确定成绩等第(优良、合格、不合格)
[课程的反馈信息提要]
  1.学生《校本课程学习手册》记录的内容
  2.听取学生在诚信档案上的意见或建议
  3.学生的两次作品中,可以发现学生网站开发技术在不断的成熟,学生对于网站设计也越来越熟练了,有些好的作品可以保存,并参加竞赛。