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

动态网页设计入门 --畅享网络之美 成功在线技术部 主要内容： 开发背景 网页构成 三层架构 素材准备 程序开发 Web 1.0 web1.0的发展出现了向综合门户合流现象，早期的新浪与搜狐、网易等，继续坚持了门户网站的道路，而腾讯、MSN、GOOGLE等网络新贵，都纷纷走向了门户网络，尤其是对于新闻信息，有着极大的、共同的兴趣。这一情况的出现，在于门户网站本身的盈利空间更加广阔，盈利方式更加多元化，占据网站平台，可以更加有效地实现增值意图，并延伸由主营业务之外的各类服务。 web1.0的盈利都基于一个共通点，即巨大的点击流量。无论是早期融资还是后期获利，依托的都是为数众多的用户和点击率，以点击率为基础上市或开展增值服务，受众群众的基础，决定了盈利的水平和速度，充分地体现了互联网的眼球经济色彩。 [success] 造就了门户.检索类搜索引擎.yahoo. 2000 互联网泡沫 Web 2.0 Web 2.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的信息源进行扩展，使其多样化和个性化。 SNS Google Reader Mash up【聚合开发】 借力使力不费力【用户数，开发数据库】 　一般使用源应用的API接口，或者是一些rss输出（含atom）作为内容源，合并的web应用用什么技术，则没有什么限制。mashup在geek群体和互联网玩家之中获得了极大的欢迎，mashup未必需要很高的编程技能，只需要熟悉api和网络服务工作方式，都能进行开发，所以很快成为一个流行的网络现象。很多公司例如yahoo/google都为此提供开放接口，以吸引这个群体。 wing||开放平台 Web 3.0 ? iGoogle Mobile Internet Web vs Apps 网页构成 HTML HTTP 发展历程： 静态页面时代 文本+静态图片、平面设计、无交互 客户端动态技术时代 gif、JavaScript、VBScript、CSS、Applet、Flash、各种音视频的应用（插件）等 服务器端动态技术时代 CGI、PHP、ASP、ASP.NET、Servlet、JSP、JavaBean等 容器：IIS、Tomcat等 HTML简介 HTML（Hypertext Markup Language，超文本标记语言）不是一种编程语言，而是一种描述性的标记语言，用于描述超文本中内容的显示方式。 HTML标记 HTML基本结构 HTML中的基本结构如下： ?HTML HEAD …头部信息 /HEAD BODY …主体内容 /BODY /HTML 文本标记 标题标记hn…hn 语法格式如下： ? h1标题/h1 h2标题/h2 … 段落 1、段落标记p 语法： ?p align=对齐方式…/p 2、换行标记br 在页面中一行文字达到一定长度浏览器会对其自动换行，如果文字未达到一定长度可以使用换行标记br对其强制换行。换行标记是单标记。 例1 html head title段落与换行/title /head body h1互联网发展的起源/h1 h2第1阶段/h2 p1969年，为了保障通信联络，美国国防部高级研究计划署ARPA资助建立了世界上第一个分组交换试验网ARPANET，连接美国四个大学。ARPANET的建成和不断发展标志着计算机网络发展的新纪元。/p h2第2阶段/h2 p20世纪70年代末到80年代初，计算机网络蓬勃发展，各种各样的计算机网络应运而生，如MILNET、USENE