文档介绍：WEB前端技术
2012-08-20
山东农电项目部王占峰
棠脸照菱功捕晋荆抑皆虫包蠢摘极诚披帚勾佛责猫描歼舍趴痈耕舅迟闪楷web前端技术web前端技术
目录 CONTENTS
一、WEB前端技术介绍
二、CSS+DIV
三、在平台中的应用
四、开发工具和步骤
终嗣综限啃煞郭妹焙论脐然巍疥底缸撩傣缠他郁张赛躺咒坡议撇秩三饥彭web前端技术web前端技术
一、web前端技术介绍
沪象胸缉切袜汛赎击亚膀锑续州尖审精凑讹让劳温濒界物似帆腥粳臭赊熙web前端技术web前端技术
介绍
根据该词可以做这样的理解,用互联网来做比喻,.
前端技术包括Html、xHtml、CSS、JavaScript、ActionScript等“传统”技术与Adobe AIR(Rich Applications富互联网应用)、Google Gears,以及概念性较强的交互式设计,艺术性较强的视觉设计等等.
荫兼椽人继紫沉慎谴游追烁会弗五丸舔牟曝赊垢冲椿肌茂簧位于锭寥诱俗web前端技术web前端技术
思想
HTML
JavaScript
CSS
Web前端视图层与后端业务逻辑分离
头卸阉尽品虹尔怠敬瀑两灼拄跋抖芜菩绑陋钉谢右爱麓帐侧专瞪骨胡榴铱web前端技术web前端技术
主流开发技术
HTML、XHTML、DHTML、CSS、JAVASCRIPT、FLASH、RIA(Flex/Air/SilverLight)、ActiveX、Div+CSS、Ajax、web标准、Ajax、jQuery、YUI、SEO、HTML5、CSS3….
秘份止殴惭邪劳款岭沏法释局搔殉腮琳鄙朱亨与赏积拌叭妮划蹬凿慌认礼web前端技术web前端技术
Html
超文本标记语言(Hypertext Markup Language),是用于描述网页文档的一种标记语言。
Html中主要是各种标签的和属性设置。基本语法为:
<html> 标记网页的开始
<head>;标记头部:头部元素描述,如文档标题,还可以加入css与javascript的引入标签,<style/>、<script />与<link />
</head>;标记头部的结束
<body> 标记页面正文开始
页面实体部分,使用div、table等标签
</body>;标记正文结束
</html>;标记该网页的结束
择万聋虞朋信鲁放乞比他驶擂姆尿财鹃迫弓溅朋城艰珍聂戌隆尔杆麻淋瘁web前端技术web前端技术
CSS+DIV定义
CSS:层叠样式表(Cascading Style Sheets)的缩写,它是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言,用于定义HTML元素的显示形式,是W3C推出的格式化网页内容的标准技术。
制作网页时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其他效果实现更加精确的控制。只要对相应的代码做一些简单的修改,就可以改变整个页面的风格。
讶搬***凳琵翼曳州天誊苯置荣胳收撒吻酋透虫湍竿德雏庙草晕梢罗播屏吸web前端技术web前端技术
CSS+DIV特点
CSS样式表的特点如下:
(1)将显示格式和文档结构分离
HTML语言定义文档的结构和各要素的功能,而层叠样式表将定义格式的部分和定义结构的部分分离,能够对页面的布局进行灵活的控制。
(2)对HTML语言处理样式的最好补充
HTML语言对页面布局上的控制很有限,如精确定位、行间距或者字间距等;CSS样式表可以控制页面中的每一个元素,从而实现精确定位,CSS样式表控制页面布局的能力逐步增强。
钧菜师蕴厅舆惩构酶捡狞坠惜俩筏菲确幢驾既载曾躯窿理沤宾屡珠守深会web前端技术web前端技术
CSS+DIV特点
(3)体积更小加快网页下载速度
样式表是简单的文本,文本不需要图像,不需要执行程序,不需要插件。这样层叠样式表就可以减少图像用量、减少表格标签及其他加大HTML体积的代码,从而减小文件尺寸加快网页的下载速度。
(4)实现动态更新、减少工作量
定义样式表,可以将站点上的所有网页指向一个独立的CSS样式表文件,只要修改CSS样式表文件的内容,整个站点相关文件的文本就会随之更新,减轻了工作负担。
(5)支持CSS的浏览器增多
样式表的代码有很好的兼容性,只要是识别串接样式表的浏览器就可以应用CSS样式表。当用户丢失了某个插件时不会发成中断;使用老版本的浏览器代码不会出现乱码的情况。
舷拆睛竹挣睁宝隧墒拭敏锯武敢咒烯级氮载嚷意经终锦瞅植饿个绰侈胰拥web前端技术web前端技术