|
|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有账号?注册
×
DIV CSS是网站标准(或称WEB标准)中常用术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用DIV CSS的方式实现各种定位。根据长期从事CSS代码编写的实际经验,力求以实用为主.解决好浏览器兼容问题,重点学习页面布局的方法。$ J# _) j* q' D% k
培训特色:
2 T+ m2 O$ i3 @! M* Q' Q- k5 R; M1、全面的DIV CSS知识体系。从这里你可以从零到CSS高手不是问题。$ k) D. j$ @' O- i2 O+ I! X
2、丰富的实战经验。拥有上百个大小CSS项目开发经验,从小站到门户经验丰富,知道CSS新手如何最捷径学习。
* W/ a/ ?' @" {+ ]( {( I3、合理课程让你由浅入深渐进学习。
, U- h0 K) b- V1 m* C" C2 ^+ J4、系统的知识库,让你轻松查询和得到常用CSS特效。
5 [6 a+ y! h3 r! Q9 F1 k4 M5、学费为480元,在线学习、工作两不误。3 X8 ~9 R7 b3 X5 z
6、永久的VIP会员,当期不会可加入下学期直到学会为止。
% K1 Z% W' K6 g- E9 y7、CSS技术毫无保留。我们将我们知道的DIV CSS技术和SEO技术毫无保留系统地教给大家。
% H1 G5 t% k, R- L8、A5信誉,品质保证,对讲课不满意可以申请全额退款。( A! R2 j6 ]4 K/ q* X0 l
9、专业的在线视频讲课软件,可以直接全程观看讲师的桌面操作过程/ P2 v' V& s3 q8 R, J
10、讲课完毕预留10-20分钟的答疑时间,可以解决学员的各类实际操作问题。
. s/ \) e- x7 S7 A S选择注意:观察培训师资实战经验,知识体系,学习服务条件。- u8 o9 G# N) t* Q, u
适合人群:热爱程序开发、网站设计、网站开发、网站建设的人群
~# P, E) f! _2 w3 U, W结业水平:能熟练的使用CSS Div进行网页的美化和布局。$ m0 w/ X/ T4 g
讲师介绍:
+ |5 r3 {- b2 J' P( D) h网名:阿Q,现任海南某不知名网络公司前端技术总管,长期从事页面前端开发和网络教学.熟悉css布局,html代码结构良好,爱好jQuery,php和linux技术., `/ W3 D+ K0 J0 _" g: n
课时:共12节课开课时间:8月14号20:00-21:30
3 P: Z: b2 A6 g) i3 u" C2 E: e讲课方式:好视通视频软件
) ^8 H. n8 f2 J: ~4 z/ L& k学费:480元
( m' {7 v' X4 w5 E(本期收20位学员按照报名顺序,人满为止。再次承诺:对讲课不满意可以申请全额退款)
4 d" H9 w% ? D; h0 U- y在线报名咨询:qq583850134qq8561289qq886128
, u' v$ Q) ^& Z) a6 d- \5 u: M咨询电话400-008-3536
: _6 t/ ]% T$ T/ \% E主要内容:
( b6 V& G; o/ v( |$ D; f. W一,基础知识
' ?" ~4 C- f; D/ g% ^+ k* I1,不得不说的废话:开场白.' K: `: T# o R9 p
2,必备的软件:firefox firebug,ietester,chrome浏览器,opera浏览器,重点介绍firebug,ietester的使用6 N+ n* X$ u% t
3,推荐几个好用的前端设计软件:editplus,gvim,webstorm
8 `$ S( ^1 X* x5 _! n(见过全速使用vim编辑器编辑网页,那速度,那效率,绝非事半功倍可以形容,你不得不爱上他,根据学员需要,可以增加讲解vim编辑器的使用.)
2 f0 ?. }+ m- p# ]* ~% z9 ~4,良好的html结构是CSS布局的重中之重,是高效率页面的基础." R6 ^2 G$ H1 }0 s' I2 W
a,文档申明写法,doctype和浏览器的渲染模式的关系.
0 X6 N9 a0 Q" L: ?* ^5 H) o# Jb,HTML代码的写法2 q3 T; p. e, J, @1 Z
c,介绍几个html5的推荐立马可以使用的强语义标签:article,section,nav,aside等
/ h) h& g& |9 Z* h/ [5 l) {; J$ Q! ?5,导入css的几种方法." X4 {' w& |5 r/ w9 ^" ~/ E
二,CSS选择器
5 \ g4 q: Q" y7 O1,规划,组织和维护样式表
7 I. \% }2 `. A2,常用选择器:$ }9 j- b- v! E1 \6 T( ?8 j( J" q
通用选择器
) l9 t* b$ n) L8 l& Q* _高级选择器$ n* A1 C1 J4 X5 r+ B
层叠和特殊性
8 Z' a; H+ Y; n; E9 w7 r0 p继承
^( \+ o; }" o三,可视化格式模型:: d7 Y- J, v* l% \3 U, Y0 a& u
1,css的盒模型.; K; G# q# \0 g% G! @8 P3 `
2,空白边叠加
% D9 }: c; l# {8 C" g; M2 `& L四,css布局的几种模式
; [$ m8 t6 F4 r. h$ L& [1,普通流和相对定位6 i7 {- o. }9 t" O; D4 {
2,浮定和清理浮动,ie6浮动的3px和margin翻倍bug
; N. i) g! `. T/ Z/ {# s* K3,绝对定位,ie6绝对定位的bug
( E0 o( S' L V) i) i/ h9 _* u& [4,浏览器渲染页面的过程和高效率页面中布局方法的选择.
% X: L0 n; V# t0 F0 V: Z五,背景图像和圆角的设计
/ I0 P5 E. |$ a' \1,背景图像基础
0 I* O/ L- w" g, x, L& K1 k8 ?2,减少网页http请求数最有效的背景合并技术:sprite.* T6 P. l, @; @( q w# |
3,css3中渐变背景的设计以及不支持背景颜色渐变的浏览器的处理.
, u, u, U U5 b% h K, P# H六,圆角设计 {6 B, g1 J/ x' D6 U, r/ t
1,圆角框:固定宽度的圆角框和山顶角
8 G8 p8 r1 w3 F; [+ |( V! p2,纯css圆角& X% @/ u$ j' k; n9 P
3,css3中的圆角框的设计以及不支持CSS3圆角框浏览器的处理.$ I# t2 C6 b. _/ L7 o/ R
4,各种圆角技术优劣对比! J( ?% X8 l4 L+ }) H* Y
七,阴影的设计9 t0 l1 x7 Z* f. N3 w4 i: [. h% E& H
1,传统图像阴影的设计.& K1 s6 K4 G: f: i4 O- k
简单的css阴影,模糊阴影,洋葱皮阴影.1 @+ {" X: I' u* ?; I! p9 e
2,css3中高级阴影设计.
. O: S8 \+ B! l* ?; K( c) e: |9 K3,不支持css3阴影的浏览器的处理.) S4 N9 Y( d4 u8 E
八,文字的样式控制.6 O( M; n# E3 Z4 _0 r6 k
1,基本文字样式控制
! R) H$ U9 |% P" |2,高级文字样式控制.- `3 Q+ T$ |. j4 u* o4 u
九,连接和列表的样式.2 x7 b0 H1 P; C N* }% d7 m, J
1,连接的样式,
) \) V. F1 d ^6 c3 G: }& J0 d2,列表的样式,6 B; P. {6 F; m! Z
3,列表中文本溢出的处理.$ c% P; H9 ]9 x p* b( @+ M
4,菜单的设计,
- F; x$ b/ d6 x1 P1 d: N( w5,居中的技巧.
- n- u& j# x8 @$ k十,对数据表格应用样式2 ?. G; r! E4 @4 d; r b) G6 @( s8 y+ V
1,表格特有的元素
; Q; X# S% H; x L) E% i7 ?2,数据表格标记
0 z! N2 m0 a; I& |$ i- u3,添加视觉样式.
9 k" {7 @3 P) \4 S! X4,美观的细线表格的设计.# e( u" M$ [) Z g
5,高呈现效率表格的设计.
2 N5 ~( { b% Y十一,表单样式设计4 b s3 M/ X6 _
1,基本的表单样式设计
M% F' G* B1 L2 N2,完全自定义表单样式设计.3 Z, U- [) l! {) s( b4 Q7 ?* t
十二,招数和过滤器
2 k- G8 o! j7 }( v" B: F: y各种处理浏览器兼容性的招数.
8 D1 r4 i8 H1 |& ] T$ r十三,布局实战- N$ j/ X3 }. L' `6 r/ V
根据实际情况安排课时.
9 r* m- x) y, K9 u |
|