听Dodo讲CSS+DIV（刘韧提要+录音版）

2005-6-4 17:30 天津海量办公室。我们在听Dodo讲W3C。DIV是一个一个容器，用来装内容。比如，一个容器装标题，一个容器装正文，一个容器装作者、一个容器装相关文章，如此等等。在W3C中，作为容器的DIV里面装的都是TXT=纯内容。至于每个DIV内容的展现形式，再用CSS来定义，比如这个内容放在页面的哪个位置，字体字号字的颜色，如此等等。针对一“组”的形式用class定义，可反复使用；针对“个别”的形式展现用ID来定义。

使用CSS+DIV取代传统的表格页面好处是：展现方式和内容分类。DIV和后台的内容输出程序对接之后，今后随便地换CSS就和程序无关了。这样网站改版就和程序无关了。极大的降低了改版的成本。可以让网站的改版随时随地进行。

Dodo讲课的实况录音，下载地址。

录音播放器，下载地址。

归类于：未分类 — 刘韧 @ 11:04 am 评论(29)

29条评论

如果能有相关的PPT就更好了！:)

herock —— 2005年06月06日 @12:57 pm
蓝色理想有相关讨论

http://www.blueidea.com/bbs/list.asp?GroupName=%CD%F8%D5%BE%D7%DB%BA%CF%D7%A8%C0%B8

Bone —— 2005年06月06日 @1:27 pm
聆听中………

Hyuhui —— 2005年06月06日 @2:15 pm
好诶

老康 —— 2005年06月06日 @3:09 pm
CSS太简单了,翻下手册就可以做网站了.一天搞定.

CSS Master —— 2005年06月06日 @5:34 pm
想更了解W3C标准，尝试用Wiki就知道了，Wiki的整站构造都是依照标准而行，从页面风格到编辑页面所使用的格式和语法都是W3C的。我编辑CSS风格用TopStyle，很方便。

cool —— 2005年06月06日 @6:24 pm
听完了DODO的讲解，可能DODO更善于做，不会讲，呵呵。

从侧面了解到（现场问答声音），海量的设计师挺菜的~~。

nickname —— 2005年06月06日 @6:51 pm
不要以为CSS+DIV很简单。偶花了一个月才学会并做了一个不算复杂的网站。基本内容确实简单，但是：

关键问题是，目前常用的浏览器有好几种，每种浏览器有很多版本。这样，就有几十个版本的常用浏览器。而每个版本的浏览器对CSS的解释大相径庭。比如，IE最NB，不同版本的浏览器，对CSS的解释有很多不同，因为MS并没有打算完全支持W3C CSS标准的意思，即使在即将推出的IE7中，也不准备完整支持W3C CSS标准。稍不注意，就会遇到莫名其妙的显示错位和无法理解的问题。在IE里面正常显示，结果跑到FireFox中面目全非……这类问题层出不穷。

因此，CSS+DIV的进一步发展，还有待于个浏览器厂商的进一步支持。

daisy_zhang —— 2005年06月06日 @7:32 pm
看了一下此页的源码，基本也是按照CSS+DIV的思路在写，但并没有安全按照这个标准，比如最基本的语法就有错误。

本页就有一个很大的问题没有处理好：右侧栏的内容，在窗口宽度较小时，会跑到左侧栏的白色区域。

daisy_zhang —— 2005年06月06日 @7:41 pm
说老实话，DONEWS的W3C标准化还有很长的路要走。

研读DONEWS的网页源码，可以看出，还没有跳出TABLE划分区域的思路，并没有掌握DIV的精髓。满眼的DIV一层套一层，DIV套TABLE，TABLE套DIV。

daisy_zhang —— 2005年06月06日 @8:04 pm
呵呵，连公司的领导者现在也开始关注web standards了~~

x5 —— 2005年06月06日 @10:32 pm
<p>2005-6-6
<ul>
<li>
<a href="http://www.donews.net/FJLIANG/archive/2005/06/03/409969.aspx" title=" 搜狐冒的风险并不是很大，如果搜狐能顺利渡过“整合”关，娱乐门户的布局一旦完成，搜狐的竞争力就会显现出来

94smart's Blog —— 2005年06月07日 @9:47 am
目前我正在逐渐把所管理的2个网站改成DIV+CLASS

