《个人网站制作》的教学建议和体会

摘要:文章从站点规划、资料收集、页面制作、站点发布等方面、指导学生制作《个人网站》,学生在设计过程中充分发挥想象力,把所学知识进行综合应用与升华,取长补短,克服自身设计缺陷,树立合作意识,培养积极的学习兴趣,摒弃网站的神秘感,领悟到成功的喜悦,培养学生积极创新精神。

关键词:站点规划;资料收集;页面制作;站点发布

中图分类号:G427 文献标识码:A

文章编号:1674-1145(2009)24-0190-02

我们在学习了FrontPage 基本操作之后,对网页设计产生了浓厚的兴趣,都不满足于按照课本上的作业要求进行设计,很想根据自己的喜好进行全新的网页设计,在网上充分展示自我。通过把自己感兴趣的内容及相关知识、想法等组织成个人网站,进一步激发学生的学习兴趣,提高学生的网页设计能力,并且在建构主义教学思想的指导下,任务驱动,实现展示自我的网站,发挥学生主动探究与合作交流的能动性,达到共同提高。

一、布置任务,明确要求

要求学生,灵活运用表格、文字、图片、动画、视频、音频、超级链接、Web组件、网页特效(计数器、鼠标等)、表单等授课知识点,制作一个结构完整,内容翔实,至少包含6个网页的个人网站,并发布。

二、建站流程

(一)站点的规划

建立网站成功的第一步就是对站点进行规划。规划站点,不像直接设计编写那么简单,事先需要做许多准备工作,不仅要准备建设站点需要的素材(包括文字资料、图像以及媒体文件),还要设计好资料整合的方式,并根据资料确定站点的风格特点;同时还要整齐、有序地排列归类站点中的文件,否则杂而乱的资料堆积到一起,不仅不利于将来的维护和管理,同时还会因为页面间极为混乱的关系而导致站点容易出现错误。规划站点要从下面几点考虑:

1.确定站点风格。建议学生利用框架、表格控制页面元素,同时配合使用主题,可以快速设置站点风格。

2.规划站点结构。包括导航、页面内容和所需的各种资料。

(1)导航规划:先构思,后利用导航视图建立如下参考站点结构:

(2)页面内容的规划:电脑只是工具而已,代替不了我们的思维!所以需要打草稿,用笔在纸上画出每个页面的大致布局。

(3)所需资料的规划。在站点下增加:ebook、videos、flash、sound文件夹。其中images:放置网页涉及的图片,ebook:文字资料,videos:视频文件,sound:音乐文件,Flash:flash作品。

(二)搜索浏览,收集素材

在设计时,我们充分利用网上资源及身边的各类资料,丰富自己的网页内容和样式,如网上下载的文字资料、各类图片、GIF小动画等,以及自己的照片、小收藏品、绘画作品、手工制作、日记等;我们也可以利用Flash制作小动画,利用PhotoShop进行图像处理和标题文字设计。诸如此类,都应用到网页设计中去。

(三)制作各个页面

站点结构、素材准备就绪,开始着手制作各个页面。

1.创建主页,制作“门面”。一个好的网页,首先要有一个好看的主页,给人良好的第一印象,所以要精心设计自己网页的这一“门面”。可以选择一幅适合表现主题的精美图片作为主页背景,以增强吸引力,原则上主页页面通常要有方便合理的站点导航和合理放置站点最新最实用的资料,大家可以上网参考网络中优秀个人主页做法。

2.站长介绍。将《就业指导》课程,课外作业“自我鉴定”电子文档,以网页形式导入到站点,作为该页内容。

3.我的相册。该页面可以使用图片、视频增强艺术效果。首先,利用PhotoShop软件对图片大小、分辨率、品质等处理,保存到站点的images文件夹下。其次,考虑图片的组织方式:横幅广告、flash翻页相册、利用movie maker视频制作软件,将相片合成视频,都是不错的方法。

4.心路历程。由原创日记、喜好的文章、本专业的学习心得体会等组成,灵活运用框架、书签、超链接对文字图片资料进行合理布局。

5.我的作品。本学期的3dmax作品(伸缩的弹簧、下雪效果)文件直接输出为avi格式,以视频形式插入到该网页中;flash作品(模拟探照灯、彩珠字、来回移动的彩球、旋转的七彩光环、转轴画册)以flash动画插入网页。

6.获得证书。把自己的获奖证书,扫描处理后,放在该页面。并利用插入字幕和修改代码方法,形成一系列获奖证书动态滚动效果。

7.常用站点。建议放置自己在51、qq、5944等站点上的个人主页地址,或者参考hao123等大型网站的主页做法,把常用的软件、小说、学习网站分类排布。

8.意见建议。为便于网上交流,可以设置站长电子邮件超链接、表单、或留言板。

(四)健全链接,美化页面

到此网页基本大功告成,不过在发布之前还要耐心检查网页中的疏漏,特别是超级链接。如果站点使用了导航结构和共享边框可以自动设置主要导航,只要对其他导航链接补充制作。如果没有使用,需要站长在主页和各子网页之间建立超链接,便于网页浏览。超链接标志可以采用FrontPage中的文字悬停按钮,也可以用小图片或GIF小动画建立超链接。

(五)上传和发布

站点建设完毕后,如果需要推广,被更多人认可,可以发布到网上。首先申请个人免费空间。http://www.5944.net 和?http://www.9929.net这两个都是不错的免费空间提供商。

接着利用cuteftp文件上传和下载软件,上传制作好的网站。

三、交流阶段

网站发布成功,收集学生个人网站的域名,放在学校网站上,供全体学生浏览,并投票选出10名优秀网站。优秀站点的作者利用实践课,使用极域教师机演示软件,简要说明制作网页的心得体会,和其他同学交流经验,共同提高网页制作能力。

四、结语

通过《个人网站制作》,学生基本实现任务目标,制作网站的过程,培养了学生的知识迁移能力,为学生提供了充分发挥想象力和创造力的空间,根据各自的兴趣、爱好、在网站中展现自我,在巩固、探究、实现中培养学生综合运用信息技术知识的能力,并且通过交流、评价与合作得以提高,共享资源,分享成功的喜悦。

参考文献

[1]欧阳广.中文FrontPage 2002及其应用[M].中国劳动社会保障出版,2003.

[2]罗志彬.个人网站制作教学设计[M].http://blog.hbte.com.cn/user1/6894/archives/2007/34052.html.

[3]陈建红.FrontPage 2002实用教程.[M].电子工业出版,2005.

作者简介:李洁琛(1981- ),女,广西玉林商贸技工学校助讲,研究方向:计算机教学。