Discuz!官方免费开源建站系统

 找回密码
 立即注册
搜索

[教程] 至菜鸟贴(DIV+CSS可视化设计)

[复制链接]
wuhaolong 发表于 2006-11-21 10:18:02 | 显示全部楼层 |阅读模式
看到好多刚接触SS和DIV+CSS的站长,都感慨DIV+CSS难懂,在这里给大家指点一下迷津(偶也是菜鸟,有说的不对的地方不要拍砖 ):
      其实DIV+CSS也可以可视化编辑,只不过官方给大家设置了个“障碍”罢了,官方将网站的路径存到一个变量里面“{S_URL}”,大家只要将这个变量替换成你的绝对路径或相对路径(../..)就可以还原DIV+CSS的本来面目了。大家试一下,将模板里的{S_URL}替换成../..或绝对路径(修改完别忘了替换回来),怎么样?在DW里看到什么了?

这样就可以可试化编辑了,看下图:

[ 本帖最后由 wuhaolong 于 2006-11-21 10:42 编辑 ]

评分

1

查看全部评分

回复

使用道具 举报

MM0102 发表于 2006-11-21 10:18:46 | 显示全部楼层
沙发,哈哈。。。。。。。。。
回复

使用道具 举报

 楼主| wuhaolong 发表于 2006-11-21 10:19:19 | 显示全部楼层
沙发没了
回复

使用道具 举报

ku14 发表于 2006-11-21 10:21:10 | 显示全部楼层
不错的想法,不过我都是用editplus,闭着眼睛想的,呵呵

新开网站做个广告啊:
黑客太难,闪客太俗,博客太土。在伊始网有新鲜的播客、荐客、威客、赚客、维客、测客、极客、掘客、换客。一个学习web2.0,了解web2.0的新鲜社区综合网站,正如它的名字,伊始,对了,在这里都是新鲜的刚开始的东西。

http://www.ku14.com/bbs
回复

使用道具 举报

ygm924 发表于 2006-11-21 10:22:12 | 显示全部楼层
能看到是能看到。。。
但改起来还是得:

先知道这个div的id是什么,然后再到样式表里找到这个样式,再在这个样式表里改它的宽度啊,边框啊,背景啊,颜色啊……等于dw是歌预览器。不像是个编辑器。
给我感觉就是回到了html编程时代。
回复

使用道具 举报

 楼主| wuhaolong 发表于 2006-11-21 10:22:17 | 显示全部楼层
BS AD阿,
回复

使用道具 举报

 楼主| wuhaolong 发表于 2006-11-21 10:23:07 | 显示全部楼层
原帖由 ygm924 于 2006-11-21 10:22 发表
能看到是能看到。。。
但改起来还是得:

先知道这个div的id是什么,然后再到样式表里找到这个样式,再在这个样式表里改它的宽度啊,边框啊,背景啊,颜色啊……等于dw是歌预览器。不像是个编辑器。
给我感 ...

DW就可以编辑CSS阿,
回复

使用道具 举报

ygm924 发表于 2006-11-21 10:25:38 | 显示全部楼层
原帖由 wuhaolong 于 2006-11-21 10:23 发表

DW就可以编辑CSS阿,


你别汗啊,我知道,但你能在设计状态下改她的宽度吗?点击wrap那个div属性面板里啥也没有,就只能改id值。。。
要想改变它778的宽度,还得跑样式表里。

要是表格,我在面板里就直接改了。。。
回复

使用道具 举报

 楼主| wuhaolong 发表于 2006-11-21 10:33:20 | 显示全部楼层
原帖由 ygm924 于 2006-11-21 10:25 发表


你别汗啊,我知道,但你能在设计状态下改她的宽度吗?点击wrap那个div属性面板里啥也没有,就只能改id值。。。
要想改变它778的宽度,还得跑样式表里。

要是表格,我在面板里就直接改了。。。


那是因为样式表存到了单独的文件里了,这是CSS的优势,任何样式修改都不用碰模板的。
不过就算样式表存到了单独的文件里,也不用你再用记事本单独打开它阿。
回复

使用道具 举报

mefhxy 发表于 2006-12-16 19:58:09 | 显示全部楼层
占位。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2025-9-14 14:17 , Processed in 0.114567 second(s), 16 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表