第二单元 网站设计与制作
交流评价网站
教学目标
知识与技能
熟悉网站、网页、首页、主页等基本概念;
能够简单描述网站规划与设计的几个基本指标;
通过开发实践,学会规划、设计、制作、发布与管理简单网站的基本方法。
过程与方法
1、能够结合实际运用来分析网站的基础知识;
2、从整体上感悟网站设计的基本过程;
情感态度与价值观
培养严谨的学习作风与合作精神;
学会欣赏“美”的网站与网页;
形成优秀网页的基本评价标准。
教学方法
任务驱动、自主学习、演示、协作讨论法
教学重点
1、网站规划和设计的基本步骤;
2、网站发布与管理的基本方法。
教学难点
能够根据网站主题要求设计评价指标,对常见网站的建设质量与运行状况进行评价。
教学过程
导入:同学们,前面我们已经学习了有关网页制作和网站建设的过程,今天我们来回顾一下相关内容。
一、创设情境,知识导入
一个完整的网站:
(一)教师PPT展示一个完整网站目录截图截图;
提问:①网站由什么构成?②该网站的首页文件是哪个?
基本概念: 网站: 一组资源,由文件和文件夹构成
网页: HTML写成的文件
网站的首页文件: Index
主页:双击IE出现的第一个页面
(二)学生任务
1、将http://192.168.0.80设置为主页;
2、打开IE,浏览节假日安全知识网站 。
老师已经通过局域网发布了以前高三年级同学做好的网站,同学们可以浏览网站http://192.168.0.80。
学生活动:学生观看、讨论、交流。
(三)基本概念:网站的结构
网站是由网页组成的,网站是网页的集合体,网页是网站的元素。
网站的结构就是指某一网站的信息组合的基本框架,它显示该网站中各个网页之间的逻辑关系。
层次适当:一般以3到4层为佳
拓展性广:能够容纳信息的多变性和扩展性
网站的结构主要有三种类型:树状结构、线性结构、网状结构。
二、如何规划设计一个网站
一个网站的建设就像盖一幢大楼一样,它是一个系统工程,有自己特定的工作流程,你只有遵循这个步骤,按部就班地一步步来,才能设计出一个满意的网站。
(一)网站规划和设计的基本步骤:
①确定网点主题,②制定网站栏目,③设计网站风格(标志,主色调,文字效果,版面布局),④规划网站结构,⑤确定网站运行环境,⑥选择网站开发工具,分配网站开发任务。
(二)学生任务:心系奥运网站设计与制作(合作交流)
学生活动:相邻同学相互合作,完成以下任务,打开Frontpage,打开d:xxay文件夹中的index.htm文件按照红色提示文字进行编辑,完成心系奥运网站首页的制作:
三、网站的发布前的检查
1、网页中的内容的检查: 拼写错误、内容与栏目的一致性等
2、网站中页面链接状态检查:要保证每一个网页有入口,有出口
(可结合“报表与超链接”视图检查)
3、网站中所用到的多媒体元素检查:格式恰当、大小合适
4、外观测试: 要在不同的浏览器中进行测试
四、网站发布与管理
当你做完网站的时候千万别忘记了保存你的网站,让数据正确的存储,这一点其实非常重要,毕竟是我们的劳动成果啊!
下面我们的任务就是将做好的网站展示给大家:
1、局域网内发布
利用IIS(因特网信息服务器)在局域网内实现网站的发布。
学生任务: 采用新建虚拟目录的方法将“心系奥运”网站发布到本机(虚拟
目录别名:xxay网站目录D:xxay)。
用户通过“IP地址/(虚拟目录)别名”访问网站。
教师展示前面服务器上的网站。
2、在因特网上发布
使用因特网上的WEB服务器,选择合适的网站空间,实现网站在因特网上发布。
购买自己的服务器(自管、托管)
租用专用服务器
租用虚拟主机
(以上三种需向ISP申请IP,向CNNIC注册域名)
申请个人主页空间(免费、收费)
我们可以去一些网站,申请一个免费的空间,进行上传,把主页名称改成:INDEX.HTM ,即可被默认的阅读。
教师寄语:希望各位在以后都可以拥有一个自己的网站~!
五、网站的评价
使用合理的网站评价指标评价网站,从而改进和完善网站。通常我们根据信息表达的需要,从网站的设计、制作、主题内容、发布和运行质量等方面设计评价指标。
学生活动:根据教材P103表4-17 网站的参考评价指标体系给节假日安全知识网站和濒临灭绝的动物网站打分:
评价内容
节假日安全知识网站
濒临灭绝的动物网站
页面布局
色彩搭配
导航
内容
信息
图片、动画
页面
小组合作
小计
六、问题回顾(当堂检测)
1、如果一个网站目录结构不清晰,内容东一块西一块,主要在下列哪一块出问题了:( ) A、网站标志不清楚 B、栏目设置不合理 C、色彩不和谐 D、字体不标准2、建立主题网站的顺序一般是( )。 A、规划→实现→设计→发布管理 B、设计→实现→规划→发布管理 C、规划→设计→实现→发布管理 D、设计→规划→实现→发布管理3、某同学在机房里设计制作了一个网站,为了能让同学们都能看到自己的网站,他应该采取的最佳做法是( )。 A、将自己的网站复制给别人 B、将网站通过E-mail发给所有同学。 C、将网站文件夹共享 D、将网站上传给Web服务器发布 4、下列关于网站制作的评价指标中,你认为哪个是不必要的( ) A、主题明确,内容有意义 B、界面友好,结构清晰 C、尽可能多的使用各种媒体 D、链接正确,各主要页面能相互返回
七、本节小结
(学生思考:本节课学到哪些内容)
网站制作的一般步骤:
1、需求分析;2、确定网站主题;3、搜集材料;4、规划网站;5、选择合适的制作工具;6、制作网页;7、上传测试;8、推广宣传;9、维护更新。