网站建设基础知识培训

2023/1/121厚德载物自强不息网站建设实用技术培训2023/1/12网站的建设流程政府网站的作用Web技术发展沿革网站开发技术概述Web技术发展沿革1993199519972002Ｍosaic之前时代Netscape时代流览器战争时代动态Web时代Web服务时代USENETGopherHTMLCGIJavaJavaScriptCSSActiveXDHTMLASP/JSPASP.NetHTML与XHTMLHTML（HypertextMarkupLanguage，超文本标记语言）是一种基本的Web网页设计语言，主要用于实现静态的万维网文档。为了适应XML（ExtensibleMarkupLanguage，可扩展标记语言）的需要，随后又出现了XHTML（ExtensibleHypertextMarkupLanguage，可扩展超文本标记语言）。XML是一种结构化的、使用文本格式存储的数据描述，可以将数据表示为具有层次结构的结构化文本形式。XHTML是一种基于XML的标记语言，带有从HTML升级为XML的过渡性质，是目前流行的网页设计语言之一。网页设计最有代表性的就是HTML。随着Internet的普及，出现一些制定标准的组织，其中最典型的就是W3C、ECMA等。W3C是WorldWideWebConsortium的简称，即全球万维网联盟的简称。W3C创建于1994年，从1998年开始，为了让软件生产厂商重视这些规范，W3C将“推荐规范”重新命名为“Web标准”。CSS、XML、XHTML和DOM（DocumentObjectModel，文档对象模型）都属于W3C制定的Web标准。Web标准Web标准Web标准是指一系列标准的集合。

除了W3C之外，还有其他制定标准的组织，ECMA是其中比较有代表性的组织之一。

ECMA是EuropeanComputerManufacturersAssociation-的简称，即欧洲计算机制造商协会。我们平时所说的“标准JavaScript”就是指符合ECMA规定标准的JavaScript，也叫“ECMAScript”。Web标准为什么要求Web开发必须符合这些标准呢？这是因为客户端浏览器并不是只有一种，除了我们熟知的IE（InternetExplorer）浏览器外，市场上流行的还有其他客户端浏览器，例如，Netscape、Mozilla、FireFox以及Opera等，如果开发者设计的网站不符合Web标准，使用其他浏览器的用户，就可能无法正常显示网页的内容。换句话说，Web标准是国际上的通用标准，凡是符合这些标准的网站，都能用任何一种浏览器正常浏览。

Web标准在Web标准中，为了清晰地描述网页的各种特性，W3C把一个网页分为，结构、表现和行为3个部分。与此对应的标准也分为3个方面：结构化标准（XHTML、XML）表现标准（CSS）行为标准（DOM、ECMAScript）。结构化标准（XHTML、XML）网页设计中的第1种标准是结构化标准，主要包括W3C制定的XML和XHTML。表现标准（CSS）网页设计中的第2种标准是表现标准，目前最流行的标准就是CSS。Web标准Web标准CSS是CascadingStyleSheets的缩写，称作层叠样式表，也叫级联式样式表。目前推荐遵循的是W3C于1998年推荐的CSS2。W3C创建CSS标准的目的是以CSS取代HTML表格布局和其他表现语言。纯CSS布局与结构式XHTML相结合能帮助开发人员分离页面的外观与结构，使站点的访问及维护更加容易。

Web标准表现标准（CSS）的作用主要有以下几方面:

（1）以前必须通过图片转换才能实现的功能，可以用CSS轻松实现，从而使页面的下载速度更快。（2）采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其他效果进行更加精确的控制。利用CSS，只需对相应的代码做一些简单修改，就可以改变同一页面多个部分的格式，或者同时改变多个网页的外观。（3）Web开发人员可以通过CSS统一控制页面的布局。

