内容正文:
4.1规划网站
一、教学目标
没有详尽的规划,不可能建设好一个网站。本节旨在让学生了解网站规划的过程,明确网站建设的基本步骤,为网站的具体设计奠定基础。
表4-1教学目标的三维描述
维度
行为目标
知识与技能
(1) 能简单描述网站的WWW服务、网页、网站等概念;
(2) 能够阐述网站的制作开发步骤;
(3) 能够理解并描述网页中的HTML标记的含义
过程与方法
(1) 能够结合实际运用来分析网站的基础知识;
(2) 能够修改和书写常用的HTML标记
情感态度与价值观
(1)能够了解制作网站的整体过程;
(2)能够主动的去思考网站对于现在信息技术发展的意义;
(3)能够体会到制作和借鉴别人的作品和代码时候应该注意知识产权的问题
二、内容描述
(一)基本概念
1.概念
www(万维网): WWW是一种建立在Internet上的多媒体集合信息系统。它利用超媒体(Hypermedia)的信息获取技术,通过一种超文本(Hypetext)的表达方式,将所有在WWW上的信息连接在一起。WWW最大的好处就是连接全世界所有的信息,并采用网型信息搜索,能从一个地方到达网络的任何地方,而不必返回根处,增强了搜索效率。
网页:网站中的具体信息通过一个载体呈现在互联网中,大家公认的载体就是网页,大多数信息都发布在网页中。通常是由HTML书写而成。
网站的结构:如树状结构、线性结构、网状结构等。
网站的主页:通常访问某个网站显示的第一个页面,也称之为首页。
浏览器:使用浏览器(如Internet Explorer、Netscape Communicator),就可以通过超级链接的方式欣赏到网络上的相关文字、声音或者图片文件。浏览器是安装在计算机上的一种软件,通过它可以方便地看到Internet上提供的远程登录(Telnet)、电子邮件、文件传输(FTP)、网络新闻组(NetNews)、电子公告栏(BBS)等服务资源。主要的浏览器有IE和Netscape等。版本越高支持的网页效果就越多,所以要经常升级。
2.网站的开发流程及常见用途
网站开发制作有着规范的方法和顺序,教师应该指导学生了解规范的网站开发流程,网站的制作和开发一般由下图4-1中的几个步骤实现:
图 4-1 网站开发步骤
教师还应该让学生清楚的认识到网站一般可以分为局域网(LAN)运行的内部网站和在Internet上运行的外部网站,无论是内部网站还是外部网站,建立网站的目的都不外乎如下几点:
l 作为部门、组织、政府管理乃至个人展示信息的辅助工具。
l 作为企业或者组织的辅助工具,利用网站对本企业或者组织进行服务,建立电子商务网站,完成企业的信息发布、产品宣传、形象展示、零部件的网上采购和交易等经营活动并以此获得经济利益。
l 大专院校以及科研机构进行学术交流和技术探讨。
l 教学使用的多媒体课件和作品平台
l 个人兴趣和爱好的展示平台
3.网站制作技术和应用的发展
网站的制作技术从一开始的纯HTML编写(如HOTDOG、记事本)发展到了后来利用所见即所得的设计软件制作(如FrontPage、Dreamweaver),现在网页制作向更快速和更方便集成发展,通过现成的网站模版和网站自动制作软件(CMS)可以生成很多主题化的网站,甚至通过网站的基础平台来修改成为新的网站(如动网论坛、狼狐论坛),对于制作人员的要求越来越低,但是相似的网站和论坛越来越多,网站自助制作系统是优点也是缺点。
(二)需求分析与选题
网站需要先选定一个主题,主题的选定根据每个学校的不同而存在现实差异,不同地区的老师在设立主题时可以多发挥地方特色,让学生从身边的事情去发现去探索。在网站建设过程中,需求分析是建设网站的第一阶段,这个阶段的总任务是回答“网站必须做什么”,并不需要回答“网站将如何工作”。
这个过程也是给网站准确定位的步骤,从而确定主题与设计风格,名称要切题,题材要专而精,教师应该着重引导学生思考网站制作出来的定位,即使在教学中不能实现所有的设计和需求,但是做好事前分析是非常关键和必需的习惯。在实际教学中为了避免教师在教学中控制课程过于复杂,可以事先确定一定的选题范围,然后再由学生根据需求来选定某个题材或者主题。
(三)选择网页制作工具
1.HTML语言
HTML:是Hypertext Markup Language的首字母缩写,即“超文本标记语言”,用它编写的文件的扩展名是.html或.htm,是可供浏览器解释浏览的文件格式。可以使用记事本、写字板或FrontPage、Dreamweaver等编辑工具来编写HTML文件。HTML是一种专门用于WWW的编程语言,