领导们喊改版,喊结构,喊广告,

美工来做页面,做了好打的图片

老子这个技术还要切图,把美工的图片转化为DIV布局的方式.

老板们看不见的工作,无数啊,却以为完全是美工的功劳.

webmaster_365heart —— 2005年06月07日 @10:44 pm
至于说CSS使改版方便,我不认为

因为CSS只能改变一个DIV的颜色,大小,却不能改变DIV和DIV嵌套形成的复杂结构

这种改版时候的大的结构改变,还是需要技术人员来解决,最容易的方法还是重新做.

我个人感觉DIV最好的优势,速度快.

这个优势第一.

缺点,如果单纯的DIV无法制作浮动LOGO,不知道有高手能解决吗?我是无法使LOGO在两侧浮动了.

另外一个缺点就是美观上的损失.无论如何DIV的网页都无法和以前TABLE的网页媲美了.人们说这是简洁.简洁未必就是美丽.

webmaster_365heart —— 2005年06月07日 @10:50 pm
这个是国外的网站，www.londoncollege.org ，按照w3c标准的。当时想借鉴它的menu，却怎么也拷贝不了，这个网站的作者是给英国大使馆做过网站的。哪位高手可以指点一下，另外里面有视频，怎么也下载不了。。。哪位如果愿意指点：请加我QQ：19933009

握紧刀锋 —— 2005年06月08日 @11:55 pm
Donews的网站首页是所有播客中最滥的，用mozilla根本看不了。真该辞退那个做网页的人。

donews —— 2005年06月10日 @12:05 pm
学习ing，好东西，顶下

ballfun —— 2005年06月14日 @3:13 pm
怎么都是些完全不懂技术的人在讨论？

muzhu —— 2005年06月14日 @8:09 am
说的结结巴巴！也许是高技术口才都不太好吧，可以理解，我也不好，呵呵！

家疼树 —— 2005年06月15日 @2:09 pm
to：webmaster_365heart 发表于2005-06-07 10:50 PM

1、XHTML+CSS（DIV+CSS）确实使改版方便了许多，也就是说使得后期维护或者改版工作效率提高了。传统的表格（TABLE）模式在设计初期可能很容易就能设计出一个网站，但是在后期维护上就麻烦的多了；

2、CSS不止是能改变一个DIV的“颜色、大小”，它能改变的东西有很多，同样也能改变“DIV和DIV嵌套形成的复杂结构”；

3、“DIV最好的优势是速度快”这点没错，因为DIV是边下载边显示，而TABLE是下载完整个TABLE内的内容然后才显示；

4、DIV也可以制作两侧浮动LOGO，网易就是一个最好的例子；

5、个人认为DIV比TABLE在美观上不会有任何损失，TABLE能展示的用DIV同样能展示，只不过TABLE善于展示多行多列的表格型数据，而DIV善于展示单行单列的块状数据；

瘦猫 —— 2005年06月15日 @3:11 pm
那是个什么播放器，

为什么不转成.mp3在上传呢，

拜托，考虑一下mac用户的感受，

好像搞Web Standards还有一个很精髓就是Accessibility吧

XWfordfr —— 2005年06月16日 @8:29 am
sony的录音笔录的吧。转成MP3在MP3中听不错，可惜我不想花时间去找软件来转。

不错，同意上面那位朋友说的，DODO的表达能力还不够。

有PPT就更好理解了。

果果’er —— 2005年06月21日 @11:56 am
Dodo下面的学生应该多补补，如果再不补的话，真的是无药可救了！

abopan —— 2005年06月29日 @3:44 am
8错8错~~~！

留心 —— 2005年07月22日 @3:48 am
不能下载啦

wadefelix —— 2005年08月17日 @3:30 pm
技术的实力象征：W3C，本站欢迎W3C友情合作。www.cn-apple.com

romy —— 2005年10月09日 @12:01 pm
技术的实力象征：W3C，本站欢迎W3C友情合作。www.cn-apple.com

romy —— 2005年10月09日 @12:06 pm
有没有视频的啊?

candy —— 2006年07月02日 @5:29 pm

29条评论

发表评论

news

最近更新

和本站换链接，点击更多→注册即可

导航

分类

交换链接

关注

工作

我维护的Wiki的词条

自动与本站交换链接

最新日志

存档

最新评论