|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有账号?注册
×
DIV CSS是网站标准(或称WEB标准)中常用术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用DIV CSS的方式实现各种定位。根据长期从事CSS代码编写的实际经验,力求以实用为主.解决好浏览器兼容问题,重点学习页面布局的方法。
9 _- n- I9 Y. O5 z3 {; Q培训特色:
) g2 [" f; d. |- M$ b1、全面的DIV CSS知识体系。从这里你可以从零到CSS高手不是问题。
3 C3 h! B" B/ s7 @+ g$ w. x2、丰富的实战经验。拥有上百个大小CSS项目开发经验,从小站到门户经验丰富,知道CSS新手如何最捷径学习。
* e9 y, }' K& V) S! L* e$ b3、合理课程让你由浅入深渐进学习。
4 B1 t: K8 ]1 z4、系统的知识库,让你轻松查询和得到常用CSS特效。- t: x2 z* v9 c" Y: w1 k- U: a
5、学费为480元,在线学习、工作两不误。- t8 z- M; O9 Z p
6、永久的VIP会员,当期不会可加入下学期直到学会为止。
# I4 {. j) k& B7、CSS技术毫无保留。我们将我们知道的DIV CSS技术和SEO技术毫无保留系统地教给大家。
2 K2 w; T3 P( q- P/ E: p" X8、A5信誉,品质保证,对讲课不满意可以申请全额退款。# k% R4 K: o' x/ o$ P
9、专业的在线视频讲课软件,可以直接全程观看讲师的桌面操作过程
7 _ }( u- U) _, n8 j10、讲课完毕预留10-20分钟的答疑时间,可以解决学员的各类实际操作问题。- I8 G9 J V; v1 e
选择注意:观察培训师资实战经验,知识体系,学习服务条件。
$ u, X$ P- h) k适合人群:热爱程序开发、网站设计、网站开发、网站建设的人群( q; k4 ^3 C# S& y
结业水平:能熟练的使用CSS Div进行网页的美化和布局。
# L! X( R K. ~" f* p$ k讲师介绍:
' ?( e Q9 `" W6 l' N$ k" U- E网名:阿Q,现任海南某不知名网络公司前端技术总管,长期从事页面前端开发和网络教学.熟悉css布局,html代码结构良好,爱好jQuery,php和linux技术.
9 ]; K H. {, t% b课时:共12节课开课时间:8月14号20:00-21:300 [5 c) j( G- M
讲课方式:好视通视频软件/ d, J, r0 f9 s I8 t0 Z
学费:480元0 I8 ~2 A2 ~& C+ }8 ^7 u
(本期收20位学员按照报名顺序,人满为止。再次承诺:对讲课不满意可以申请全额退款). W% ~) Z K6 I9 ]! [& g* G2 x
在线报名咨询:qq583850134qq8561289qq886128) j" Z/ ]' h# i# A8 _7 p L
咨询电话400-008-3536& R8 p- w3 o3 R8 N' J/ w4 R% G
主要内容:
5 u2 \ _+ f' r# k: u一,基础知识
5 a5 Q3 e( B* U! o; D+ c1,不得不说的废话:开场白.
7 R0 l7 F. J8 V8 {* w2,必备的软件:firefox firebug,ietester,chrome浏览器,opera浏览器,重点介绍firebug,ietester的使用. X, o2 b: ]8 i3 @3 S( I
3,推荐几个好用的前端设计软件:editplus,gvim,webstorm
2 z# i3 r6 I/ U2 D* r(见过全速使用vim编辑器编辑网页,那速度,那效率,绝非事半功倍可以形容,你不得不爱上他,根据学员需要,可以增加讲解vim编辑器的使用.)$ J- B" X5 B* T* @
4,良好的html结构是CSS布局的重中之重,是高效率页面的基础.
3 [" S: M) S7 H! ~a,文档申明写法,doctype和浏览器的渲染模式的关系.# s, T* S" a+ \; ]( n! X/ t
b,HTML代码的写法! q$ F: I8 D/ h5 S; Y
c,介绍几个html5的推荐立马可以使用的强语义标签:article,section,nav,aside等
' a6 T" Y% ~" A9 c J5,导入css的几种方法.
6 i4 y0 ?# a* v2 Y: a二,CSS选择器% i5 r* r- `- { X' S; \: d; j
1,规划,组织和维护样式表5 `6 y! O! F# K: C/ P" M
2,常用选择器:
" D+ K$ ^) p# d* D$ V# G通用选择器+ T; p" y$ j" l- w" W% w
高级选择器
9 Z6 G/ q, r( N. V, I层叠和特殊性
3 {7 _3 ]0 ~$ k继承' | g+ ~/ D3 D; B
三,可视化格式模型:
s( k5 Z4 o8 ^* q1,css的盒模型.
/ a% c9 |3 i! v) h2,空白边叠加
2 M* m1 u* N# w四,css布局的几种模式1 C- L* [; u2 c' a+ G
1,普通流和相对定位9 h4 ^7 C2 a7 _0 E( J9 \' M
2,浮定和清理浮动,ie6浮动的3px和margin翻倍bug0 R" k5 T& c6 j5 S
3,绝对定位,ie6绝对定位的bug- K3 p9 B% b" ]/ n# g
4,浏览器渲染页面的过程和高效率页面中布局方法的选择.9 m6 G9 l. C9 d' Q( N! k9 q
五,背景图像和圆角的设计$ j( }3 s. R# x! J" i# m2 n
1,背景图像基础$ `7 U1 T3 Y. c% D* I. W
2,减少网页http请求数最有效的背景合并技术:sprite.
/ q9 d) Z. }& w3 s, {3,css3中渐变背景的设计以及不支持背景颜色渐变的浏览器的处理.- M- B$ A1 j* {6 \5 A6 n8 ?7 ^6 Z
六,圆角设计
* h, Z/ n* O9 j2 ]' h0 P+ |1,圆角框:固定宽度的圆角框和山顶角
" E4 B% q0 M ~) J# R& H2,纯css圆角1 ?4 D; A. l% F! N2 E
3,css3中的圆角框的设计以及不支持CSS3圆角框浏览器的处理.
8 h9 z) f" F( n' T2 V8 l' D4,各种圆角技术优劣对比
: x! u- w4 S8 _; L1 L; z# d" ]4 f七,阴影的设计7 K6 {% }9 @$ v
1,传统图像阴影的设计.
' c9 j( ~# |8 k8 D8 X8 @5 n简单的css阴影,模糊阴影,洋葱皮阴影.+ ~1 l8 @" ~$ Y
2,css3中高级阴影设计./ \' B, n4 @" T! @$ q. T
3,不支持css3阴影的浏览器的处理.
$ k5 v! k2 W* b# a) V八,文字的样式控制.
/ y: H; T. s+ {1,基本文字样式控制
& b( m+ ]4 u. k. a% g) O" V7 o( a9 j2,高级文字样式控制./ l T B% y0 o. J5 c
九,连接和列表的样式.
8 W* k9 [$ I6 o1,连接的样式,
* K6 e8 r! Y8 ?7 _/ ~3 [2,列表的样式,# e1 q) B% l" U8 f6 s4 H
3,列表中文本溢出的处理.
* E2 J7 W3 ]" H+ ~$ v# l- C- ]$ P3 [4,菜单的设计,; l1 Q6 j7 @$ H, y" M
5,居中的技巧.
1 |) o$ L' \2 {+ \$ f& U h+ j十,对数据表格应用样式6 K' k$ O: A) I. {
1,表格特有的元素
+ V9 S( L9 U% m2,数据表格标记
; `* @5 l' i$ G9 O3,添加视觉样式.
2 d2 O& g# S4 ^$ L) }5 s9 `$ ^4,美观的细线表格的设计.
5 H, R& n# Q6 _5,高呈现效率表格的设计.8 P) W/ O$ I$ J: w. z! i1 p8 R' c
十一,表单样式设计
6 A) L p* P0 o6 {! S5 S0 p1,基本的表单样式设计
4 v7 L0 |) ^) h ?3 {2,完全自定义表单样式设计./ x7 D4 E6 I# X& S
十二,招数和过滤器% |5 ~7 ]$ G6 V
各种处理浏览器兼容性的招数.
9 l8 n0 M8 B# O3 [" X9 |十三,布局实战
s+ m+ H5 _2 O根据实际情况安排课时.
1 Z9 ~+ ^! d7 N3 D5 b3 T; ? |
|