请教一个网站开发的问题

水木社区手机版

主题:请教一个网站开发的问题
10楼|marco2798|2013-08-20 21:46:21|只看此ID
恩

我试试，我是看了一个做网站的教程

大概是用布局表格和布局单元格来实现的，再往这些表格里添东西

所以body后面加css样式只是在这个布局表格里加背景而不是整个页面把白的换成蓝的
了。

【在 huaxinjuedui (唐僧哥哥) 的大作中提到: 】
: 这跟asp没关系
: 就是一句简单的CSS样式就可以实现：
: body{ #ddd background: url(../images/bg.gif) repeat-x;}
: ...................
--
FROM 122.188.105.*
11楼|huaxinjuedui|2013-08-20 22:13:29|只看此ID
用表格布局，那是多老的教程了啊。。。

【在 marco2798 的大作中提到: 】
: 恩
: 我试试，我是看了一个做网站的教程
: 大概是用布局表格和布局单元格来实现的，再往这些表格里添东西
: ...................
--
FROM 123.138.48.*
12楼|marco2798|2013-08-20 22:23:00|只看此ID
好像是很好
dw是2004的。。。。
但是我有个问题用css的话怎么控制第一行和第二行的间距？
比如我第一行是个logo，第二行是导航栏。

【在 huaxinjuedui (唐僧哥哥) 的大作中提到: 】
: 用表格布局，那是多老的教程了啊。。。
--
FROM 122.188.105.*
13楼|ottffsse|2013-08-20 22:36:07|只看此ID
会dreamweaver跟会office差不多，不能说自己会做网页。

还是看看html和css吧

【在 marco2798 (一生一世一双人) 的大作中提到: 】
:     一个网页通常只占页面的一部分，比如像这样，http://www.alue-china.com/Swb/四周是白的，
:     那如何将背景做成上半部分是蓝的，下半部分是白的呢？比如http://www.keylogic.com/welcome.aspx 这个效果。但这个例子是用asp实现的，我想用静态网页来实现，可以吗？
:     现在真是后悔答应别人帮他做网站，我以前从来都没接触过这方面的，就只知道用dreamweaver做，看了些资料，自己动手才发现好多都不会。
--
FROM 59.175.226.*
14楼|xWvxYWYxvWx|2013-08-20 22:29:56|只看此ID
因为他这个页面比较复杂，而你没有分析静态页面的经验，一时摸不着头脑很正常。

如果你用 firebug 仔细找一下，就会发现你要的效果是在

<div id="container-home">

这个 div  里实现的。

对应的 CSS 代码是

#container-home {
    background-color: #E3E3E4;
    background-image: url("images/body-bground.png");
    background-position: center top;
    background-repeat: repeat-x;
    float: left;
    width: 100%;
}

意思是先定义一个浅灰色的背景色，然后再定义一张深色图片作为背景, 这张坑爹的背景图片足足有 5000 * 1050，放在中上部，并且不断作水平方向的重复。

这种实现其实是十分脑残的，极度浪费资源，影响用户体验。

【在 marco2798 (一生一世一双人) 的大作中提到: 】
: 标  题: Re: 请教一个网站开发的问题
: 发信站: 水木社区 (Tue Aug 20 21:43:39 2013), 站内
:
: html和css的教程也看了一点
: 可是为何他的源代码我看不懂？
:
:
: 【在 xWvxYWYxvWx (xWvxYWYxvWxxWvxYWYxvWx) 的大作中提到: 】
: : 你这个例子中的效果跟 asp 本身没有任何必然联系。
: : 你最好不要去学 Dreamweaver，而应该去看 W3school 上的 HTML 和 CSS 教程.
: : 搞懂以后，解决你这种问题易如反掌。
: : ...................
:
: --
:
※ 修改:·xWvxYWYxvWx 于 Aug 20 22:38:33 2013 修改本文·[FROM: 58.23.89.*]
: ※ 来源:·水木社区 newsmth.net·[FROM: 122.188.105.*]
--
修改:xWvxYWYxvWx FROM 58.23.89.*
FROM 58.23.89.*
15楼|marco2798|2013-08-20 22:38:53|只看此ID
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>mypolysight</title>
<link rel="stylesheet" href="css/main.css" type="text/css" />
</head>

<body class="body">
<h1>这是标题 1</h1>
<p>这是段落</p>
<p class="no2">这个段落设置了内边距。</p>
</body>
</html>

/* CSS Document */
.body {background-image:url(../images/封面封底(F).gif);}
.h1 {background-color: #00ff00;}
.p {background-color: rgb(250,0,255);}
p.no2 {background-color: gray; padding: 20px;}

帮忙看看这个为何背景加不上呢？

【在 huaxinjuedui (唐僧哥哥) 的大作中提到: 】
: 用表格布局，那是多老的教程了啊。。。
--
FROM 122.188.105.*
16楼|marco2798|2013-08-20 22:44:19|只看此ID
哦原来是这样啊
谢谢了
那如果我想比较简便的把整个页面分成两部分
上面蓝，下面白怎么实现？body加css岂不是整个都蓝了？

【在 xWvxYWYxvWx (xWvxYWYxvWxxWvxYWYxvWx) 的大作中提到: 】
: 因为他这个页面比较复杂，而你没有分析静态页面的经验，一时摸不着头脑很正常。
: 如果你用 firebug 仔细找一下，就会发现你要的效果是在
: <div id="container-home">
: ...................
--
FROM 122.188.105.*
17楼|huaxinjuedui|2013-08-20 22:46:10|只看此ID
设定内边距padding或外边距margin

【在 marco2798 的大作中提到: 】
: 好像是很好
: dw是2004的。。。。
: 但是我有个问题用css的话怎么控制第一行和第二行的间距？
: ...................
--
FROM 123.138.48.*
18楼|xWvxYWYxvWx|2013-08-20 22:45:06|只看此ID
../images/封面封底(F).gif);

你这个相对路径写对了么？

另外，尽量不要使用这么奇怪的文件名。

【在 marco2798 (一生一世一双人) 的大作中提到: 】
: 标题: Re: 请教一个网站开发的问题
: 发信站: 水木社区 (Tue Aug 20 22:43:08 2013), 站内
:
: <head>
: <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
: <title>mypolysight</title>
: <link rel="stylesheet" href="css/main.css" type="text/css" />
: </head>
:
: <body class="body">
: <h1>这是标题 1</h1>
: <p>这是段落</p>
: <p class="no2">这个段落设置了内边距。</p>
: </body>
: </html>
:
: /* CSS Document */
: .body {background-image:url(../images/封面封底(F).gif);}
: .h1 {background-color: #00ff00;}
: .p {background-color: rgb(250,0,255);}
: p.no2 {background-color: gray; padding: 20px;}
:
: 帮忙看看这个为何背景加不上呢？
:
:
: 【在 huaxinjuedui (唐僧哥哥) 的大作中提到: 】
: : 用表格布局，那是多老的教程了啊。。。
:
:
: --
:
: ※ 来源:·水木社区 newsmth.net·[FROM: 122.188.105.*]
--
FROM 58.23.89.*
19楼|huaxinjuedui|2013-08-20 22:48:57|只看此ID
看我的帖子啊
首先渲染整个背景底色（也就是你下面部分的颜色）
然后上面部分用一个竖着的蓝色条repeat-x就行

具体语句前面有

【在 marco2798 的大作中提到: 】
: 哦原来是这样啊
: 谢谢了
: 那如果我想比较简便的把整个页面分成两部分
: ...................
--
FROM 123.138.48.*