|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有账号?注册
×
DIV CSS是网站标准(或称WEB标准)中常用术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用DIV CSS的方式实现各种定位。根据长期从事CSS代码编写的实际经验,力求以实用为主.解决好浏览器兼容问题,重点学习页面布局的方法。
* ^% S" @2 L7 ^! \1 d培训特色:
7 q) r0 g, H3 d6 \& I3 ]& F) O1、全面的DIV CSS知识体系。从这里你可以从零到CSS高手不是问题。
9 K5 S" ]7 S2 N2、丰富的实战经验。拥有上百个大小CSS项目开发经验,从小站到门户经验丰富,知道CSS新手如何最捷径学习。# N0 D8 A& g' v) @ E
3、合理课程让你由浅入深渐进学习。
+ ~' w) Y, r5 _8 V: T4、系统的知识库,让你轻松查询和得到常用CSS特效。
4 ~( u' _/ j2 k' `. i- r5、学费为480元,在线学习、工作两不误。4 b G% ~) r! c8 C* g3 r
6、永久的VIP会员,当期不会可加入下学期直到学会为止。
1 U7 e( l8 Y$ N; l. g, H. R ? ]$ T7、CSS技术毫无保留。我们将我们知道的DIV CSS技术和SEO技术毫无保留系统地教给大家。
! _9 `" B: T7 n) i* T+ y' ]# p8、A5信誉,品质保证,对讲课不满意可以申请全额退款。
1 `& h: t# d4 W& p/ Q9、专业的在线视频讲课软件,可以直接全程观看讲师的桌面操作过程
/ U& D9 O' D: k- B8 _, c( n10、讲课完毕预留10-20分钟的答疑时间,可以解决学员的各类实际操作问题。0 |4 Q: P, D* A, o0 [
选择注意:观察培训师资实战经验,知识体系,学习服务条件。" D6 \9 q+ a$ f# M9 m3 B! \ o
适合人群:热爱程序开发、网站设计、网站开发、网站建设的人群8 K- k9 d# G. Z' y$ F; Z% M7 d. n
结业水平:能熟练的使用CSS Div进行网页的美化和布局。9 L& y! g0 M. ? c
讲师介绍:
) \* R& R8 P: G8 s, r/ R( B网名:阿Q,现任海南某不知名网络公司前端技术总管,长期从事页面前端开发和网络教学.熟悉css布局,html代码结构良好,爱好jQuery,php和linux技术. ?# ?9 m* L+ V) h' s7 k6 U
课时:共12节课开课时间:8月14号20:00-21:30
& W/ `6 p. j9 }4 f6 K, q; h) A讲课方式:好视通视频软件( ^' A# M# n8 d) q4 p
学费:480元, O1 j: T( x6 R
(本期收20位学员按照报名顺序,人满为止。再次承诺:对讲课不满意可以申请全额退款)
* ]2 r1 H" V6 H" _) x# H在线报名咨询:qq583850134qq8561289qq886128
1 t& \% ?4 n [4 L" g* l* S咨询电话400-008-3536
' Q; t# l$ v$ p主要内容:
I7 I4 v# y' l$ l# i一,基础知识
' D1 g# H" ~ K8 ?1,不得不说的废话:开场白.
) m5 ?' p. F; ?7 K8 |+ g* N2,必备的软件:firefox firebug,ietester,chrome浏览器,opera浏览器,重点介绍firebug,ietester的使用# S2 a/ E% ?! J6 c5 [2 K4 b& l
3,推荐几个好用的前端设计软件:editplus,gvim,webstorm
3 g( t- G! J; R( @$ W3 s8 U7 c(见过全速使用vim编辑器编辑网页,那速度,那效率,绝非事半功倍可以形容,你不得不爱上他,根据学员需要,可以增加讲解vim编辑器的使用.)) P( [0 c9 n: H9 S5 x
4,良好的html结构是CSS布局的重中之重,是高效率页面的基础., P6 h/ `* E+ C2 X
a,文档申明写法,doctype和浏览器的渲染模式的关系.: S: x- w9 ^( ]4 s+ W
b,HTML代码的写法, |" n4 G) q8 u6 ^1 P* G
c,介绍几个html5的推荐立马可以使用的强语义标签:article,section,nav,aside等
* f2 P! ~6 {; U% M# H& @5,导入css的几种方法.
+ P2 r- a3 P4 I2 y. X5 w2 H二,CSS选择器
0 O- K- k" O1 i& |1,规划,组织和维护样式表/ t0 i3 U. m) r
2,常用选择器:4 T- q* \- @9 ~( z0 p& J
通用选择器
, e/ a3 r h0 J' M) H3 n( @: b高级选择器
" f6 a: Z- j6 J( K9 z- X层叠和特殊性9 w$ w2 \+ f1 G4 a
继承" i" ]) D- ]' _- _4 X! f
三,可视化格式模型:! H' u; P8 F1 j( h- v# D! }7 A( ?
1,css的盒模型.& P; H8 X. \! b/ |
2,空白边叠加
8 B& l! z. u, x. s四,css布局的几种模式8 k6 x8 o7 @ ^! p' J6 b1 y7 Y
1,普通流和相对定位
9 W/ X- A* H% G: m2,浮定和清理浮动,ie6浮动的3px和margin翻倍bug5 D+ V# O+ v- C5 Z; X. B% P
3,绝对定位,ie6绝对定位的bug
) \6 A& y5 A4 w* K4,浏览器渲染页面的过程和高效率页面中布局方法的选择.
/ A, V8 m4 x4 W" i% E9 V五,背景图像和圆角的设计8 x. B9 s0 ^' |- a2 |
1,背景图像基础
! F. w" M2 T9 l) F* L* R) E2,减少网页http请求数最有效的背景合并技术:sprite.9 o P" ]. X# Y4 B0 q8 O) M. P
3,css3中渐变背景的设计以及不支持背景颜色渐变的浏览器的处理./ Y2 h4 L2 b$ q. @! N
六,圆角设计' d" M4 ?9 X( i5 H. S
1,圆角框:固定宽度的圆角框和山顶角1 J/ ?7 @5 M N9 t8 [9 R1 b, a
2,纯css圆角0 Z6 B& m' i- A; {8 ~
3,css3中的圆角框的设计以及不支持CSS3圆角框浏览器的处理.8 f: g0 z' b- y2 ?' _( D! D
4,各种圆角技术优劣对比) r- H4 O! s4 `8 |3 @
七,阴影的设计
9 d9 x D. B8 L& ]! ?" D4 ] `1,传统图像阴影的设计.
# s( h9 f) j+ R( Q8 t简单的css阴影,模糊阴影,洋葱皮阴影.
% r/ s! r% ?4 l/ E& y7 C. L2,css3中高级阴影设计.
- f. ?- p a. |* M5 x+ @# X3,不支持css3阴影的浏览器的处理.8 i2 y7 G! t' n7 b9 O
八,文字的样式控制.! Q8 Q( m% n( M
1,基本文字样式控制7 e% L8 V, ?5 f5 w) R! p7 x# Q
2,高级文字样式控制.# A! `3 N; w/ Q2 x3 _" c
九,连接和列表的样式.* G( G2 p% n8 F) _
1,连接的样式,, s- g. z! M6 i* u/ p6 x' o" y
2,列表的样式,
: |( y& K0 ^; B2 M3,列表中文本溢出的处理.& Q) g8 B+ ]0 s q3 N, R- \
4,菜单的设计, y8 C. c' t, d( ~5 w
5,居中的技巧.( I/ Q- D+ y2 E1 g8 h. S0 U" g: C
十,对数据表格应用样式* u$ v; A) f" |% z. p" l
1,表格特有的元素" b8 a% p* G4 k6 F: m; w! B
2,数据表格标记
' U y* y7 L! ]2 o3,添加视觉样式.
) F1 m2 j- e( X2 t2 d, ?4,美观的细线表格的设计.
/ a% [; {9 `& _8 d; h1 R- H5,高呈现效率表格的设计.$ ? D5 G* T% p* b$ ~
十一,表单样式设计
2 _. @9 D& Q3 h9 N9 p$ S' [- u1,基本的表单样式设计2 m9 D O5 V: b# z$ W
2,完全自定义表单样式设计.% x* [( _2 z/ k$ E; k% c5 y' S7 h- s
十二,招数和过滤器
. N+ b) W. h3 f {各种处理浏览器兼容性的招数.
6 Z3 J0 ]0 @5 c8 p( a2 g十三,布局实战
. |, Y/ Y- ~ s- Y5 d+ R根据实际情况安排课时.
' ^9 ?' l' t! E' A! B% j |
|