基于WEB的软件开发及 HTML5基础
内容 ,基于Web的软件 ,了解HTML5 ,HTML5开发方法
基于Web的软件 了解HTML5 HTML5开发方法
基于WEB的软件形式对比 Web site VS Web app
Web site VS Web app
Veb site一Web的主流形式 悠好，闪当达挥去内林汉密码安全调出 。是人微酒通行证客棉形助全业前山手机新澜网6设为主更面新牌导能 数据展现驱动 鼎a斯浪同 财竖票药金乐明里香乐视频综花大片女性健中论玩交发咖空田片环保天气爱问 ■ 存取数据库 北京令小到中用2一1科技手机双码汽车系价买年房产即家后乐库尚品收深着我页赠里型短丽匣用手游彩票公益佛学 ■ 列表页 义史上解美医区 商北冠车赛火热角 正价家汇湖景大平园 汇精房130万 ■ 详情页 @天翼 即开即用 全数代虫宽 登录验证 喜定地铁房立18厂 ■每卫年事 直通3G 早早 龙3装盘忧逃正购 新使典促的变课 内再内2.6万/平起 0 找房子，百度一下 泛静援乌居生活 万总，房山匠质免宅果，球桥私享汤泉用买公度的裙生别。 120万九号状学区房 中开毫单价2万公属 方础的百度求乐居 T00起筑床北京 长安车料，全球帝育物就三亚湾 紧忽地铁风需小户 新市文化社区 月供300c蛋业0听力 搜索新网留片☆博博客视蝴音乐知人资料地出汽车盘岭万于指。 ]提家滑es粉品m年期百持g联车5大0年 前端辅助 招生出回 新闻上海城市 1北京则3,2012925 名拉生招生规 ■Tabview 中国首防母“辽宁号正士入列服役溶功专西 少称航母截机性能良好保钓时陶展示航母表明决心 全新加推丽多岛 ■ 模拟弹窗 专家解读价母四大悬念：歼-S1减为银板机雏形3规顿年 首什15万度名 策利：首舰航母前世今生高图：重生全程回顾 ■ 日方你50转台波准船#入钓由岛海里海过的专西 图片轮播 流工组管动士招生 01021-62895333 ©通日妊台日镇互射水柱台方進民放弃登马返回 ■Ajax 之口语大年的 希闻©买拍台湾海邀船对日方还击 台称为保护渔民不挂除开火野田呼吁中国勿对日贸易制暇 心天秋能说一口济利英语 ,@所拍台油船群进钓日数集爱船惜报 人民日报海外版发文四问日本当品②视频集 出图学一上5留学同 ·⊙打通者向公众道歉王立军获刑15年 西安公布9名打随者级片（图）受伤车主不能说完空句子 让三岁儿魔识四千字 ,女子地铁内洗悍女电棍居男去 师申话铁道部公开120和票网站招标信息 家：会说中文秋彩说英文 用xe1快还点管歌计 雾狱母两大牙旗·@实拍桑器女出用自己深别警亚泊逐 中国潜年报评论，“汉奸”标签下的极端榴灵 北电顶日言理士把生 ·已老公为美女老婆卖肾《超级工程》第1典：港珠澳大桥 ,馍体还原“於实品长”洁马事件当地纪委公信力源质凝 体有G4师易建联细A生准10准球新赛季巡礼之公牛 国务院卷事：遥凌等行为导致社会乱象百出 提分“武器库 ·@中五佳球面大31能20天津0观众辽宁4 据称太原富士票4小时因保安打人双方积怨已久 ·G最新（英把放大镜》10大铁卫世界波血性队长杰拉德 ,要班叶八大网结作品征集遍记工程院士林俊德动志 A仕中曲气士思独门上需云庄口 宝中0竹业松安1上白A#减密MT平转+园1面
数据展现驱动 存取数据库 列表页 详情页 登录验证 … 前端辅助 Tabview 模拟弹窗 图片轮播 Ajax …
C/S与B/S结构 C/S结构 。C/S(Client/Server)结构，即客户机和服务器 结构。软件系统体系结构，通过它可以充分利 用两端硬件环境的佐势将任多合理分更到 Client端和Serveri端来实现，降低了系统的通 讯开销。 ,B/S结构 0 C/S(Browser/Server)结构，即浏览器和服务 器结构。是对C/S结构的变化或改进，用户工 作界面是通过WWW浏览器来实现，极少部分事 务逻辑在前谣(Browser).实现，但是主要事 器 多逻辑在服务器端(Server) 实现，形成所谓 层3-tier结构。 昙 警 各有优缺点
C/S 结构 ◦ C/S (Client/Server)结构，即客户机和服务器 结构。软件系统体系结构，通过它可以充分利 用两端硬件环境的优势，将任务合理分配到 Client端和Server端来实现，降低了系统的通 讯开销。 B/S结构 ◦ C/S (Browser/Server)结构，即浏览器和服务 器结构。是对C/S结构的变化或改进，用户工 作界面是通过WWW浏览器来实现，极少部分事 务逻辑在前端（Browser）实现，但是主要事 务逻辑在服务器端（Server）实现，形成所谓 三层3-tier结构。 各有优缺点
Neb app一Web的新锐 前端展现驱动 ■ 新颖的交互方式 色D回Q ◆ 更多的功能模块 更大的代码规模 ■ 模糊c/s和b/s ◆ 后端辅助 ■没有跳转 Ajax Socket ■ 数据持久性
前端展现驱动 新颖的交互方式 更多的功能模块 更大的代码规模 模糊c/s和b/s … 后端辅助 没有跳转 Ajax Socket 数据持久性 …
模糊c/s&b/s ,模糊c/s和b/s 特点及原因 C/S和B/S平滑模糊的时代； o RIA(Rich Internet Applications)富浏览器客户端应用 程序； 。HTML5+RIA将模糊浏览器与操作系统之间的界限，即 模糊B\S软件与C1S软件之间的差别； Ajax的兴起； 0 云计算：云服务+云前端； 日 ☑ 国 e 二 g 的 世 D I
模糊c/s和b/s 特点及原因 ◦ C/S和B/S平滑模糊的时代； ◦ RIA(Rich Internet Applications)富浏览器客户端应用 程序； ◦ HTML5+RIA将模糊浏览器与操作系统之间的界限，即 模糊B\S软件与C\S软件之间的差别； ◦ Ajax的兴起； ◦ 云计算：云服务+云前端；
Veb app的挑战 ·更大的代码量 ·更大的可维护性需求 更深的团队协作需求 你需要更强的框架，和更高水平的前端工程师
• 更大的代码量 • 更大的可维护性需求 • 更深的团队协作需求 你需要更强的框架，和更高水平的前端工程师
内容 ,基于Web的软件 ,了解HTML5 ,HTML5开发方法
基于Web的软件 了解HTML5 HTML5开发方法
HTML5横空出世 Objective-C ，移动互联网跨平台应用开发 DEVELOPER CONFERENC 。HTML5是下一代的HTML; 。新特性： Windows Phone ·用于绘画的canvas元素 ·用于媒介回放的video和audio元素 ·对本地离线存储的更好的支持 Google Chrome ·新的特殊内容元素，比如article、footer、header、.nav、section ·新的表单控件，比如calendar、.date、time、email、,url、search 浏览器支持：最新版的主流浏览器都支持； 。与avascripte&CSS的完美结合；
移动互联网跨平台应用开发 ◦ HTML5 是下一代的 HTML; ◦ 新特性： 用于绘画的 canvas 元素 用于媒介回放的 video 和 audio 元素 对本地离线存储的更好的支持 新的特殊内容元素，比如 article、footer、header、nav、section 新的表单控件，比如 calendar、date、time、email、url、search ◦ 浏览器支持:最新版的主流浏览器都支持； ◦ 与Javascript&CSS的完美结合；