Web标准网页设计中的第3种标准是行为标准，例如DOM、ECMAScript等。DOM是DocumentObjectModel的缩写，称为文档对象模型。根据W3CDOM规范，DOM是一种与浏览器、平台和语言无关的接口，使Web开发人员可以访问页面中的任何一个文档对象。DOM解决了不同浏览器之间（例如Netscape的JavaScript和Microsoft的Jscript）的冲突，给Web开发者提供一个标准的方法来访问站点中的数据、脚本和表现层对象。Web标准DOM为HTML、XML等数据载体和信息载体在内存中的处理提供了一种基本的对象模型，可提供连接到文件的结构、格式和事件等。DOM不依赖于任何程序设计语言和网页描述语言，它为有效处理HTML和XML数据提供了一种标准的、独立的接口。DOM先后经历了3个版本：1998年发布的DOMLevel12000年发布的DOMLevel22003年发布的DOMLevel3Web1.0到Web2.0如今我们经常说起Web2.0，那么，什么是Web2.0？它与Web1.0有什么不同？事实上，Web2.0没有一个确切的概念，相对于Web1.0，它有明显的特征：每个人都是内容生产与获取者、信息个性化定制自由度大、网页技术不同、长尾效应明显。多人参与Web1.0到Web2.0Web1.0里，互联网内容是由少数编辑人员（或站长）定制的，比如搜狐；而在Web2.0里，每个人都是内容的供稿者。Web2.0的内容更多元化：标签tag、多媒体、在线协作等等。在Web2.0信息获取渠道里，RSS订阅扮演者一个很重要的作用。人是灵魂Web1.0到Web2.0这张图片再次阐述在互联网的新时代，信息是由每个人贡献出来的。各个人共同组成互联网信息源。

可读可写互联网Web1.0到Web2.0在Web1.0里，互联网是“阅读式互联网”，而Web2.0是“可写可读互联网”。虽然每个人都参与信息供稿，但在大范围里看，贡献大部分内容的是小部分的人。

Web2.0的元素Web1.0到Web2.0这张图大概阐述了Web2.0的各种元素，英文版可能会有点理解困难Web2.0的元素Web1.0到Web2.0这张图大概阐述了Web2.0的各种元素，英文版可能会有点理解困难Web2.0的元素Web1.0到Web2.0这一张Web2.0元素（周期）表，虽然是英文，但很容易理解。Web2.0包含了我们经常使用到的服务，例如博客、播客、维基、P2P下载、社区、分享服务等等。

Web2.0网站街道图Web1.0到Web2.0这张图里含有很多著名的Web2.0网站，只要你细心寻找就能找到，基本上都不是位于中国的。例如Google,Yahoo!,Feedburner,Skype,Zoho,Youtube,Technorati等

著名Web2.0网站交通图Web1.0到Web2.0中文Web2.0站点一览Web1.0到Web2.0Web2.0案例抓虾网2023/1/12网站的建设流程政府网站的作用Web技术发展沿革网站开发技术概述互联网的作用Internet的意义并不在于它的规模，而在于它提供了一种全新的全球性的信息基础设施。当今世界正向知识经济时代迈进，信息产业已经发展成为世界发达国家的新的支柱产业，成为推动世界经济高速发展的新的源动力，并且广泛渗透到各个领域，特别是近几年来国际互联网络及其应用的发展，从根本上改变了人们的思想观念和生产生活方式，推动了各行各业的发展，并且成为知识经济时代的一个重要标志之一。Internet已经构成全球信息高速公路的雏形和未来信息社会的蓝图。纵观Internet的发展史，可以看出Internet的发展趋势主要表现在如下几个方面：

互联网的作用1）运营产业化以Internet运营为产业的企业迅速崛起，从1995年5月开始，多年资助Internet研究开发的美国科学基金会（NSF）退出Internet，把NFSnet的经营权转交给美国3家最大的私营电信公司（即Sprint、MCI和ANS），这是Internet发展史上的重大转折。

互联网的作用2）应用商业化随着Internet对商业应用的开放，它已成为一种十分出色的电子化商业媒介。众多公司、企业不仅把它作为市场销售和客户支持的重要手段，而且把它作为传真、快递及其他通信手段的廉价替代品，借以形成与全球客户保持联系和降低日常的运营成本。如：电子邮件、IP电话、网络传真、VPN和电子商务等等的日渐受到人们的重视便是最好例证。

互联网的作用3）互联全球化

Internet虽然已有三十来年的发展历史，但早期主要是限于美国国内的科研机构、政府机构和它的盟国范围内使用。现在不一样了，随着各国纷纷提出适合本国国情的信息高速公路计划，已迅速形成了世界性的信息高速公路建设热潮，各个国家都在以最快的速度接入Internet。

互联网的作用4）互联宽带化随着网络基础的改善、用户接入方面新技术的采用、接入方式的多样化和运营商服务能力的提高，接入网速率慢形成的瓶颈问题将会得到进一步改善，上网速度将会更快，带宽瓶颈约束将会消除，互联必然宽带化，从而促进更多的应用在网上实现，并能满足用户多方面的网络需求。

