成功在线技术部Web开发培训.pptxVIP

动态网页设计入门

--畅享网络之美成功在线技术部

主要内容：开发背景网页构成三层架构素材准备程序开发

Web1.0web1.0的发展出现了向综合门户合流现象，早期的新浪与搜狐、网易等，继续坚持了门户网站的道路，而腾讯、MSN、GOOGLE等网络新贵，都纷纷走向了门户网络，尤其是对于新闻信息，有着极大的、共同的兴趣。这一情况的出现，在于门户网站本身的盈利空间更加广阔，盈利方式更加多元化，占据网站平台，可以更加有效地实现增值意图，并延伸由主营业务之外的各类服务。

web1.0的盈利都基于一个共通点，即巨大的点击流量。无论是早期融资还是后期获利，依托的都是为数众多的用户和点击率，以点击率为基础上市或开展增值服务，受众群众的基础，决定了盈利的水平和速度，充分地体现了互联网的眼球经济色彩。[success]造就了门户.检索类搜索引擎.yahoo.12

2000互联网泡沫

Web2.0特征1、多人参与Web1.0里，互联网内容是由少数编辑人员（或站长）定制的，比如各门户网站；而在Web2.0里，每个人都是内容的供稿者。2、人是灵魂在互联网的新时代，信息是由每个人贡献出来的，各个人共同组成互联网信息源。Web2.0的灵魂是人。3、可读可写互联网在Web1.0里，互联网是“阅读式互联网”，而Web2.0是“可写可读互联网”。虽然每个人都参与信息供稿，但在大范围里看，贡献大部分内容的是小部分的人。4、Web2.0的元素Web2.0包含了我们经常使用到的服务，例如博客、播客、维基、P2P下载、社区、分享服务等等。博客是Web2.0里十分重要的元素，因为它打破了门户网站的信息垄断，在未来里，博客的地位将更为重要。5、个人看法Web2.0实际上是对Web1.0的信息源进行扩展，使其多样化和个性化。

多人参与Web1.0里，互联网内容是由少数编辑人员（或站长）定制的，比如各门户网站；而在Web2.0里，每个人都是内容的供稿者。-twitterWeb2.0

GoogleReader

Mashup【聚合开发】借力使力不费力【用户数，开发数据库】一般使用源应用的API接口，或者是一些rss输出（含atom）作为内容源，合并的web应用用什么技术，则没有什么限制。mashup在geek群体和互联网玩家之中获得了极大的欢迎，mashup未必需要很高的编程技能，只需要熟悉api和网络服务工作方式，都能进行开发，所以很快成为一个流行的网络现象。很多公司例如yahoo/google都为此提供开放接口，以吸引这个群体。wing||开放平台

Wing-SinaminiBlogUIiskey!视觉设计、交互设计、用户研究、前端开发”

Web3.0?Mobile;recommendationandpersonalization0102

iGoogle

1G?2G?3G

网页构成

P1HTMLP2HTTP

发展历程：静态页面时代文本+静态图片、平面设计、无交互客户端动态技术时代gif、JavaScript、VBScript、CSS、Applet、Flash、各种音视频的应用（插件）等服务器端动态技术时代12345容器：IIS、Tomcat等CGI、PHP、ASP、ASP.NET、Servlet、JSP、JavaBean等

HTML简介

HTML（HypertextMarkupLanguage，超文本标记语言）不是一种编程语言，而是一种描述性的标记语言，用于描述超文本中内容的显示方式。

HTML标记01双标记语法格式：标记内容/标记02单标记语法格式如下：标记在使用的大多数单标记和双标记的开始标记内通常可以包含一些属性，其语法格式如下：?标记属性1属性2属性3…

HTML基本结构HTML中的基本结构如下：HTMLHEAD…头部信息/HEADBODY…主体内容/BODY/HTML

HTML文档中的第一个标记，该标记用于表示该文档是HTML文档，当浏览器遇到html标记时，就会按HTML的标准来解释文本。结束标记/html出现在HTML文档的尾部。

此标记出现在html标记内起始的部分，此标记称为头部标记。头部标记用于提供与Web页面有关的各种信息。在头部标记中，可以使用meta标记模拟HTTP协议的响应头报文，用于鉴别作者、标注内容提要和关键字、设定页面字符集、刷新页面等，在HTML头部可以包括任意数量的meta标记；使用title…/title标记来指定网页的标题；使用style…/style标记来定义CSS样式表；使用script…/script标记来插入脚本语言等。一般来说，位于头部标记中的内容都不会在网