信息组织第一章网页基础.ppt

第一章网页设计制作基础,了解计算机网络的发展历程,理解WWW应用及其体系结构,了解网页制作的基本元素及技术,一、计算机网络的发展历程,基本概念1、什么是因特网（回顾）因特网的历史因特网在中国因特网的服务,1.什么是计算机网络？,计算机网络是计算机技术和通信技术的结合。我们把若干地理位置不同，并具有独立功能的多个计算机系统，通过网络设备和通信线路连接起来，且,以功能完善的网络软件（网络协议、网络操作系统等）实现资源共享和信息交换的系统，称为计算机网络系统。,Internet的产生和发展,Internet是一个全球性开放网络，中文译名为因特网1968年美国建立了一个名为ARPA计算机网络。1972年ARPA网节点机由4台发展到50个开始制定第二代网络协议。1983年ARPA网采用了TCP/IP协议。1985年美国科学基金会建立基于TCP/IP协议的NSF网络。1986年NSF取代ARPA网成为今天的Internet的基础。1990年以后“信息高速公路”计划的推行，光纤、卫星通信成为Internet主干网的重要媒介，Internet网自然进入了商业网阶段。,Internet在中国,中国公用计算机互联网（ChinaNET）网管中心设在邮电部数据通信局。其骨干网覆盖全国各省市、自治区，包括8个地区网络中心和31个省市网络分中心。ChinaNET与公用电话分组交换网、中国公用分组交换网、中国公用数字数据网、帧中继网等互联。与国际Internet网络互联，出口设在北京、上海和广州，2010年，国际出口带宽达到1,098,956.82Mbps，年增长26.9%。,1994年起，通过四大骨干网联入国际互联网，我国正式进入Internet网。,中国教育和科研计算机网(CERNET)全国性的教育科研基础设施，其网络中心设在清华大学。用户是我国的教育和科研单位、政府部门及非盈利机构，目前已有900多个子网和CERNET联网，个人用户达到800多万人。CERNET由全国主干网，地区网和校园网三级层次构成。地区网络中心分别设在北京、上海、广州、武汉、西安、南京、成都和沈阳。目前，国际线路的总容量为259Mbps，可直接访问Internet2。,Internet在中国,ChinaGBNET又称金桥网，为配合中国的“四金”（金税银行、金关海关、金卫卫生部、金盾公安部）工程，自1993年开始建设的网络，在全国24个省市联网开通，国际线路的总容量为1710Mbps。金桥网是以卫星综合数字业务网为基础，以光纤、无线移动等方式形成天地一体的网络结构。,中国国家公用经济信息通信网(ChinaGBNET),Internet在中国,中国联合通信网（中国联通）：中国网络通信网（中国网通）：中国移动通讯网（中国移动）：中国长城互联网：中国对外经济贸易网：,Internet在中国,上网用户数：截至2010年12月，中国网民规模达到4.57亿。我国手机网民规模达3.03亿，较2009年底增加了6930万人。网民结构：30岁以上各年龄段网民占比继续上升，从2009年底的38.6%攀升至41.8%。初中学历网民增加明显，占比从26.8%提升到32.8%；高中学历的网民占比首次下降，从40.2%下降到35.7%，降低了4.5个百分点。企业信息化：截至2010年12月，有94.8%的中小企业配备了电脑，无电脑的中小企业仅占5.2%。92.7%的中国中小企业接入互联网。中小企业曾有建站行为(含网上商铺和独立网站)的比例达到了43%。,Internet在中国,现实说明了什么？,面对这么多的互联网用户？你脑中浮现的是什么？在这个虚拟,又很有现实机会的世界里，什么让你感觉最兴奋？,Internet提供的服务,WWWE-MAILFTPTELNETBBSIPPHONENetNewsICQ,网络具体应用方式,搜索引擎使用率达到81.9%，用户规模3.75亿，成为网民第一大应用商务类应用用户规模继续领涨。网络购物用户规模年增幅48.6%，是增幅最快的应用。网上支付、网上银行的使用率迅速提升，更多的经济活动已步入了互联网时代。娱乐类应用使用率普遍下降。网络音乐、网络游戏和网络视频的用户渗透率分别下降4.2，2.4，0.5个百分点，网络娱乐在实现用户量的扩张之后进入相对平稳的发展期。,42.1%的中小企业曾经利用互联网进行过营销和推广工作；中小企业利用电子邮件进行营销的比例达到了21.3%，利用电子商务平台推广的比例达到了19.3%，利用搜索关键字广告进行营销的比例达到了15.4%。互联网已经成为了中小企业与客户沟通和为客户服务的主要渠道之一，57.2%的中小企业正在利用互联网与客户沟通及为客户提供咨询服务。,思考与讨论,请思考目前一些网站的商业应用手段和商业模式，并归纳总结基于互联网的商业模式具有哪些显著特点？,请你与身边的同学（每4人组成一个讨论小组）共同探讨，并提交讨论结果。,什么是WWW（WorldWideWeb）,WWW可称为万维网（全球信息网），它允许将文本、声音、图形、图像、动画、视频文件综合在一起使文档成为一种知识链。它不是普通意义上的物理网络，而是一种信息服务器的集合标准。,网页(Web页)：浏览器中所看到的画面。Web站点：多个相关的Web页组合。Web服务器：放置Web站点的计算机。,HTML文件,Web应用的体系结构,WEB服务器,请求：URL,响应,互联网络,发布,维护,工作原理,客户机浏览器，WWW服务器保存WWW信息的计算超文本传输协议HTTP（HypertextTransportProtocol）允许用户在客户机上发出请求，在服务器和浏览器之间传输超媒体信息。最后浏览器把从服务器传回的超媒体信息展现在用户面前，它知道如何去解释和显示在WWW上找到的Hypertext（用HTML语言编写）。大多数浏览器都可以自动调用其他应用程序（HelperApplicationsProgram,插件），以显示特殊类型的文档如audio或者video，swf的文件格式。,1.什么是Web浏览器,Web浏览器（WWW浏览器）是一个应用程序，知道如何解释和显示在WWW上找到的符合3WC标准（html+javaScript+css)文档。浏览器用户界面浏览功能多媒体组件,IE浏览器,其它IE核心浏览器市面上还有许多以IE为核心的浏览器，他们提供了更多的功能和方便性，例如：卡片式浏览，天气预报，弹出窗口拦截等等，流行的有：Maxthon(遨游)浏览器、SpeedBrowser等。从根本上来说，他们都是IE的变型，并且只能用于Windows平台,常用浏览器,常用浏览器,火狐(Firefox)浏览器：MozillaFirefox，非正式的中文名称为火狐浏览器，由Mozilla基金会(,Opera浏览器OperaWebBrowser是由OperaSoftwareASA出品的一款轻量级网络浏览器，总部在挪威的奥斯陆，利用标签方式实现单窗口下的多页面浏览。它不但提供Windows、Linux、MacOS、移动电话等多平台的支持，更提供中文、英语、法语、德语等多语言的支持。,常用浏览器,2.什么是Web服务器,WEB服务器也称为WWW(WORLDWIDEWEB)服务器，主要功能是提供网上信息浏览服务。目前使用最多的webserver服务器软件有两个：1.微软的信息服务器（iis）2.Apache。,Web服务器工作原理,Web服务器可以解析(handles)HTTP协议。当Web服务器接收到一个HTTP请求(request)，会返回一个HTTP响应(response)，例如送回一个HTML页面。为了处理一个请求(request)，Web服务器可以响应(response):1)一个静态页(.html,.htm)或图片2)进行页面跳转(redirect)3)或者把动态响应(dynamicresponse)的产生委托(delegate)给一些其它的程序例如CGI脚本，JSP(JavaServerPages)脚本，ASP(ActiveerverPages)脚本，ASPX,PHP等。,但无论采用什么代理技术，这些服务器端的程序通常产生一个HTML的响应(response)来让浏览器可以浏览。,3.网页制作基本组成元素及技术,基本元素及技术（1）实现资源引用的统一命名机制（2）使用标准的HTTP传输（3）文本的逻辑结构采用HTML语言描述（4）多媒体元素,统一资源定位符URL,由以冒号隔开的两大部分组成，并且在URL中的字符对大写或小写没有要求。URL的一般形式是：,:/:/(8-2),思考？,域名和IP地址有何区别？,HTTP协议,超文本传输协议(HTTP，HyperTextTransferProtocol)是互联网上应用最为广泛的一种网络协议。,所有的WWW文件都必须遵守这个标准。设计HTTP最初的目的是为了提供一种发布和接收HTML页面的方法。,网页素材,网页素材大致可概括为视觉和听觉两大类，包括：文本（Text）、声音（Sound）、图像（Image）、动画（Animator）、视频（Video）等,文本文件格式,1.格式（Style）:正常体、粗体、斜体、底线、外框，影子等。2.定位（Align）:居左（left）,居中央（Center），居右（Right）。3.字体:宋体和黑体、楷体、仿宋体、隶书、细圆等。4.字的大小（Size）5.文字的颜色,图像文件的基本格式,1JPEG格式2.pngBmpgif,图形图像要关注哪些属性,？,哪个图片对象？图片大小（宽度、高度）？边框（粗细，颜色）？,声音文件的基本格式,两种基本格式WAVE和MIDIWAVE和MIDI格式的区别与比较(1)存储效率(2)文件编辑的难易程度(3)播放质量（4)录制及播放工具,视频文件的基本格式,视频文件的基本格式AVI格式MPEG格式Flvrm,这些媒体元素如何,引入，标识，排版？,超文本标记语言HTML,超文本标记语言HTML(HyperTextMarkupLanguage)使得万维网页面的设计者可以很方便地用一个超链从本页面的某处链接到因特网上的任何一个万维网页面，并且能够在自己的计算机屏幕上将这些页面显示出来。,什么是主页、网页、网站,1主页(首页）（Homepage）首页也可以指一个网站的入口网页，即打开网站后看到的第一个页面，大多数作为首页的文件名是index、default、加上扩展名。2网页（Webpage）网页就是存放在互联网中的Web服务器上的一个文件，或者说是一种文档Web文档。3.网站。网站就是把一些网页等信息文件通过超链接的形式关联起来形成的信息文件的集合。信息可以是网页形式也可以是其他的文档形式。,网页与网站的区别与联系：网站是一个文件夹，其中的文件不仅是网页还有网站所需的其他文件或文件夹。网页是一个页面文件，用来发布各种信息。网页是网站的构成要素，是网站信息发布与表现的一种主要形式；网站是网页通过超链接形成的集合。,什么是超文本与超级链接,1超文本（Hypertext）超文本是具有链的文本，它没有严格的顺序。它们可能含有链，由链指向文档中别的地方或指向别的文档。2超媒体（Hypermedia）超媒体概念用于多媒体文档的表示、访问、组织及存储。,超级链接,3超级链接（Hyperlink）链接是对其他文档的简单索引一个超文本链接分为3个部分锚超文本（源）链接目标,网页设计过程,目标分析结构设计色彩搭配收集素材网页制作与调试网站发布网站运行与维护,网页制作工具简介,常用的网页制作工具分为两类：文本编辑类和可视化网页制作工具。1文本编辑类工具HotDog、HomeSite、HotMetal、CuteHTML优点是能控制代码2可视化网页制作工具FrontPage、DreamWeaver、PageMill,学习网站推荐,图片素材：,面向对象编程C#：,