论文部分内容阅读
【摘 要】网页是Internet上信息资源的载体,在很多高职院校中《网页设计》课程已作为学生的一门必修课。教学内容、教学方法上都有其独特之处,如果仅在多媒体教室中讲解其操作步骤、范例等是不够的。笔者在多年的教学过程中体会到,学生正确理解网站、静态网页和动态网页、网页浏览机制等概念,是网页设计课程教学的关键所在。本文就上述重要概念做一解析。
【关键词】网页设计 网站 静态网页和动态网页 网页浏览机制
【中图分类号】G642 【文献标识码】A 【文章编号】1006-9682(2011)05-0053-02
网站是网页构成的集合,建立网站的主要任务是设计网页,在很多高职院校中《网页设计》课程已作为学生的一门必修课。《网页设计》课程的教学应首先使学生了解与网页相关的概念,如网站、静态网页和动态网页、网页浏览机制等概念,为网页设计教学打下基础。
一、网站与主页
网站是一组具有共同主题的网页通过超链接的形式所组成的信息系统。网站的主要组成部分是网页,而网页是由文字、表格、图片、声音、视频、动画及各种功能按钮等组成,网页中的图片、声音、视频、动画等又是一个个独立的文件。因此,网站的概念可从四方面加以理解。第一,从信息的组成上,网站是一个文件系统,由网页、图片、声音、视频、动画等类型的文件组成。第二,从存放形式上,网站可存放在服务器的一个文件夹中,或一个服务器的若干个文件夹、若干个服务器的多个文件夹中,不管如何存放,在逻辑上仍归属一个网站。最简单的存放形式是一个服务器的一个文件夹。第三,从客户访问上,网站即网址。用户只需知道网址即可访问网站上的信息。网址即域名或IP地址,它是网站在互联网上的标识符,访问网站时只需在浏览器的地址栏输入网址,就可打开该网站的主页(默认页),以此为入口,通过单击主页上的超链接访问其它有关页面。第四,从运行管理上,网站正式运行必须遵守我国“国务院工业和信息化部”制定的相应管理办法,如《互联网信息服务管理办法》、《互联网IP地址备案管理办法》等。应说明的是,如果在局域网上运行网站或互联网信息服务商的试用空间上运行网站,则不受工业和信息化部制定的相应管理办法的约束,但必须遵守局域网信息发布、互联网信息服务商试用空间使用的相关规定和要求。
主页是网站的起始页和索引页,是用户开始浏览网站的“入口处”,与一般网页一样可存放各种信息,但它又是一个特殊的网页,主要由导航及各种超链接构成,用户通过主页提供的超级链接访问其它页面的信息和资源。网站发布时,应注意主页的命名,必须与网站空间所要求的一致。关于主页命名的要求是由服务器在网站配置时指定的,如果是自建服务器,请询问网络管理员;如果是租用空间,请询问空间服务商,这样才能保证以域名的方式访问到主页。
二、静态网页和动态网页
1.静态网页和动态网页的概念
静态网页是标准的HTML文件,它的文件扩展名是.htm或.html,可包含文本、图像、声音、Flash动画、客户端脚本和ActiveX控件及Java Applet等。这种网页不包含在服务器端运行的任何脚本,在客户端浏览器上解读的网页代码与服务器端的网页代码是一样的。动态网页是由HTML、服务器端运行的脚本代码所编写的网页文件,网站的内容动态存储到服务器数据库中,当用户请求访问该页面时,通过执行服务器端的脚本代码,读取数据库信息来生成一个标准的HTML网页文件,发送到客户端的浏览器中进行显示,它们会随不同客户、不同时间等的请求,返回给浏览器不同的网页。
2.静态网页和动态网页的区别
不管是静态网页还是动态网页,浏览器解读的均是标准的HTML网页文件。静态网页与动态网页的区别可从以下四方面理解:
(1)从本质上区分,当静态网页被请求时,服务器端不需要运行生成网页文件,而是直接将静态网页文件传送到客户端浏览器中显示;而当动态网页被请求时,服务器端需要运行来生成网页文件,而后被传送到客户端浏览器中显示,它们会随不同客户、不同时间,返回不同的网页。
(2)从管理维护上区分,静态网页的内容是固定的,你编的是什么内容它显示的就是什么内容,不会有任何改变,内容的更新必须通过重新编写网页文件并上传来实现,所以静态网页更新起来比较麻烦,适用于一般更新较少的展示型网站;而动态网页的内容来源于数据库,网站上主要是一些动态网页的框架,内容更新是通过后台管理界面维护数据库的,所以动态网页大大减少了网站维护的工作量,而且也可以实现如用户注册、用户登录、在线调查、用户管理、订单管理等更多的交互功能,适用于更新快、信息量大的网站。
(3)从设计技术上,简单的静态网页只需掌握html语言就可进行网页设计,较复杂的还需学习客户端脚本语言、浏览器对象、ActiveX控件等技术。事实上,在可视化的网页制作工具dreamweaver开发环境中已集成了有关的功能,不用编程就可轻松实现客户端的动态效果,如网页背景的变化、字体大小的变化、漂浮广告、网页内容的显示与隐藏等。而动态网页设计技术包括HTML、脚本语言、服务器对象、服务器组件等编程技术。目前动态网页设计技术主要有PHP、ASP、ASP.Net、JSP等。
(4)从形式上区分,静态网页文件扩展名是以.htm、.html等为后缀的,而动态页面文件的扩展名,依设计技术不同,扩展名也不同,如动态网页设计技术PHP、ASP、ASP.Net、JSP的扩展名分别是.php、.asp、.aspx、.jsp等为后缀的。
区分动态网页与静态网页,一看后缀名,二看是否在服务器端执行程序代码。当然,网站的关键是内容吸引浏览者,并不取决于是采用动态网页技术还是静态网页技术。在静态网页上,也可以出现各种动态的效果,如GIF格式的动画、FLASH、滚动字幕、客户端改变文字大小、改变网页背景颜色、漂浮广告、网页内容的显示与隐藏等,“动态效果”只是视觉上的,网页内容固定不变,仍是静态网页。
三、网页浏览机制
1.服务器与浏览器
互联网是一个大型的、相互连接的分布式信息存储系统,它是以客户机/服务器模式工作的。通常来说,提供服务的一方称为服务器,请求服务或接受服务的一方称为客户机。服务器是网络的核心设备,实际上是一种配置较高的计算机,安装有服务器软件(如Windows XP下的IIS),其基本功能是提供网络共享资源、网络通信管理和网络通信服务。客户机是接受服务的计算机,配置可高可低,必须安装有浏览器软件以解读网页文档。有些网页文档资源浏览器不能解读时,提示客户安装相关的浏览器插件(如Flash播放器)。浏览器软件很多,如火狐、傲游、腾讯TT、Mozilla、Netscape Navigator等,常用的是Windows自带的IE浏览器。
2.URL
URL(Uniform Resource Location的缩写),中文意思为“统一资源定位地址”,通常叫网址,它是Internet上用来描述信息资源的字符串。URL的格式由下列三部分组成:
第一部分是协议或称为服务方式,如网页浏览服务是http协议,文件传输服务是ftp协议。
第二部分是该资源的主机域名(或IP地址),有时也包括端口号,Tcp/Ip协议要求服务器的每一种类型服务必须对应一个通讯端口,保证不与其他服务的通讯端口有冲突。通常通讯端口号是省略的,如http协议的端口号为80,ftp协议的端口号为21。
第三部分是资源的具体地址,由目录和文件名组成。
书写时第一部分和第二部分之间用“://”符号隔开,第二部分和第三部分用“/”符号隔开。第一部分和第二部分是不可缺少的,第三部分有时可省略,当第三部分省略时表示用指定协议访问指定网站根目录下的默认文档资源。
如:http://www.linkwan.com:80/111/222/welcome.htm或http:// www. linkwan.com/111/222/welcome.htm(省略通讯端口号的书写方法)
代表存放在www.linkwan.com主机上的111/222目录下的一个网页文件,文件名是welcome.htm。
file://ftp.linkwan.com/pub/files/foobar.txt(省略通讯端口号的书写方法)或file://ftp.linkwan.com:21/pub/files/foobar.txt
代表存放在ftp.linkwan.com主机上的pub/files目录下的一个文本文件,文件名是foobar.txt。
3.网页浏览机制
客户要访问服务器提供的网络资源是通过在浏览器的地址栏输入URL来发出请求的,该请求经过互联网上的网络设备、域名系统等功能的处理,连接到要访问的服务器,建立起服务器与客户机的点对点通信机制,服务器对客户的资源请求进行处理,发送回客户端标准的HTML文档,经浏览器解读显示给浏览者。具体的工作原理,见图1。
如果在浏览器的地址栏仅输入网址,并未指出要访问的路径和资源文件名,则打开该网站的主页,如输入网址http://www. pku.edu.cn,便打开北京大学的主页,通过主页面上的导航及超级链接可访问北京大学网站为我们提供的各种资源内容。用户一般访问网站的某一页面时是不可能知道它在网站中的路径和资源文件名的,除非你是网站设计人员或通过其他方式准确知道了该资源的具体URL。所以访问某一网站往往是通过网址访问主页开始的。
四、结束语
设计网页既是内容的表现,又是艺术的展示,虽然没有非常复杂的技术,但却包罗万象,涉及知识面广。讲好这门课程,一方面教师应有深厚的实战功力,即在网页制作领域要能深入市场需求、把握市场动向以此来决定教学方向;另一方面应切合实际开展教学,运用实例深入浅出的使学生掌握知识、熟练运用。为达到此教学目的,阐述清楚有关概念是关键所在,通过这些概念串联起与其他相关知识之间的联系,为进一步深入学习打下坚实的基础。
参考文献
1 周 济.以服务为宗旨,以就业为导向,实现职业教育的快速健康持续发展[J].中国职业技术教育,2004(20)
2 赵生慧.高职高专网络技术专业实践能力培养体系探讨[J].计算机教育,2008(8)
3 池瑞楠.高职计算机网络技术专业课程体系建设探索[J].计算机教育,2007(13)
【关键词】网页设计 网站 静态网页和动态网页 网页浏览机制
【中图分类号】G642 【文献标识码】A 【文章编号】1006-9682(2011)05-0053-02
网站是网页构成的集合,建立网站的主要任务是设计网页,在很多高职院校中《网页设计》课程已作为学生的一门必修课。《网页设计》课程的教学应首先使学生了解与网页相关的概念,如网站、静态网页和动态网页、网页浏览机制等概念,为网页设计教学打下基础。
一、网站与主页
网站是一组具有共同主题的网页通过超链接的形式所组成的信息系统。网站的主要组成部分是网页,而网页是由文字、表格、图片、声音、视频、动画及各种功能按钮等组成,网页中的图片、声音、视频、动画等又是一个个独立的文件。因此,网站的概念可从四方面加以理解。第一,从信息的组成上,网站是一个文件系统,由网页、图片、声音、视频、动画等类型的文件组成。第二,从存放形式上,网站可存放在服务器的一个文件夹中,或一个服务器的若干个文件夹、若干个服务器的多个文件夹中,不管如何存放,在逻辑上仍归属一个网站。最简单的存放形式是一个服务器的一个文件夹。第三,从客户访问上,网站即网址。用户只需知道网址即可访问网站上的信息。网址即域名或IP地址,它是网站在互联网上的标识符,访问网站时只需在浏览器的地址栏输入网址,就可打开该网站的主页(默认页),以此为入口,通过单击主页上的超链接访问其它有关页面。第四,从运行管理上,网站正式运行必须遵守我国“国务院工业和信息化部”制定的相应管理办法,如《互联网信息服务管理办法》、《互联网IP地址备案管理办法》等。应说明的是,如果在局域网上运行网站或互联网信息服务商的试用空间上运行网站,则不受工业和信息化部制定的相应管理办法的约束,但必须遵守局域网信息发布、互联网信息服务商试用空间使用的相关规定和要求。
主页是网站的起始页和索引页,是用户开始浏览网站的“入口处”,与一般网页一样可存放各种信息,但它又是一个特殊的网页,主要由导航及各种超链接构成,用户通过主页提供的超级链接访问其它页面的信息和资源。网站发布时,应注意主页的命名,必须与网站空间所要求的一致。关于主页命名的要求是由服务器在网站配置时指定的,如果是自建服务器,请询问网络管理员;如果是租用空间,请询问空间服务商,这样才能保证以域名的方式访问到主页。
二、静态网页和动态网页
1.静态网页和动态网页的概念
静态网页是标准的HTML文件,它的文件扩展名是.htm或.html,可包含文本、图像、声音、Flash动画、客户端脚本和ActiveX控件及Java Applet等。这种网页不包含在服务器端运行的任何脚本,在客户端浏览器上解读的网页代码与服务器端的网页代码是一样的。动态网页是由HTML、服务器端运行的脚本代码所编写的网页文件,网站的内容动态存储到服务器数据库中,当用户请求访问该页面时,通过执行服务器端的脚本代码,读取数据库信息来生成一个标准的HTML网页文件,发送到客户端的浏览器中进行显示,它们会随不同客户、不同时间等的请求,返回给浏览器不同的网页。
2.静态网页和动态网页的区别
不管是静态网页还是动态网页,浏览器解读的均是标准的HTML网页文件。静态网页与动态网页的区别可从以下四方面理解:
(1)从本质上区分,当静态网页被请求时,服务器端不需要运行生成网页文件,而是直接将静态网页文件传送到客户端浏览器中显示;而当动态网页被请求时,服务器端需要运行来生成网页文件,而后被传送到客户端浏览器中显示,它们会随不同客户、不同时间,返回不同的网页。
(2)从管理维护上区分,静态网页的内容是固定的,你编的是什么内容它显示的就是什么内容,不会有任何改变,内容的更新必须通过重新编写网页文件并上传来实现,所以静态网页更新起来比较麻烦,适用于一般更新较少的展示型网站;而动态网页的内容来源于数据库,网站上主要是一些动态网页的框架,内容更新是通过后台管理界面维护数据库的,所以动态网页大大减少了网站维护的工作量,而且也可以实现如用户注册、用户登录、在线调查、用户管理、订单管理等更多的交互功能,适用于更新快、信息量大的网站。
(3)从设计技术上,简单的静态网页只需掌握html语言就可进行网页设计,较复杂的还需学习客户端脚本语言、浏览器对象、ActiveX控件等技术。事实上,在可视化的网页制作工具dreamweaver开发环境中已集成了有关的功能,不用编程就可轻松实现客户端的动态效果,如网页背景的变化、字体大小的变化、漂浮广告、网页内容的显示与隐藏等。而动态网页设计技术包括HTML、脚本语言、服务器对象、服务器组件等编程技术。目前动态网页设计技术主要有PHP、ASP、ASP.Net、JSP等。
(4)从形式上区分,静态网页文件扩展名是以.htm、.html等为后缀的,而动态页面文件的扩展名,依设计技术不同,扩展名也不同,如动态网页设计技术PHP、ASP、ASP.Net、JSP的扩展名分别是.php、.asp、.aspx、.jsp等为后缀的。
区分动态网页与静态网页,一看后缀名,二看是否在服务器端执行程序代码。当然,网站的关键是内容吸引浏览者,并不取决于是采用动态网页技术还是静态网页技术。在静态网页上,也可以出现各种动态的效果,如GIF格式的动画、FLASH、滚动字幕、客户端改变文字大小、改变网页背景颜色、漂浮广告、网页内容的显示与隐藏等,“动态效果”只是视觉上的,网页内容固定不变,仍是静态网页。
三、网页浏览机制
1.服务器与浏览器
互联网是一个大型的、相互连接的分布式信息存储系统,它是以客户机/服务器模式工作的。通常来说,提供服务的一方称为服务器,请求服务或接受服务的一方称为客户机。服务器是网络的核心设备,实际上是一种配置较高的计算机,安装有服务器软件(如Windows XP下的IIS),其基本功能是提供网络共享资源、网络通信管理和网络通信服务。客户机是接受服务的计算机,配置可高可低,必须安装有浏览器软件以解读网页文档。有些网页文档资源浏览器不能解读时,提示客户安装相关的浏览器插件(如Flash播放器)。浏览器软件很多,如火狐、傲游、腾讯TT、Mozilla、Netscape Navigator等,常用的是Windows自带的IE浏览器。
2.URL
URL(Uniform Resource Location的缩写),中文意思为“统一资源定位地址”,通常叫网址,它是Internet上用来描述信息资源的字符串。URL的格式由下列三部分组成:
第一部分是协议或称为服务方式,如网页浏览服务是http协议,文件传输服务是ftp协议。
第二部分是该资源的主机域名(或IP地址),有时也包括端口号,Tcp/Ip协议要求服务器的每一种类型服务必须对应一个通讯端口,保证不与其他服务的通讯端口有冲突。通常通讯端口号是省略的,如http协议的端口号为80,ftp协议的端口号为21。
第三部分是资源的具体地址,由目录和文件名组成。
书写时第一部分和第二部分之间用“://”符号隔开,第二部分和第三部分用“/”符号隔开。第一部分和第二部分是不可缺少的,第三部分有时可省略,当第三部分省略时表示用指定协议访问指定网站根目录下的默认文档资源。
如:http://www.linkwan.com:80/111/222/welcome.htm或http:// www. linkwan.com/111/222/welcome.htm(省略通讯端口号的书写方法)
代表存放在www.linkwan.com主机上的111/222目录下的一个网页文件,文件名是welcome.htm。
file://ftp.linkwan.com/pub/files/foobar.txt(省略通讯端口号的书写方法)或file://ftp.linkwan.com:21/pub/files/foobar.txt
代表存放在ftp.linkwan.com主机上的pub/files目录下的一个文本文件,文件名是foobar.txt。
3.网页浏览机制
客户要访问服务器提供的网络资源是通过在浏览器的地址栏输入URL来发出请求的,该请求经过互联网上的网络设备、域名系统等功能的处理,连接到要访问的服务器,建立起服务器与客户机的点对点通信机制,服务器对客户的资源请求进行处理,发送回客户端标准的HTML文档,经浏览器解读显示给浏览者。具体的工作原理,见图1。
如果在浏览器的地址栏仅输入网址,并未指出要访问的路径和资源文件名,则打开该网站的主页,如输入网址http://www. pku.edu.cn,便打开北京大学的主页,通过主页面上的导航及超级链接可访问北京大学网站为我们提供的各种资源内容。用户一般访问网站的某一页面时是不可能知道它在网站中的路径和资源文件名的,除非你是网站设计人员或通过其他方式准确知道了该资源的具体URL。所以访问某一网站往往是通过网址访问主页开始的。
四、结束语
设计网页既是内容的表现,又是艺术的展示,虽然没有非常复杂的技术,但却包罗万象,涉及知识面广。讲好这门课程,一方面教师应有深厚的实战功力,即在网页制作领域要能深入市场需求、把握市场动向以此来决定教学方向;另一方面应切合实际开展教学,运用实例深入浅出的使学生掌握知识、熟练运用。为达到此教学目的,阐述清楚有关概念是关键所在,通过这些概念串联起与其他相关知识之间的联系,为进一步深入学习打下坚实的基础。
参考文献
1 周 济.以服务为宗旨,以就业为导向,实现职业教育的快速健康持续发展[J].中国职业技术教育,2004(20)
2 赵生慧.高职高专网络技术专业实践能力培养体系探讨[J].计算机教育,2008(8)
3 池瑞楠.高职计算机网络技术专业课程体系建设探索[J].计算机教育,2007(13)