w**w
发帖数: 56 | 1 求助Div+Css做网页，真心想学，诚恳赐教。
我不是学设计的，更不是计算机专业的，只是个人喜欢。所以尝试着自学了DW8、Fw，
偶尔制作一些小的网页，自我欣赏，也算是自娱自乐吧。:-)
习惯了用table，简单但也有缺点。譬如，各种功能就不能很好的实现，页面也赶不上
css+div的唯美，而且更重要的是想在设计这方面有点点成就，所以现在想学css+div了。
对css、div完全没有概念，只是用DW时会用来定义字体大小以及表格样式。所以想请这
二的高人指点一二。
有一下几个问题：一，请推荐一两本易学易懂的书籍。
二，请推荐几个学习的网站。
三，有什么捷径可以走？
诚谢！！！！！ |
s*******h
发帖数: 2148 | 2 实话说，唯美不唯美跟用啥实现没太大关。。。
不过css已经是大势了。入门可以看看网上的教程，w3schools的最基础，新手看看
不错。
然后就是多看看别人做的东西，考虑一下要是你来做怎么做，然后再看人家代码。
装个firefox，下个web developer的插件，可以visualize网页的div结构，看起来
方便一些。
了。
【在 w**w 的大作中提到】
: 求助Div+Css做网页，真心想学，诚恳赐教。
: 我不是学设计的，更不是计算机专业的，只是个人喜欢。所以尝试着自学了DW8、Fw，
: 偶尔制作一些小的网页，自我欣赏，也算是自娱自乐吧。:-)
: 习惯了用table，简单但也有缺点。譬如，各种功能就不能很好的实现，页面也赶不上
: css+div的唯美，而且更重要的是想在设计这方面有点点成就，所以现在想学css+div了。
: 对css、div完全没有概念，只是用DW时会用来定义字体大小以及表格样式。所以想请这
: 二的高人指点一二。
: 有一下几个问题：一，请推荐一两本易学易懂的书籍。
: 二，请推荐几个学习的网站。
: 三，有什么捷径可以走？
|
s*******h
发帖数: 2148 | 3 捷径的话就是practice，我当时上手是帮别人redo一个网站，我新作的设计，但
结构是一样的，于是可以套用以前的css，一句一句写下来。
最好找个写得比较好的页面，我上手那个就一般，现在看来颇有些地方有问题，
呵呵。
【在 s*******h 的大作中提到】
: 实话说，唯美不唯美跟用啥实现没太大关。。。
: 不过css已经是大势了。入门可以看看网上的教程，w3schools的最基础，新手看看
: 不错。
: 然后就是多看看别人做的东西，考虑一下要是你来做怎么做，然后再看人家代码。
: 装个firefox，下个web developer的插件，可以visualize网页的div结构，看起来
: 方便一些。
:
: 了。
|
w**w
发帖数: 56 | 4 一看就是专业设计的。
o(∩_∩)o...可否给我推荐个页面啊。 |
w**w
发帖数: 56 | 5 要背很多的代码吗？
Iframe还能用吗？
见笑了，偶实在不懂，菜鸟。 |
w**w
发帖数: 56 | 6 W3Schools我要看，顺便也给推荐易懂的书吧，最好是入门级的。 |
k**o
发帖数: 15334 | 7 iframe现在用的相当多。
【在 w**w 的大作中提到】
: 要背很多的代码吗？
: Iframe还能用吗？
: 见笑了，偶实在不懂，菜鸟。
|
s*******h
发帖数: 2148 | 8 记性不好就不用强迫自己背，到用的时候能找到就行
我总是一边写一边要看reference，呵呵
iframe没什么问题
【在 w**w 的大作中提到】
: 要背很多的代码吗？
: Iframe还能用吗？
: 见笑了，偶实在不懂，菜鸟。
|
t*******d
发帖数: 1530 | 9 第一件要做的事就是彻底抛弃DW,FW。
了。
【在 w**w 的大作中提到】
: 求助Div+Css做网页，真心想学，诚恳赐教。
: 我不是学设计的，更不是计算机专业的，只是个人喜欢。所以尝试着自学了DW8、Fw，
: 偶尔制作一些小的网页，自我欣赏，也算是自娱自乐吧。:-)
: 习惯了用table，简单但也有缺点。譬如，各种功能就不能很好的实现，页面也赶不上
: css+div的唯美，而且更重要的是想在设计这方面有点点成就，所以现在想学css+div了。
: 对css、div完全没有概念，只是用DW时会用来定义字体大小以及表格样式。所以想请这
: 二的高人指点一二。
: 有一下几个问题：一，请推荐一两本易学易懂的书籍。
: 二，请推荐几个学习的网站。
: 三，有什么捷径可以走？
|
w**w
发帖数: 56 | 10
Why?
【在 t*******d 的大作中提到】
: 第一件要做的事就是彻底抛弃DW,FW。
:
: 了。
|
|
|
f*****Q
发帖数: 1912 | 11 slashdot.org
digg.com
www.engadget.com
【在 w**w 的大作中提到】
: 一看就是专业设计的。
: o(∩_∩)o...可否给我推荐个页面啊。
|
t*******d
发帖数: 1530 | 12 DW 的design interface不是bowser,不完全支持CSS，不能指望它来帮你设计， 不然的
话弄出来个四不象，还不如从头就手写CODE。
however, if you want to stay as an amature level web designer, DW is a good
choice. It will get most of your job done, css or not.
【在 w**w 的大作中提到】
:
: Why?
|
s*******h
发帖数: 2148 | 13 设计都是先期在ps里做好的，用什么写出来其实不重要，关键是写的时候根本就
不要想着什么东西放在哪儿好呢，因为早就应该决定了。dw的所见即所得做的的
确不太好，但是问题也不太大，可以看看margin padding 和div的大小啥的。
俺们公司还是都用dw，还省了ftp软件。
good
【在 t*******d 的大作中提到】
: DW 的design interface不是bowser,不完全支持CSS，不能指望它来帮你设计， 不然的
: 话弄出来个四不象，还不如从头就手写CODE。
: however, if you want to stay as an amature level web designer, DW is a good
: choice. It will get most of your job done, css or not.
|
c*****t
发帖数: 1879 | 14 DW 的 template engine 很好，做静态网页相当不错。file sync 也很有用。
俺一般都是用 DW 设置一下。实际上的编辑还是 textpad 再在 firefox / ie
上看看。然后用 DW update template / upload file 。
good
【在 t*******d 的大作中提到】
: DW 的design interface不是bowser,不完全支持CSS，不能指望它来帮你设计， 不然的
: 话弄出来个四不象，还不如从头就手写CODE。
: however, if you want to stay as an amature level web designer, DW is a good
: choice. It will get most of your job done, css or not.
|
w**w
发帖数: 56 | 15 如stonefish 所说，我也是PS设计--切图--DW。 |
r****y
发帖数: 26819 | 16 除了template，其余的，vs2008都比dw强，还免费
【在 c*****t 的大作中提到】
: DW 的 template engine 很好，做静态网页相当不错。file sync 也很有用。
: 俺一般都是用 DW 设置一下。实际上的编辑还是 textpad 再在 firefox / ie
: 上看看。然后用 DW update template / upload file 。
:
: good
|
c*****t
发帖数: 1879 | 17 噢？vs2008 可以编辑 web site ？怎么弄？俺装了 vs2008 pro 写 C 程序，
但是没注意。
【在 r****y 的大作中提到】
: 除了template，其余的，vs2008都比dw强，还免费
|
r****y
发帖数: 26819 | 18 就是它的内在编辑器啊
可以编辑html
好处是
source formatting
source folding
【在 c*****t 的大作中提到】
: 噢？vs2008 可以编辑 web site ？怎么弄？俺装了 vs2008 pro 写 C 程序，
: 但是没注意。
|
c*****t
发帖数: 1879 | 19 DW 可不止这些。DW 你挪个文件，所有指着该文件的 link 全该。等等。
你建一个 web site，不只是一两个 html，而是一堆的文件。不一定非
得用 DW 修改 html（比如俺就用 textpad），不过 DW 提供的很多功能
很方便。更不要说 template，file sync 等。有时候 paste formatted
code 的时候也很方便，DW 自动转换。里面的 help 也不错。查东西方
便。
如果没这些功能，而只是简单的 WYSIWYG，DW 早就被淘汰了。
【在 r****y 的大作中提到】
: 就是它的内在编辑器啊
: 可以编辑html
: 好处是
: source formatting
: source folding
|
s*******h
发帖数: 2148 | 20 其实我很讨厌paste 的时候copy format。。。-。-
【在 c*****t 的大作中提到】
: DW 可不止这些。DW 你挪个文件，所有指着该文件的 link 全该。等等。
: 你建一个 web site，不只是一两个 html，而是一堆的文件。不一定非
: 得用 DW 修改 html（比如俺就用 textpad），不过 DW 提供的很多功能
: 很方便。更不要说 template，file sync 等。有时候 paste formatted
: code 的时候也很方便，DW 自动转换。里面的 help 也不错。查东西方
: 便。
: 如果没这些功能，而只是简单的 WYSIWYG，DW 早就被淘汰了。
|
|
|
w**w
发帖数: 56 | 21 哇~~~~
这么多这方面的软件可以用，可我只接触过DW... |
r****y
发帖数: 26819 | 22 DW这些我早就知道，以前也用过。
只不过，现在目录总是分得清清楚楚，挪来挪去的事情很少发生，反倒是code
formatting 和 code folding这些功能时时刻刻都需要。
【在 c*****t 的大作中提到】
: DW 可不止这些。DW 你挪个文件，所有指着该文件的 link 全该。等等。
: 你建一个 web site，不只是一两个 html，而是一堆的文件。不一定非
: 得用 DW 修改 html（比如俺就用 textpad），不过 DW 提供的很多功能
: 很方便。更不要说 template，file sync 等。有时候 paste formatted
: code 的时候也很方便，DW 自动转换。里面的 help 也不错。查东西方
: 便。
: 如果没这些功能，而只是简单的 WYSIWYG，DW 早就被淘汰了。
|
t*******d
发帖数: 1530 | 23 就说改link吧， I have not given it a try yet, but i really doubt DW is smart
enough to recognize link in all circumstances, e.g., those in absolute path
, relative path, in javascript, in asp/php dynamic parameters.
To me, if I cant trust the software 100% to do something, I rather not to
use it. 如果楼主已经熟练应用DW, 有没有其他可替代的更好的Text Editor
preferred, of cause stcik to it, but dont count on it for CSS design, cos DW
sucks at CSS support.
DW我最喜欢的功能就是做image map. drop a image in, draw some rect/circle,
copy th
【在 c*****t 的大作中提到】
: DW 可不止这些。DW 你挪个文件，所有指着该文件的 link 全该。等等。
: 你建一个 web site，不只是一两个 html，而是一堆的文件。不一定非
: 得用 DW 修改 html（比如俺就用 textpad），不过 DW 提供的很多功能
: 很方便。更不要说 template，file sync 等。有时候 paste formatted
: code 的时候也很方便，DW 自动转换。里面的 help 也不错。查东西方
: 便。
: 如果没这些功能，而只是简单的 WYSIWYG，DW 早就被淘汰了。
|
c*****t
发帖数: 1879 | 24 就 static html 来说，DW 处理这些足够了。处理 http 和 relative 的都
很好。俺刚刚开始建个新网站的时候，因为文件还很少，文件往往都放在一
起。文件多了以后，需要分 dir，这时候 DW 的功能太方便了。
smart
path
DW
【在 t*******d 的大作中提到】
: 就说改link吧， I have not given it a try yet, but i really doubt DW is smart
: enough to recognize link in all circumstances, e.g., those in absolute path
: , relative path, in javascript, in asp/php dynamic parameters.
: To me, if I cant trust the software 100% to do something, I rather not to
: use it. 如果楼主已经熟练应用DW, 有没有其他可替代的更好的Text Editor
: preferred, of cause stcik to it, but dont count on it for CSS design, cos DW
: sucks at CSS support.
: DW我最喜欢的功能就是做image map. drop a image in, draw some rect/circle,
: copy th
|
r****y
发帖数: 26819 | 25 我从一开始，就分目录
根目录下只有一个index.html
【在 c*****t 的大作中提到】
: 就 static html 来说，DW 处理这些足够了。处理 http 和 relative 的都
: 很好。俺刚刚开始建个新网站的时候，因为文件还很少，文件往往都放在一
: 起。文件多了以后，需要分 dir，这时候 DW 的功能太方便了。
:
: smart
: path
: DW
|
w**w
发帖数: 56 | 26
根目录下还有文件夹images、css.css
【在 r****y 的大作中提到】
: 我从一开始，就分目录
: 根目录下只有一个index.html
|
r****y
发帖数: 26819 | 27 喔，不是指folder，指文件
【在 w**w 的大作中提到】
:
: 根目录下还有文件夹images、css.css
|
s*******h
发帖数: 2148 | 28 有时候客户的心思你是无法预测地。。。我现在手上的一个网站做了大半了
被要求重新分类别。。。
【在 r****y 的大作中提到】
: 我从一开始，就分目录
: 根目录下只有一个index.html
|
w**w
发帖数: 56 | 29
重新设计还是DW改一下就OK了？
【在 s*******h 的大作中提到】
: 有时候客户的心思你是无法预测地。。。我现在手上的一个网站做了大半了
: 被要求重新分类别。。。
|
r****y
发帖数: 26819 | 30 那就重新做目录
凡事都先做好目录，定位
【在 s*******h 的大作中提到】
: 有时候客户的心思你是无法预测地。。。我现在手上的一个网站做了大半了
: 被要求重新分类别。。。
|
|
|
s*******h
发帖数: 2148 | 31 整个navigation system都变了，一些叶面换了地方，一些改名字，一些删掉，增加另外
一些，设计也要改。
总之就是他们本来就没想好，我的这个project manager也混日子没好好做，现在她被f
ire乐，整个重新来过。
【在 w**w 的大作中提到】
:
: 重新设计还是DW改一下就OK了？
|
w**w
发帖数: 56 | 32
另外
被f
就怕做着做着换project manager了，遇到这样的事情最郁闷了！
【在 s*******h 的大作中提到】
: 整个navigation system都变了，一些叶面换了地方，一些改名字，一些删掉，增加另外
: 一些，设计也要改。
: 总之就是他们本来就没想好，我的这个project manager也混日子没好好做，现在她被f
: ire乐，整个重新来过。
|
s*******h
发帖数: 2148 | 33 还有更郁闷的，那就是人手不够，大老板亲自做project manager，还是
micro managment派的，我郁闷得都快笑了
【在 w**w 的大作中提到】
:
: 另外
: 被f
: 就怕做着做着换project manager了，遇到这样的事情最郁闷了！
|
f*****Q
发帖数: 1912 | 34 碰见个manager一天到晚说“行，你说了算。”也够恶心的。 |
w**w
发帖数: 56 | 35 我就碰到一个这样的manager，问他具体的设计要求，OK，你看着办；
加班加点，设计出来了，在他眼里哪儿都不对，又恨不得你得redesign；
这个时候，才会给你在要求上指点一二，被这个manager彻底雷倒!! |
s*******h
发帖数: 2148 | 36 俺们的pm不管你怎么设计的，creative director管这个。。。
【在 w**w 的大作中提到】
: 我就碰到一个这样的manager，问他具体的设计要求，OK，你看着办；
: 加班加点，设计出来了，在他眼里哪儿都不对，又恨不得你得redesign；
: 这个时候，才会给你在要求上指点一二，被这个manager彻底雷倒!!
|
t*******d
发帖数: 1530 | 37 Nothing is worse than implementing a 1990s design + idiot pm + hi-school
graduate client + webmaster who knows nothing but coldfusion. Been there
done that.
【在 s*******h 的大作中提到】
: 俺们的pm不管你怎么设计的，creative director管这个。。。
|
s*******h
发帖数: 2148 | 38 哈哈
习惯就好
【在 t*******d 的大作中提到】
: Nothing is worse than implementing a 1990s design + idiot pm + hi-school
: graduate client + webmaster who knows nothing but coldfusion. Been there
: done that.
|
w**w
发帖数: 56 | 39 话题再回来，我现在总是去一些设计类网站，扒一些好的设计作为模板，然后揣摩别人
的设计思路、样式以及搭配等。
从中也学到了不少东西，但不知道这个是不是长久之计，各位发表一些意见吧。 |
s*******h
发帖数: 2148 | 40 不要copy别人的设计，仔细体会别人的细节、版式等等
一开始的时候可以学着用别人的layout，但是用自己的色彩什么的
可以做到别人看了知道是学那个风格，但又不是抄别人的网站
多练练自己会提高
不过其实这个很看天分的，像我的配色就是不行，不敢用鲜艳颜色
用了也不如同事用的好看
还有就是每段时期总是有那么几个人能够创造潮流，咱一般人能跟
着潮流就不错了。
【在 w**w 的大作中提到】
: 话题再回来，我现在总是去一些设计类网站，扒一些好的设计作为模板，然后揣摩别人
: 的设计思路、样式以及搭配等。
: 从中也学到了不少东西，但不知道这个是不是长久之计，各位发表一些意见吧。
|
|
|
w**w
发帖数: 56 | 41
我就是copy别人的layout，觉得还是可以学到点什么的：）
【在 s*******h 的大作中提到】
: 不要copy别人的设计，仔细体会别人的细节、版式等等
: 一开始的时候可以学着用别人的layout，但是用自己的色彩什么的
: 可以做到别人看了知道是学那个风格，但又不是抄别人的网站
: 多练练自己会提高
: 不过其实这个很看天分的，像我的配色就是不行，不敢用鲜艳颜色
: 用了也不如同事用的好看
: 还有就是每段时期总是有那么几个人能够创造潮流，咱一般人能跟
: 着潮流就不错了。
|
w**w
发帖数: 56 | |
s*******h
发帖数: 2148 | 43 加油～～～
【在 w**w 的大作中提到】
: 就是不知道啥时候能够形成自己的风格哈
|
w**w
发帖数: 56 | 44 尝试做圆角边框，PS切图时总切不好，怎么办啊？ |
r****y
发帖数: 26819 | 45 有一些不用图片的做法
【在 w**w 的大作中提到】
: 尝试做圆角边框，PS切图时总切不好，怎么办啊？
|
s*******h
发帖数: 2148 | 46 为啥？
【在 w**w 的大作中提到】
: 尝试做圆角边框，PS切图时总切不好，怎么办啊？
|
k***g
发帖数: 7244 | 47 用 js ，很简单的，在网上搜一下
【在 w**w 的大作中提到】
: 尝试做圆角边框，PS切图时总切不好，怎么办啊？
|
w**w
发帖数: 56 | 48
什么？
【在 r****y 的大作中提到】
: 有一些不用图片的做法
|
w**w
发帖数: 56 | 49
把握不好切图工具
【在 s*******h 的大作中提到】
: 为啥？
|
r****y
发帖数: 26819 | 50 用CSS做啊，不用图片也可以
【在 w**w 的大作中提到】
:
: 把握不好切图工具
|
|
|
w**w
发帖数: 56 | 51
我用PS做好了的圆角边框的图片也可以吗？
【在 r****y 的大作中提到】
: 用CSS做啊，不用图片也可以
|
r****y
发帖数: 26819 | 52 当然可以啊
方法太多了
【在 w**w 的大作中提到】
:
: 我用PS做好了的圆角边框的图片也可以吗？
|
t*******d
发帖数: 1530 | 53 sometimes ImageReady is easier doing 圆角边框.
【在 w**w 的大作中提到】
: 尝试做圆角边框，PS切图时总切不好，怎么办啊？
|
E******A
发帖数: 53 | 54 还要装个虚拟机, 以测试在IE6,IE7下不同的效果,一台电脑不能同时安装IE6和IE7的!
做这个要有耐心,简单的还好,复杂环境上就要有耐心! |
s*******h
发帖数: 2148 | 55 有个软件叫IEtester，可以模拟IE5.5, 6和7
!
【在 E******A 的大作中提到】
: 还要装个虚拟机, 以测试在IE6,IE7下不同的效果,一台电脑不能同时安装IE6和IE7的!
: 做这个要有耐心,简单的还好,复杂环境上就要有耐心!
|
E******A
发帖数: 53 | |
