第一次做网站
三月 25th, 2005
给朋友的公司做的网站刚刚完工，心中窃喜不已。
接触 HTML 已经是很久以前的事了，却从来不曾做过比一张极其简单的网页更多的东西。听说 CSS 也是在很久以前了，但是在架设/维护我的这个 Blog 之前，对 CSS 的认识也没有超过“能够设置固定大小的漂亮的 9pt 字”这个范围。一直以为自己没有真正的学过 HTML，一直不敢在 Dreamweaver 里闲逛，总觉得他们都是那么深奥和高不可攀。
在答应朋友“只是修改一下页面，添加一些内容”的要求后，我都一直心里没底，不敢随便承诺完工时间。用 DW 看了一番他的网站以前的页面代码，发现这些用表格布局的页面代码糟糕透了。再加上页面设计也不符合我的审美观，如果要改可能要花费很多时间而且还会搞得心情不好 (代码实在太乱) ，想了半天还是决定仿照现有的布局用 DIV + CSS 完全重新做一个。
到 Tinyfool 推荐的网站网页设计师去看了一下，盗用了一篇文章里的三行二列居中高度自适应布局的 CSS。又到桑葚的桑林志去打劫了他的导航菜单 CSS 和 JS。OK，该开始了，工具自然是三大利器/名器 Dreamweaver MX 2004、TopStyle 和 EditPlus 了 (我暂时还无法用 vim 取代 EditPlus)。
没想到真正开始了并不如我想象中难。虽然以前几乎没正式用过 DW，但是一切的感觉都是那么的自然。定义站点，使用模板，手工编写代码…… 突然发现原来我还是会 HTML 的，CSS 也并不是那么复杂，常用的也不过就是盒式模型的几个基本属性。
当然事情不可能总是很顺利的，何况 DIV + CSS 布局某些地方本来就比表格难一些。好在我几乎没做过东西，对表格没有依恋。也看过一些文章和代码，知道表格布局的坏处。这样一来反倒比熟悉了表格的人适应 DIV + CSS 容易些。布局中遇到的一些小问题，左思右想用灵活而强大的 CSS 解决后，那种感觉真的很棒。
制作中积累的一些微不足道的小经验，我会找时间写出来放在这里，一则备忘，二则方便比我还 newbie 的朋友。(好像不会有吧？:)
Tags: Personal 个人, Web Development 织网
三月 25th, 2005 at 10:47
支持啊，俺还不会呢。
三月 25th, 2005 at 21:15
正废柴！加个css的阴影效果都没加明白！！！
三月 27th, 2005 at 00:00
这几天事太多了，还没来得及去看 -_-#
三月 28th, 2005 at 15:25
我第一次做网页是为自己做的，所以看上去做来做去也没有你这么专业。呵
谢谢你在我的blog上给我的回复跟给我的那么多的好东西。
三月 30th, 2005 at 19:15
页面在什么地方啊 我怎么找不到 不过还是支持你的 加油哦
不过我用golive的多点
十二月 27th, 2005 at 23:15
"一直不敢在 Dreamweaver 里闲逛，总觉得他们都是那么深奥和高不可攀。"不是吧,既然你都这么说,那还这么快就"没想到真正开始了并不如我想象中难"?
其实也不难,你这样手写代码的高手,哪还用得上Dreamweaver?直接用记事本就可以写了.
还有,
"接触 HTML 已经是很久以前的事了""对 CSS 的认识也没有超过“能够设置固定大小的漂亮的 9pt 字”这个范围"俺佩服得五体投地了!就这样,还可以" DIV + CSS 完全重新做一个"....牛!
"这样一来反倒比熟悉了表格的人适应 DIV + CSS 容易些"我怎么没这感觉?在W3C标准出来后很多做网页的都说接受不了转变不过来,也有很多人说"DIV+CSS有什么好的!"
还有,你给朋友做的站并没变啊,还是那么丑,也还是
顺便,"盒式模型"是什么?"newbie"是什么?
十二月 27th, 2005 at 23:20
恩?一次才能发这几个字?接上面:
也还是
顺便,"盒式模型"是什么?"newbie"是什么?
十二月 27th, 2005 at 23:21
厄...直接把"<"屏蔽没了...
也还是〈table...并且还把那么一长串〈tabel放到注释里面...嫌体积不够大吗?
顺便,"盒式模型"是什么?"newbie"是什么?
十二月 27th, 2005 at 23:22
......把〈屏蔽没了...这个BLOG真的不方便.
也还是〈table...并且还把那么一长串〈tabel放到注释里面...嫌体积不够大吗?
顺便,"盒式模型"是什么?"newbie"是什么?
十二月 27th, 2005 at 23:24
噢...newbie我明白了.新鳖嘛~~网上的菜鸟.
十二月 28th, 2005 at 08:18
楼上的你来晚了，那位朋友的网站在几个月前又找人重新做过。
你有兴趣的话可以去这里看看，不过缺少些图片。
http://mpse.3322.org/cdbd/
而且这个地址上午一般无法访问。
一月 8th, 2006 at 06:39
谁说没有比你还newbie的?俺就是.俺比所有人都newbie.
本来上月28号看了你给的地址,就想开始学习CSS+DIV并且想来问问的,可是要给同事代考驾照,就熟悉车去了没来,今天闲下来就来向你请教了!~嘿嘿...
下载了你的mpse.3322.org/cdbd/style/style.css和nav.css,对照着页面看的,发现我对CSS的了解真是太少了...
你学CSS看的哪个电子书?在没找到教材之前先向你请教下最基础的,你看下我理解得对不对:
你style.css里面#left li a:hover {*}
,选择符只应用id=left,比如〈111 id=left〉那么鼠标移到〈111〉里面所包含的〈li〉上面，〈li〉就会应用这个属性和属性值，是吗？
是〈li〉来执行还是〈li〉里面的〈a〉执行？
还有你写的这个还不明白：#left ul ul {}这是怎么个道理？必须是被〈ul〉包含了的〈ul〉才执行这个属性吗？
哎，太菜了，都不好意思打扰你了，还是找书去吧。。。