|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有账号?注册
×
DIV CSS是网站标准(或称WEB标准)中常用术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用DIV CSS的方式实现各种定位。根据长期从事CSS代码编写的实际经验,力求以实用为主.解决好浏览器兼容问题,重点学习页面布局的方法。) T6 R) X2 `* m" {$ k
培训特色:& j# K: V+ B2 c
1、全面的DIV CSS知识体系。从这里你可以从零到CSS高手不是问题。7 m3 [" M1 R$ x) I) K
2、丰富的实战经验。拥有上百个大小CSS项目开发经验,从小站到门户经验丰富,知道CSS新手如何最捷径学习。: o5 a3 K* R4 x k. a2 o
3、合理课程让你由浅入深渐进学习。# p6 u0 U- `% d8 F }( `
4、系统的知识库,让你轻松查询和得到常用CSS特效。
" `5 f7 g I) F# l5、学费为480元,在线学习、工作两不误。% X' n# u8 a* P9 v
6、永久的VIP会员,当期不会可加入下学期直到学会为止。
' q! n* f( U4 U% e7、CSS技术毫无保留。我们将我们知道的DIV CSS技术和SEO技术毫无保留系统地教给大家。
- X6 \ ]* [" D# @) ?+ s1 h8、A5信誉,品质保证,对讲课不满意可以申请全额退款。
4 C/ p! t" h7 G, ]8 F7 X9 @& ~9、专业的在线视频讲课软件,可以直接全程观看讲师的桌面操作过程
3 z* w y- b0 p0 d# O \: f10、讲课完毕预留10-20分钟的答疑时间,可以解决学员的各类实际操作问题。2 N; W1 J* [/ c' @4 D" e5 n# r
选择注意:观察培训师资实战经验,知识体系,学习服务条件。- x2 |" Z; ?" g7 u" V
适合人群:热爱程序开发、网站设计、网站开发、网站建设的人群& i5 Y$ \, C& B$ _! I
结业水平:能熟练的使用CSS Div进行网页的美化和布局。4 ?4 a# s& S5 Y
讲师介绍:
B7 r) P ?4 M1 m; Z. P网名:阿Q,现任海南某不知名网络公司前端技术总管,长期从事页面前端开发和网络教学.熟悉css布局,html代码结构良好,爱好jQuery,php和linux技术.! O" _% u3 l( v
课时:共12节课开课时间:8月14号20:00-21:30
8 x$ F+ `7 ]( K讲课方式:好视通视频软件$ m3 T/ U& j$ O. A9 |
学费:480元
- m& Y9 P/ h9 I( _9 Q V. G2 g(本期收20位学员按照报名顺序,人满为止。再次承诺:对讲课不满意可以申请全额退款)3 u/ K! | P* d- W5 d
在线报名咨询:qq583850134qq8561289qq886128# ~; p# K6 ?2 U5 F- k! E: j5 [6 a
咨询电话400-008-3536
2 x$ O' d, X+ f8 F. j: d. i8 Q% v主要内容:$ ~& O2 u3 ]4 k$ D
一,基础知识
- U, S! V* Z- k1,不得不说的废话:开场白.
, J8 Y2 S$ x; W: E9 b- p& e8 g2,必备的软件:firefox firebug,ietester,chrome浏览器,opera浏览器,重点介绍firebug,ietester的使用8 Y0 H( C6 l; ^' N/ x9 u8 Y
3,推荐几个好用的前端设计软件:editplus,gvim,webstorm: ~. F3 H! j' u
(见过全速使用vim编辑器编辑网页,那速度,那效率,绝非事半功倍可以形容,你不得不爱上他,根据学员需要,可以增加讲解vim编辑器的使用.)* n, x+ Y# j6 h; |7 e7 L) }
4,良好的html结构是CSS布局的重中之重,是高效率页面的基础.
5 h+ v" ]4 X1 L7 j, Ea,文档申明写法,doctype和浏览器的渲染模式的关系.
0 X5 G+ {6 B5 }b,HTML代码的写法% ~$ \ |8 C/ X8 v
c,介绍几个html5的推荐立马可以使用的强语义标签:article,section,nav,aside等& v1 {% p3 ]% b5 d4 L5 Y% [. G
5,导入css的几种方法.
4 w8 m2 G+ r4 T' c+ k二,CSS选择器" v3 [8 R: t$ V+ O" }$ b; n4 f
1,规划,组织和维护样式表
$ ?8 T$ |/ Z2 Q' l8 b% @ |2,常用选择器:
. w% ~% o- v* L% B& K3 M8 m通用选择器) v6 N" @2 U* M' @; }9 H1 k' R
高级选择器7 Z2 {: c6 z2 d. i; z' v7 B
层叠和特殊性 L! ]8 T2 ~, S" O/ c
继承: h; A3 n9 g$ v. w! k$ ?- Q
三,可视化格式模型:
T [2 u$ D9 a7 e) O0 L. Z1,css的盒模型.
8 _% \2 X+ v; R0 e, O2,空白边叠加
, N5 C% c( j r0 a4 d6 b四,css布局的几种模式
6 M* F6 L( m' e7 \! T1,普通流和相对定位& X% L& W+ _4 s( ^) _" Q* N
2,浮定和清理浮动,ie6浮动的3px和margin翻倍bug
, U: A( T% O& e0 C$ [5 |3,绝对定位,ie6绝对定位的bug
6 U/ N7 m- ]: D' m- _4 z9 _1 H4,浏览器渲染页面的过程和高效率页面中布局方法的选择.
9 B; H$ ]7 a$ W+ d- R: X: e" V6 Z五,背景图像和圆角的设计& `+ j. Y |/ s/ {, G
1,背景图像基础
4 X. Q7 n2 v, j) m) Q9 R2,减少网页http请求数最有效的背景合并技术:sprite.
) D# h r9 c: x) t3,css3中渐变背景的设计以及不支持背景颜色渐变的浏览器的处理.
6 @5 q7 p/ Q: `六,圆角设计) h6 H7 L0 r. c6 G2 x" h
1,圆角框:固定宽度的圆角框和山顶角
+ \ k$ U: s2 P: {: M6 X: p b2,纯css圆角/ G2 i: H/ U# L" S, A
3,css3中的圆角框的设计以及不支持CSS3圆角框浏览器的处理.
$ p3 B; M# \8 Y$ I0 o7 e+ j4,各种圆角技术优劣对比9 ~) h( L: p$ y0 _/ W5 Q3 w+ N6 o6 {
七,阴影的设计
. a/ V6 u) N% ]* E1 ]8 e1,传统图像阴影的设计.# c* r8 s& ?: ~' }- V) w
简单的css阴影,模糊阴影,洋葱皮阴影.2 \1 T2 e4 ~) l! w S( [. H
2,css3中高级阴影设计. x/ G" ?7 ~5 f% Q7 o# |
3,不支持css3阴影的浏览器的处理.
0 \* G7 O( I# N* }; S八,文字的样式控制.
: e+ W- w- K8 X' c4 G$ F; B1,基本文字样式控制
2 {. I4 l# ?( D* d8 r& z2,高级文字样式控制.5 d9 E( e2 |5 k$ e3 n2 T& w" t1 P
九,连接和列表的样式.8 N1 v7 E. n9 p8 [
1,连接的样式,
9 ]% L C4 O* j2,列表的样式,
7 r9 g! I! @ x. H3,列表中文本溢出的处理.
- A) A% z4 |5 w, S( _: N" i5 ^4,菜单的设计,
, d3 s4 S/ I, m( Z8 D! ? L8 g6 c5,居中的技巧.
# H+ ?8 b- j: T- |. m6 n, V十,对数据表格应用样式1 `* M- q6 O% s' T' a2 d3 F
1,表格特有的元素* }* |! [3 v% f4 h. E# h
2,数据表格标记( U W1 \/ \/ z+ Y% L( S% S
3,添加视觉样式.
6 S: h0 V" h& n6 E4 }4,美观的细线表格的设计.2 c& e# Q) A& c
5,高呈现效率表格的设计.% o; `( D* v$ p: Q
十一,表单样式设计5 f) E7 u; a8 A' X: \: W
1,基本的表单样式设计
$ i( R; b6 W+ ^) X* w$ _+ P0 m2,完全自定义表单样式设计.& y' Z; p% l6 d6 ` |! B
十二,招数和过滤器0 v5 V! [: k3 c) `* d$ \
各种处理浏览器兼容性的招数.
( x0 G9 W( N( R! i0 ~1 I十三,布局实战
* V1 P9 Y% u/ j, V- n根据实际情况安排课时.3 ]6 B$ o" O% q8 |- B# x$ D2 |
|
|