12-26 23:19:12 浏览次数:782次 栏目:初中信息技术教案
本单元安排的是使用Dreamweaver制作个人网站,展现自我风采。
本课主要介绍网站、网页等概念,网站设计制作流程,认识Dreamweaver工作界面,设计、制作个人网站的首页。
本课首先让学生了解什么是网站,什么是网页,网站和网页的关系。明确网站主题、名称、栏目结构、网页版面等在网页中的作用,了解常见的几种网页版面布局。
建议2个课时完成。第1课时学习制作网站前需要了解的内容和熟悉网页制作工具——Dreamweaver的使用。第2课时学习设设计个人网站并制作网站的首页。
设计个人网站首页
网页设计包括内容设计和布局结构设计。在制作网页前需要搜集、整理网页中需要的素材,包括文字、图片等形式。确定首页的页面布局方式,合理安排首页中的栏目。
教材在设计个人网站前先介绍了网站和网页的关系,让学生首先对网站和网页两个概念有一个了解和界定,知道网站是由网页通过超连接非线性组成的。设计制作网站,就要明确网站的主题,名称及栏目结构等,还需要准备相应的素材。这些工作可以是同时进行的,也可以分步进行,相互补充。
对于本课,在正式设计制作网站前,需要了解的东西很多,学生可以根据教材的介绍,也可以自己上网搜集想了解的更多内容。充分发挥自己的想像力和主动性,设计制作出具有自己个性的网站。
教材为个人网站设计了“我的小传”、“我的相册”、“小喇叭”、“我的作品”等六个栏目,学生还可以根据自己的爱好、特点自行设计其他栏目,教师不必统一约束。
熟悉Dreamweaver
学生能自主认识Dreamweaver工作界面,教师指导学生观察整个界面的组成,动手尝试使用各个菜单,了解Dreamweaver的各种工具。在这里,避免教师演示各个工具的位置,讲解各个工具的作用,让学生活动中亲自体会,不断尝试使用,在使用的过程中了解工具,掌握工具的使用方法和作用。
定义本地站点
定义本地站点是制作网站前的准备工作。所谓本地站点,就是指本地硬盘中存放远程网站所有文档的文件夹。通常建立网站时,在本地硬盘建立一个文件夹,用来存放网站的所有文件,以后就在该文件夹中创建和编辑文档。待网页制作和测试好后,使用远程上传工具把它们上传(发布)到服务器上,供浏览者查询浏览。对于站点文件夹的理解,教师可以举例学生平时经常浏览的网站来介绍,介绍中说明我们平常看到的网页只是整个网站中的一页,制作时需要把网页归到网站中去,这时就需要建立网站文件夹来容纳网页以形成网站。学生对站点的理解以及如何建站点,需要在反复练习中掌握,本课教材提供了定义本地站点的详细步骤和必要提示,教师可指导学生按此步骤,完成定义站点。
定义站点之前,要做好站点结构规划,如果制作之前没有对整个站点的结构进行认真的研究,日后的维护工作将会很大。因此,一开始就要精心规划好整个站点,把站点资源分门别类,存于不同的文件夹中,便于日后的维护与管理。下图是一个简单的站点结构: