网页布局排版
网页中DIV+CSS盒模型是怎么组成的?
网页中DIV+CSS盒模型组成,首先需要理解div,可以将其想像成一个大的盒子,它有border,padding,margin这些属性,会table布局的话,其实对于这个更好理解,看下盒子模型如图:现在的布局就是使用多个的div去布局,就是类似于嵌套,具体可以看下代码:<html><head><style> body{ width:960px; //限定网页的宽度 margin:0 auto; boreder:1px solid #f00 //加个边框利于观察 } #header{ height:150px; width:960px; } #content{ height:500px; width:960px; } #footer{ height:150px; width:960px;} </style></head> <body><div id='headr'><p>我是头部区域</p></div><div id='content'><p>我是内容部区域</p></div><div id='footer'><p>我是底部区域</p></div> </body></html>
简述css语言的作用。。。
(1)在几乎所有的浏览器上都可以使用。 (2)以前一些非得通过图片转换实现的功能,现在只要用CSS就可以轻松实现,从而更快地下载页面。 (3)使页面的字体变得更漂亮,更容易编排,使页面真正赏心悦目。 (4)你可以轻松地控制页面的布局 。 (5)你可以将许多网页的风格格式同时更新,不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个CSS文件进行控制,只要修改这个CSS文件中相应的行,那么整个站点的所有页面都会随之发生变动。 想一想,没有使用CSS前我们是如何控制字体的颜色和大小以及所使用的字体的?我们一般使用HTML标签来实现,代码非常烦琐。很难想象,如果在一个页面里需要频繁地更替字体的颜色大小,最终生成的HTML代码的长度一定臃肿不堪。
怎么让网页适应不同分辨率的电脑?
网友们上网通常会采用800×600、1024×768两种分辨率, 网页不是用来给自己看的,所以必须让自己做的网页能够兼顾这两种情况,让不同分辨率设置的网友都能够看到一个排版美观正确的网页。下面就介绍几种常用的方法,特别说明一下除非网站是艺术类的,有特别需求,通常都会首先照顾分辨率设置为800×600的大众化标准。一、 自然拉伸如果你的网站结构没有用到大量的图形来衔接,主要由表格来定结构,那么你就可以使用该方法。非常适用于主要由表格、文字来表达信息的简单的网页页面。制作表格时,只要你把表格的宽度属性定义为100% ,表格就会根据分辨率的不同自行调整宽度。二、 固定居中在800×600分辨率下制作的网页在1024×768分辨率的机器上打开,整个网页就会跑到左边;1024×768分辨率的网页在800×600分辨率的机器上有时也会变得"不堪入目"。两种分辨率各做一个吧?做起来费劲。所以目前普遍采用的方法是固定居中法!现在大多数网民都还在用800*600的分辨率,所以我们一般可以以此分辨率为主。只要在网页原代码的<body>后紧加一句<center>,</body>前加一句</center>就OK了。不过有几个问题这是要注意一下,第一个要注意的是上面说到的百分比的问题,表格、单元格的宽度单位最好要使用像素单位,而不要用百分比。例如width=770。如果你的表格宽度设的是百分比,那么使用大于800×600的像素时,网页就会拉宽,这样网页可能会变形。在<body>中加入leftmargin=0,即<body leftmargin=0>这种情况下,800×600支持的表格宽度为780像素时不会出现滚动条。还有一点要注意的是不能用DW中的层来定位。三、 兵分两路如果你的网页不经常更新,而且对页面效果极其在意,那好,你就设计两个页面,分别对应800×600和1024×768两种分辨率。然后根据不同的分辨率进行跳转就行了。例如: <script LANGUAGE="JavaScript">function redirectPage() {var url_else = "http://www.163.com/";var url_800x600 = "http://www.sohu.com/";var url_1024x768 = "http://www.sina.com.cn/";var url_1366x768 = "http://www.qq.com";if ((screen.width == 800) && (screen.height == 600))window.location.href= url_800x600;else if ((screen.width == 1024) && (screen.height == 768))window.location.href= url_1024x768;else if ((screen.width == 1366) && (screen.height == 768))window.location.href= url_1366x768;elsewindow.location.href= url_else;}</script>
html网页设计的排版布局
创新不是说出来的,是要靠自己做出来的。所用的知识都是那些。就看你怎么应用罢了。
我知道,可是呢个网页我可以做出来,就是没有思路,怎么排版布局,做的呢不太一样
布局是自己设计,要完成这个设计还是很简单的。
可是现在没有思路,不知道怎么设计,你指导下啊,
可是现在没有思路,不知道怎么设计,你指导下啊,
要想有创新,别人指导不了。
好吧,我想想,呢你能不能告诉我卡姿兰官网上的呢些小字是怎么弄的,需要什么代码???
没有发现什么小字。直接输出就可以了。
右上角有小字的,呢要在哪里输入啊??
代码中
我知道,是那一行代码??在html里,还是css里
html,哪一行不知道你是说什么小字
html网页设计的排版布局
创新不是说出来的,是要靠自己做出来的。所用的知识都是那些。就看你怎么应用罢了。
我知道,可是呢个网页我可以做出来,就是没有思路,怎么排版布局,做的呢不太一样
布局是自己设计,要完成这个设计还是很简单的。
可是现在没有思路,不知道怎么设计,你指导下啊,
可是现在没有思路,不知道怎么设计,你指导下啊,
要想有创新,别人指导不了。
好吧,我想想,呢你能不能告诉我卡姿兰官网上的呢些小字是怎么弄的,需要什么代码???
没有发现什么小字。直接输出就可以了。
右上角有小字的,呢要在哪里输入啊??
代码中
我知道,是那一行代码??在html里,还是css里
html,哪一行不知道你是说什么小字