|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有账号?注册
×
DIV CSS是网站标准(或称WEB标准)中常用术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用DIV CSS的方式实现各种定位。根据长期从事CSS代码编写的实际经验,力求以实用为主.解决好浏览器兼容问题,重点学习页面布局的方法。
! \* W! z9 h) m& q3 p. Z8 E1 _培训特色:
% l# t- b2 A& C* b1、全面的DIV CSS知识体系。从这里你可以从零到CSS高手不是问题。# y7 R8 W0 i; v( p3 u
2、丰富的实战经验。拥有上百个大小CSS项目开发经验,从小站到门户经验丰富,知道CSS新手如何最捷径学习。+ { _0 v6 O. z
3、合理课程让你由浅入深渐进学习。+ c& S+ T) }" v6 r# J* k
4、系统的知识库,让你轻松查询和得到常用CSS特效。
+ y# A9 E; M J, Y5、学费为480元,在线学习、工作两不误。
+ }6 V$ H( r- {6、永久的VIP会员,当期不会可加入下学期直到学会为止。
5 ~- \; t4 S( r4 n# h% A7、CSS技术毫无保留。我们将我们知道的DIV CSS技术和SEO技术毫无保留系统地教给大家。- }# k+ T, i; X& J8 G
8、A5信誉,品质保证,对讲课不满意可以申请全额退款。/ Z* h/ {; A! E' D
9、专业的在线视频讲课软件,可以直接全程观看讲师的桌面操作过程4 R# x/ C) S5 z9 n# D
10、讲课完毕预留10-20分钟的答疑时间,可以解决学员的各类实际操作问题。6 \" o Q. Z U
选择注意:观察培训师资实战经验,知识体系,学习服务条件。; s3 i3 F4 Q a/ i& W2 l
适合人群:热爱程序开发、网站设计、网站开发、网站建设的人群
# ?' m( |4 Y5 P8 F5 M4 [% b' g: P结业水平:能熟练的使用CSS Div进行网页的美化和布局。
7 |# M, {0 o2 D讲师介绍:7 b- ]* W# I% i: h5 ~
网名:阿Q,现任海南某不知名网络公司前端技术总管,长期从事页面前端开发和网络教学.熟悉css布局,html代码结构良好,爱好jQuery,php和linux技术./ l' S/ ]# M- v+ F
课时:共12节课开课时间:8月14号20:00-21:30! u3 X% V( c. k
讲课方式:好视通视频软件
( x( h) O$ n" k& [学费:480元" r4 h: m$ X# ]; ^+ E" L }$ d6 @7 S# t
(本期收20位学员按照报名顺序,人满为止。再次承诺:对讲课不满意可以申请全额退款), ~$ y; i( S7 S1 T: B4 H. b
在线报名咨询:qq583850134qq8561289qq886128% a( `6 z5 a, [
咨询电话400-008-35365 V$ `) ~1 G' [/ J0 r. u( e
主要内容:
6 G* t% m/ X* o4 N/ I3 b) r+ ]一,基础知识
) E9 C) ?. _5 ^- m; P: g( Y1,不得不说的废话:开场白.
5 u# u- @+ }: h& e0 y; V8 e2,必备的软件:firefox firebug,ietester,chrome浏览器,opera浏览器,重点介绍firebug,ietester的使用3 B8 Q& S% K* B/ M# u# X1 {0 I
3,推荐几个好用的前端设计软件:editplus,gvim,webstorm
3 `$ k! N- L0 a, q; A. }7 b2 K(见过全速使用vim编辑器编辑网页,那速度,那效率,绝非事半功倍可以形容,你不得不爱上他,根据学员需要,可以增加讲解vim编辑器的使用.)$ [0 g7 l. x6 T% p
4,良好的html结构是CSS布局的重中之重,是高效率页面的基础.; v$ ]8 W" s/ H+ U
a,文档申明写法,doctype和浏览器的渲染模式的关系.$ l4 W1 N! Z" d4 `9 H5 z; h; k; L( d4 M
b,HTML代码的写法
' M/ O/ u6 G U; U9 m- |% {$ \/ `c,介绍几个html5的推荐立马可以使用的强语义标签:article,section,nav,aside等
! Y1 S4 Z E# F/ S. x) w# ~, f: a5,导入css的几种方法.
) j# {) @" ` q8 |, [* Z: O% b二,CSS选择器
$ K# G$ x N$ N0 ~2 o( x6 p4 G5 P9 _1,规划,组织和维护样式表: l f* y3 O. V5 h; [6 Q. Z
2,常用选择器:
2 H7 y6 ^! p& s通用选择器8 X: R5 o4 K6 x$ W/ S
高级选择器
% _' `- d* q. Z! y层叠和特殊性
, k/ u4 N( j3 w4 a- A2 i继承
0 A K* U F* S5 E" X* u三,可视化格式模型:
0 a/ K4 o/ P. O+ V. x1,css的盒模型.
0 R3 N: F; S1 J2 m) Y3 O2,空白边叠加; c% w& T6 U* a9 T8 u% g X" B
四,css布局的几种模式
5 R" U6 E5 E/ M- o& I1,普通流和相对定位
: P6 I& b! G% Z1 ~+ t2,浮定和清理浮动,ie6浮动的3px和margin翻倍bug( _4 S. B* s8 q7 `! F" Q
3,绝对定位,ie6绝对定位的bug
6 Z* \! \! n& C' i4,浏览器渲染页面的过程和高效率页面中布局方法的选择.3 b1 {8 `% Q# C9 V; Q! f7 d5 r
五,背景图像和圆角的设计8 C C8 v; X x/ l' x: |$ w
1,背景图像基础3 ~7 h$ n4 q# l1 N
2,减少网页http请求数最有效的背景合并技术:sprite.
2 {7 Z1 k9 @; c2 o: u1 P* P, _3,css3中渐变背景的设计以及不支持背景颜色渐变的浏览器的处理.+ R% J. T( y4 S! \/ y$ z
六,圆角设计
4 Q7 T7 K$ Q; {4 o9 _3 d1,圆角框:固定宽度的圆角框和山顶角. ?( N' q/ `! [
2,纯css圆角
+ {% [( p2 U0 Z* @7 ~# Y3,css3中的圆角框的设计以及不支持CSS3圆角框浏览器的处理.
2 U: l! _* k. V4 k# c4,各种圆角技术优劣对比2 \" l9 ?, ?4 v1 T4 L" y
七,阴影的设计
. q6 X6 q9 d# b! y- }* m V# F1,传统图像阴影的设计.9 | u J7 i/ i( T& H. f
简单的css阴影,模糊阴影,洋葱皮阴影.
1 K7 f; {; K- k3 ]; @2,css3中高级阴影设计.9 g) e5 a) D" @4 b$ B& t
3,不支持css3阴影的浏览器的处理.
1 ?0 i8 L2 U4 v4 A' a1 q八,文字的样式控制.% p4 y% v1 K4 M& }. u. c8 H% |
1,基本文字样式控制$ R4 y8 I% w3 v. E, g5 n
2,高级文字样式控制.
, F% A. ~0 @! z九,连接和列表的样式.
) v, p7 \# {& i# R1,连接的样式,
. q% w9 Z. G. J3 j2,列表的样式,
7 r9 ~) b1 }: o+ C3,列表中文本溢出的处理.
5 u' m. H- b1 @( W! e# c5 Q* h4 M4,菜单的设计,
5 T& o' k' _ H9 O$ c1 |5,居中的技巧.* I7 x4 u7 l8 r' A- [
十,对数据表格应用样式2 t# t. Q0 [1 Y+ D+ W
1,表格特有的元素
# z! w! K$ O3 u% H2 w' n; t R5 j2,数据表格标记
, E& z# K2 e. r" ^( j3,添加视觉样式.; X7 ^4 e7 p5 f- x
4,美观的细线表格的设计.
6 Y( h7 P/ r3 F. M9 Q( \- s1 h5,高呈现效率表格的设计.: S: A* T, G* J, E$ N# n
十一,表单样式设计
3 }% I5 Y" Q, a0 Z6 X. i5 t- w+ t; [9 Q1,基本的表单样式设计
+ n) \ O' u8 T: F% w- h2,完全自定义表单样式设计.) ~+ R# @" @4 h& x
十二,招数和过滤器$ S; r+ p; G! K& k Y- n6 S% M0 M
各种处理浏览器兼容性的招数.
' y3 y( W& D9 @9 ^9 a2 u十三,布局实战7 ?- t- w0 U" y2 q9 \; Z4 q# `
根据实际情况安排课时.
0 v0 a# s, @* O8 s d |
|