互联网的作用5）多业务综合平台化、智能化随着信息技术的发展，互联网将成为图像、话音和数据“三网合一”的多媒体业务综合平台，并与电子商务、电子政务、电子公务、电子医务、电子教学等交叉融合。十到二十年内，互联网将超过报刊、广播和电视的影响力，逐渐形成“第四媒体”。政府网站的作用信息公开、在线办事和公众参与是我国政府网站的三大功能定位。政府网站的作用1、“政务信息公开”应重点强调政府网站公开信息的全面性和实效性，并兼顾信息的准确性与完整性

2.“在线办事”重点强调以用户为中心的信息资源整合3.建立健全政府网站的各种“公众参与”渠道，保证公众意见和建议得到及时处理与反馈

安徽省委政法委员会信息网政府网站的到政府网站群的转变2008年11月27日上午，第三届（2008）政府网站群建设与运营高峰论坛在北京梅地亚中心隆重举行。本次会议由中国社会科学院信息化研究中心和国脉互联政府网站评测研究中心联合主办，以“加快政府网站群建设提升电子政务绩效”为主题，旨在共同交流政府网站群的建设与运营经验，探索如何构建以人为本的服务型政府网站“金名片”。会上，国脉互联董事长、著名电子政务专家、浙江大学客座教授杨冰之做了题为《政府网站群规划、评测与服务能力提升》的主题发言，他首先对当前电子政务发展趋势做了简要分析，强调了正确处理电子政务与政府网站关系的重要性，对大力发展政府网站群的必要性做了详细阐述。政府网站的到政府网站群的转变广西玉林市长助理、市信息办主任丁国文主要与参会嘉宾分享了“‘1+n’服务型政府门户网站集群建设模式”，它包括“一网式”政务公开、“一网式”移动办公、“一网式”审批办事、“一网式”公众参与、“一网式”电子监督等，同时强调统一规划、统一管理绩效评估的重要性；本届政府网站群建设与运营高峰论坛结合了年度政府网站群发展热点和特征，探讨了政府网站群规划、设计与建设策略，挖掘网站群运营中的主要难题和解决思路，给政府网站的决策者、管理者、运营者提供了一个交流、探讨的平台。这是《政府信息公开条例》实施以来的有关政府网站群发展的首次盛会，对后奥运时代的中国政府网站群的发展具有重大意义。

政府网站的到政府网站群的转变2023/1/12网站的建设流程政府网站的作用Web技术发展沿革网站开发技术概述网站的建设流程提出需求－>

解决方案－>

工作交流－>

确立合同－>

支付定金

－>

安排设计

－>

确认首页－>

网站制作－>

客户验收－>

网站维护

－>

网站推广客户通过邮件或电话提出制作需求：

1.客户提出网站制作的具体要求。

2.提供相关文本及图片资料（包括）。

◎项目描述

◎网站基本功能需求

◎基本设计要我工作室提供"解决方案和报价"：1.我工作室具体分析客户的提出的具体需求。

2.根据具体要求，设计具体制作方案。

3.根据难易程度及工作量，制订报价。我方安排工作人员和您沟通：

1.双方就网站建设内容进行协商，修改、补充，以达成共识

2.双方确定项目具体细节及价格。

3.我方制定"项目制作方案及制作合同"双方确立合作意向，客户支付项目开发订金：

1．双方签订《项目开发合同书》。

2．客户提供网站相关内容资料。

◎项目制作需求表1网页风格、创意、框架等要求

◎公司介绍、公司图标等公司信息

◎文字资料及图片的电子文档资料

客户支付项目开发订金：

1.双方签署制作合同时，客户支付开发订金。

2.我方组织开发人员，准备开发。

我方安排开发人员开始设计：

1.根据《网站建设方案》完成初稿设计：

◎首页风格

◎频道首页风格

◎网站架构图

2.客户审核确认初稿设计；客户审核并确认设计稿：

1.客户对设计的初稿进行查看。

2.客户提出修改意见，我方制作人员按照客户的意见进行修改。

3.客户认同初稿后，以书面形式确认风页风格及框架结构。

4.客户有新的需求，返回步骤中的第3步，顺序处理。

我方开始整体网站制作：

1.我方依据客户资料，整体制作网页。

