5WEB研讨.pptVIP

* * * * * * * * * * * * * * * * * HTML、HEAD、BODY标记 HTML：用来表示HTML和/HTML之间的文字是HTML文件。由于大多数浏览器默认.htm或.html后缀的文件，可以省略。 HEAD：用来设定文件的标题、作者，此部分内容不在浏览器窗口内显示。 BODY：内含HTML的主体，其内容可在浏览器窗口显示。 HTML 标记代码 超级链接 a href= title=“链接到深圳大学主页” target=“_blank”深圳大学/a 图象 img src=“bjg.jpg” width=“450” height=“300”/ 水平线 hr HTML 标记代码(续) 项目 UL LI roses LI sunflowers LI daffodils /UL 编号 OL LI apples LI oranges LI mangoes /OL HTML 标记代码(续 ) 段落 P BI am having fun/BBR IAre you having fun too?/IBR /P 表格 TABLE border=1 cellspacing=0 cellpading=5 width=“760” TR TD valign=“top” width=“1%” nowrap January/TD TD align=“left” width=“100”February/TD TDMarch/TD /TR TR TD1256/TD TD2957/TD TD256/TD /TR /TABLE HTML标记的层次 HTML5 是包括HTML、CSS和JavaScript在内的一套技术组合。它能够减少浏览器对于需要插件的丰富性网络应用服务的需求，并且提供更多能有效增强网络应用的标准集。 * HTML5与HTML4的不同 文件类型声明（!DOCTYPE）仅有一型：!DOCTYPE HTML。 新的解析顺序：不再基于SGML。 新的元素：section, video, progress, nav, meter, time, aside, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, mark, output, rp, rt, ruby, source, summary, wbr。 input元素的新类型：date, email, url等等。 新的属性：ping（用于a与area）, charset（用于meta）, async（用于script）。 * HTML5与HTML4的不同（续） 全局属性：id, tabindex, repeat。 新的全局属性：contenteditable, contextmenu, draggable, dropzone, hidden, spellcheck。 移除元素：acronym, applet, basefont, big, center, dir, font, frame, frameset, isindex, noframes, strike, tt。 * 网页的相关技术 Javascript 网页脚本语言。 Example: /PhysicsJS/ CSS使用CSS来决定文件的颜色、字体、排版等显示特性。CSS最主要的目的是将文件的结构（用HTML或其他相关的语言写的）与文件的显示（CSS）分隔开来。 XML扩展标记语言 常见的动态网页语言 PHP Java ASP Dot Net Python Flash 富客户端应用程序(RIA) 目前主流的富客户端开发技术 Flex (Adobe Flash) AJAX (异步Javascript) Silverlight (微软) JavaFX (Sun Java) 建网站的方式 虚拟主机 虚拟服务器 托管主机 WEB的主要应用 门户网站 社交网站 博客 搜索引擎 视频分享网站 电子商务 论坛 * 新闻门户网站 * 新浪 新华网 网易 Yahoo 腾讯 MSN中国 凤凰 社交网站 Facebook Twitter 人人网 Chinaren * 博客（blog） 新浪博客 网易博客 腾讯博客 科学网博客 和讯博客 * 搜索引擎 Google 百度 Yahoo Bing Sogo搜索 360搜索 WolframAlpha * 视频分享网站 Youtube 优酷 土豆网 网易视频 爱奇艺 乐视网 * 电子商务 亚马逊，亚马逊中国 eBay 淘宝 京东 当当 苏宁 易迅 国美 一号店 * 论坛 天涯 猫扑 新浪论坛 网易论坛 * 开源内容管理