案例四用Dreamweaver制作专题网站(精)

案例四：用Dreamweaver制作专题网站
案例名称：科技网站《创新乐园》
技能目标：
1、能较为熟练地Dreamweaver的各项功能菜单，制作具有一定主题的不少于20页的网站。

具体要求如下：
（1）、能熟练地建立站点文件，并有序的规划文件夹。

（2）、熟练地使用表格或框架定位页面元素，做到版面清晰整洁，图文并茂，主题突出。

（3）、较熟练地使用模板制作网页，科学的、有效的制作网页。

（4）、能正确地熟练地插入网页元素，如：图片，Flash,视频等。

（5）、能熟练的的使用各功能面板，如：属性面板，站点管理面板，CSS面板，行为面板等。

2、能使用Flash和这Photoshop辅助性地制作或加工网页元素。

3、能使搜索引擎上网搜索相关素材，丰富网站。

课程目标：
通过本专题网站的设计与制作，收集和整理学生的科技创新作品，以期更好地展示给更多的学生，让学生对科技创新有较为全面的了解，学习基本的科学知识以及相关的科学实验活动，培养其学会观察生活，善于捕捉生活中小问题，并敢于创新的科学精神。

案例说明（分析）：
本站主要让学生收集和整理了平日的科技小发明，以及相关的科学知识和科学实验活动等。

让学生详细的介绍发明的起因、想法以及制作的过程和遇到的困难。

通过综合运用信息技术各项工具，制作专题网站，学生的信息技术能力和科学素养都会得到发展、提升。

案例介绍：（过程）
一、制作准备：
1．首先学生收集整理每个发明创作的相关资料，包括文字、图片、视频等。

2．分组（自由组合）
3．明确分工（素材收集、素材的整理和加工、设计制作等）
二、制作活动：
1．技术讲解（要点）:
①建立站点文件。

定义站点文件夹，并规划好子文件夹。

②定义CSS样式，使网页格式统一，整齐美观。

③设计并制作网站板块：首页、博士研究室、爱心小天使、环保小卫士、点子小卖部、时尚休闲屋。

④制作网页模板。

避免工作重复，提高效率。

⑤制作首页：利用框架和表格，将页面划分为标题、栏目和主要内容三个部分；并插入标题动画、设制栏目、介绍小组成员（利用行为，实现新开窗口浏览），完成首页内容设置相关链接。

⑥利用模板制作“博士研究室”版块：主要是科学实验研究活动。

适
当插入图片、文字及视频，设置链接。

⑦利用模板制作“爱心小天使”版块：主要是有关爱心活动方面的小发明，规划好版面结构，相关图片、动画、视频，设置链接。

⑧利用模板制作“环保小卫士”版块：主要是有环保方面的小发明，规划版面、插入相关内容，设置链接。

⑨利用模板制作“点子小卖部”版块：主要是一些奇思妙想、创意新颖的小发明，输入文字，插入相关内容。

⑩利用模板制作“时尚休闲屋”版块：主要是有关日常生活用具的发明创作，输入文字说明，插入相关图片和视频。

2．交流在技术上的存在的疑问，扫清制作障碍。

3．分工制作，教师适时指导。

4．预览作品，根据需要做适当调整。

三、分享交流。