2.在制作过程中，我方会请客户随时查看所制作的页面，及时纠正制作过程中的偏差。

3.客户有新的需求，不在合同范围之内，可把新的需求返回第3步顺序处理。

4.网页全部做好后，安排和客户联系验收工作。

客户验收：

1．客户根据协议内容进行验收工作；

2.在验收过程中，双方有争议的地方，本着友好的原则协商解决。

3．验收合格，由客户签发《网站建设验收合格确认书》；

4．客户支付余款，网站开通；

网站维护：

1．客户可以安排员工自行维护，也可交与我工作室来维护。

2．若交与我方维护，双方需根据具体工作量来确定维护费用，并签署《网站建设协议》，我方根据协议对网站进行维护与更新。

3．在网站运行过程中，客户有新的需求，可随时和我公司联系，我公司按老客户方式，在制作费用上给予一定的优惠。制作步骤同上。网站推广：客户可根据需要，由我工作室代做网站推广的服务，具体细节可参看相关栏目中的内容。2023/1/12网站的建设流程政府网站的作用Web技术发展沿革网站开发技术概述CGICGI(CommonGatewayInterface)是一种共用网关接口,它可以称之为一种机制.因此您可以使用不同的程序编写适合的CGI程序，这些程序语言包括VisualBasic、Delphi或C/C++等，您将已经写好的程序放在WEB服务器的计算机上运行，再将其运行结果通过WEB服务器传输到客户端的浏览器上。事实上，这样的编制方式比较困难而且效率低下，因为你每一次修改程序都必须重新将CGI程序编译成可执行文件。而ASP与Script(脚本)的编写方式非常类似，它完全不需要重新编译成可执行文件就可以直接运行，再者ASP内置的ADO组件，允许用户通过客户端浏览器存取各种各样的数据库。此外，ASP与CGI最大的不同在于对象向导和组件重用，ASP除了内置的Request对象、Response对象、Server对象、Session对象、Application对象、ObjectContext对象等基本对象外，另外可以允许用户以外挂的方式使用ActiveX控件。当然，ASP本身也提供了多个ActiveX控件供使用，这些组件包括广告轮显组件、文件存取组件、文件连接组件几数据库存取组件等，这些大量扩充且重复使用的组件使ASP的功能远大于CGI。ASPASP是ActiveServerPage的缩写，意为“活动服务器网页”，ASP的网页文件的格式是.asp，现在常用于各种动态网站中。与HTML相比，ASP网页具有6大特点。

ASP是ActiveServerPage的缩写，意为“活动服务器网页”。ASP是微软公司开发的代替CGI脚本程序的一种应用,它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具。ASP的网页文件的格式是.asp，现在常用于各种动态网站中。ASP是一种服务器端脚本编写环境，可以用来创建和运行动态网页或web应用程序。ASP网页可以包含HTML标记、普通文本、脚本命令以及COM组件等。利用ASP可以向网页中添加交互式内容（如在线表单），也可以创建使用HTML网页作为用户界面的web应用程序。PHPPHP是一种服务器端HTML-嵌入式脚本描述语言。其最强大和最重要的特征是其数据库集成层，使用它完成一个含有数据库功能的网页是不可置信的简单。在HTML文件中，PHP脚本程序（语法类似于Perl或者c语言）可以使用特别的PHP标签进行引用，这样网页制作者也不必完全依赖HTML生成网页了。由于PHP是在服务器端执行的，客户端是看不到PHP代码的。PHP可以完成任何CGI脚本可以完成的任务，但它的功能的发挥取决于它和各种数据库的兼容性。PHP除了可以使用HTTP进行通信，也可以使用IMAP,SNMP,NNTP,POP3协议。JSPJSP(JavaServerPages)是由SunMicrosystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。JSP技术有点类似ASP技术，它是在传统的网页HTML文件(*.htm,*.html)中插入Java程序段(Scriptlet)和JSP标记(tag)，从而形成JSP文件(*.jsp)。

Web服务器在遇到访问JSP网页的请求时，首先执行其中的程序段，然后将执行结果连同JSP文件中的HTML代码一起返回给客户。插入的Java程序段可以操作数据库、重新定向网页等，以实现建立动态网页所需要的功能。

JSP与JavaServlet一样，是在服务器端执行的，通常返回该客户端的就是一个HTML文本，因此客户端只要有浏览器就能浏览。ASP.NET