|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有账号?注册
×
DIV CSS是网站标准(或称WEB标准)中常用术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用DIV CSS的方式实现各种定位。根据长期从事CSS代码编写的实际经验,力求以实用为主.解决好浏览器兼容问题,重点学习页面布局的方法。
8 r B- B5 Y- k- E" H& ^培训特色:
3 l" R" A4 ?+ }" o8 e. E1、全面的DIV CSS知识体系。从这里你可以从零到CSS高手不是问题。
% _& { d) q2 q% X& q2、丰富的实战经验。拥有上百个大小CSS项目开发经验,从小站到门户经验丰富,知道CSS新手如何最捷径学习。. ?) u+ h y. S# V2 B! }
3、合理课程让你由浅入深渐进学习。) M, n$ q1 N$ ~ l7 o
4、系统的知识库,让你轻松查询和得到常用CSS特效。
, @$ I, @* _$ M- K i0 Z0 U" S5、学费为480元,在线学习、工作两不误。- ~2 O, U. N6 r
6、永久的VIP会员,当期不会可加入下学期直到学会为止。8 m; q4 n# |8 {0 e0 {' K
7、CSS技术毫无保留。我们将我们知道的DIV CSS技术和SEO技术毫无保留系统地教给大家。( _: s* H% }! R. h" A! l6 f
8、A5信誉,品质保证,对讲课不满意可以申请全额退款。
1 K9 m, J) s! U9、专业的在线视频讲课软件,可以直接全程观看讲师的桌面操作过程
4 H5 Q" i" Q8 i' |& }10、讲课完毕预留10-20分钟的答疑时间,可以解决学员的各类实际操作问题。. X9 a# U0 B+ J% \8 x# ~' }) S- n
选择注意:观察培训师资实战经验,知识体系,学习服务条件。
8 ~# \9 X, ^" T6 v- ~适合人群:热爱程序开发、网站设计、网站开发、网站建设的人群3 U0 L2 [% h! L! u3 g
结业水平:能熟练的使用CSS Div进行网页的美化和布局。
3 K5 G1 o; p+ _: e/ J讲师介绍:" k2 `( m0 a% z4 z
网名:阿Q,现任海南某不知名网络公司前端技术总管,长期从事页面前端开发和网络教学.熟悉css布局,html代码结构良好,爱好jQuery,php和linux技术.8 ^+ X- e: U5 P$ g3 R- r4 | l$ Q
课时:共12节课开课时间:8月14号20:00-21:30
( i: @3 Z+ Q% b$ b) q: X3 r: ~+ q讲课方式:好视通视频软件% v' w& v" @7 k8 K
学费:480元$ d3 f2 V$ P8 g! M& b
(本期收20位学员按照报名顺序,人满为止。再次承诺:对讲课不满意可以申请全额退款), Q$ [- \* p, v% W- T
在线报名咨询:qq583850134qq8561289qq886128
' ?7 B6 [+ H7 x0 c' N+ L+ w8 u咨询电话400-008-35365 W# C$ t4 M b) T: h) a& \1 I$ v) S5 A
主要内容:$ h; i4 V) g% O9 o% R
一,基础知识( j. l/ e. S: ~5 p% @$ R
1,不得不说的废话:开场白.) k6 n% W( c9 d$ A4 }! @& F
2,必备的软件:firefox firebug,ietester,chrome浏览器,opera浏览器,重点介绍firebug,ietester的使用& a# J2 {+ Y3 C* F" m
3,推荐几个好用的前端设计软件:editplus,gvim,webstorm
4 u8 M" T$ G' @: o% j* j(见过全速使用vim编辑器编辑网页,那速度,那效率,绝非事半功倍可以形容,你不得不爱上他,根据学员需要,可以增加讲解vim编辑器的使用.)
7 z, f" x1 u. s6 y& `4 ~4,良好的html结构是CSS布局的重中之重,是高效率页面的基础.) }' M: w+ }) D, s5 u
a,文档申明写法,doctype和浏览器的渲染模式的关系.( _, R6 V4 Q) {9 Z
b,HTML代码的写法
: j4 `9 b1 P7 ~2 Mc,介绍几个html5的推荐立马可以使用的强语义标签:article,section,nav,aside等. C7 v' F! y* R3 R2 ^
5,导入css的几种方法.
* j# o, @% |! ~1 {7 `8 ]二,CSS选择器, l: G+ j( q- o2 V
1,规划,组织和维护样式表8 a) @0 ~! k) t n1 O6 ?$ L# S
2,常用选择器: P/ E4 c7 }0 X" |0 g5 x. B/ u
通用选择器% R7 [9 c8 \' e7 k
高级选择器7 ]* P, { [/ {7 f8 E3 ]
层叠和特殊性. A6 g8 }/ j$ k/ V8 p; z, k @2 y# }
继承* T& t6 \* H9 y( N
三,可视化格式模型:
3 K, x( [6 [, U4 H& F+ x1,css的盒模型.' `3 j; X e. Q: s! H, l& a7 v: i. H
2,空白边叠加0 k- X" h8 \7 v+ a& U4 ?
四,css布局的几种模式 A+ f* t- w: @. H A. X: i
1,普通流和相对定位
- E5 S7 U- H9 q6 t( U% B3 x2,浮定和清理浮动,ie6浮动的3px和margin翻倍bug- | G: w( @& Y* I0 E+ n5 A! p; T
3,绝对定位,ie6绝对定位的bug/ [2 v5 u5 V: X! q: a1 H* R
4,浏览器渲染页面的过程和高效率页面中布局方法的选择.' `3 R- C/ M# P4 N4 j) n: o
五,背景图像和圆角的设计2 H: ?. z# X/ O
1,背景图像基础. n* j' y# _# e: _) S4 i |1 L6 u) q# |
2,减少网页http请求数最有效的背景合并技术:sprite.' _: [, d( n3 ] V9 R, H: l, U$ Z
3,css3中渐变背景的设计以及不支持背景颜色渐变的浏览器的处理.
0 e, i: l9 D" ^0 `% B, _六,圆角设计
3 O3 F% N/ U. f! x" r0 H1,圆角框:固定宽度的圆角框和山顶角
- `1 q; v* o+ W/ D6 o3 G0 X2,纯css圆角0 M; M, N, n% e& o3 Z. M) Y" r
3,css3中的圆角框的设计以及不支持CSS3圆角框浏览器的处理.
' Y/ j4 c/ ~9 k! {3 C4,各种圆角技术优劣对比
2 {5 u: v3 k& V) F; z% Y七,阴影的设计
! R; G1 R& @( a2 }; J4 R9 C1,传统图像阴影的设计.* w+ Z# H! P" A
简单的css阴影,模糊阴影,洋葱皮阴影.
7 Q( J. y" H* B9 `% E5 Y2,css3中高级阴影设计.
. o m; @. _0 X$ S3 c' _3,不支持css3阴影的浏览器的处理.
) \! n1 i3 p: Y6 A八,文字的样式控制.
. p- }& o. ?7 S$ S) e1,基本文字样式控制
' ?$ T% V6 r# o, a/ t2,高级文字样式控制.- E) m+ ]! |5 ~
九,连接和列表的样式.. P' G2 Z g1 {8 ^5 q6 ^0 p
1,连接的样式,
6 k4 t! T7 O9 a3 {6 l2,列表的样式,
! B$ z3 F( z3 D& R4 R3,列表中文本溢出的处理.
2 w9 _; O0 n& x, G' l$ }1 x4,菜单的设计,
; Y+ v& M- n1 R" d% Y( @5,居中的技巧.
! Q4 r* h/ p* ?) |/ n7 T十,对数据表格应用样式/ y3 j7 p, ~/ C( H" }7 e* _! @+ U
1,表格特有的元素
7 e" B+ U% g9 u5 Y1 P3 e2 H2,数据表格标记
" _* m2 H! |7 v& E' |1 w2 C* C9 U T/ v3,添加视觉样式.7 N& h( @' Z9 m' L% f
4,美观的细线表格的设计.
. z5 X' h( b% y* n5,高呈现效率表格的设计.+ k H* o4 N" d9 Z
十一,表单样式设计
* w- z( ~+ T9 D4 `1,基本的表单样式设计* R* m- ?" L7 @( C3 M+ H. K7 W2 @
2,完全自定义表单样式设计.
( k6 g$ g6 h7 |; K( ]: J, ?十二,招数和过滤器( D/ D% M' ~4 A/ o0 U- ~
各种处理浏览器兼容性的招数./ U8 V3 |. d; R. Q1 r, t
十三,布局实战. J5 p# K; m$ ]! P' v
根据实际情况安排课时.9 q }# c# I- X
|
|