網(wǎng)頁排版布局
提問問題
列表
-
什么是前端，后端，終端，有什么區(qū)別
查看答案>>
-
網(wǎng)頁中DIV+CSS盒模型是怎么組成的？
查看答案>>
-
使用 CSS float: left和 float: right 縮放版面導(dǎo)致排版混亂的問題
查看答案>>
-
怎么讓網(wǎng)頁適應(yīng)不同分辨率的電腦？
查看答案>>
-
使用 CSS float: left和 float: right 縮放版面導(dǎo)致排版混亂的問題
查看答案>>
-
html網(wǎng)頁設(shè)計(jì)的排版布局
查看答案>>
什么是前端，后端，終端，有什么區(qū)別
前端是展現(xiàn)給用戶看的，顯示的那些排版啊，布局啊！后端可以說是一般用戶看不到的，由服務(wù)器端處理，比如用戶登錄驗(yàn)證，發(fā)送請(qǐng)求(點(diǎn)擊登錄)，服務(wù)器處理后，返回?cái)?shù)據(jù)到終端，完成用戶發(fā)送的請(qǐng)求，終端就是用戶使用的設(shè)備，用戶用手機(jī)，那么手機(jī)就是終端設(shè)備，我電腦訪問，電腦就是終端
網(wǎng)頁中DIV+CSS盒模型是怎么組成的？
網(wǎng)頁中DIV+CSS盒模型組成，首先需要理解div，可以將其想像成一個(gè)大的盒子，它有border，padding，margin這些屬性，會(huì)table布局的話，其實(shí)對(duì)于這個(gè)更好理解，看下盒子模型如圖：現(xiàn)在的布局就是使用多個(gè)的div去布局，就是類似于嵌套，具體可以看下代碼：<html><head><style> body{ width:960px; //限定網(wǎng)頁的寬度 margin:0 auto; boreder:1px solid #f00 //加個(gè)邊框利于觀察 } #header{ height:150px; width:960px; } #content{ height:500px; width:960px; } #footer{ height:150px; width:960px;} </style></head> <body><div id='headr'><p>我是頭部區(qū)域</p></div><div id='content'><p>我是內(nèi)容部區(qū)域</p></div><div id='footer'><p>我是底部區(qū)域</p></div> </body></html>
使用 CSS float: left和 float: right 縮放版面導(dǎo)致排版混亂的問題
clear:right; 這是解決你問題的答案，加在float:right中不建議采用一樓的做法，絕對(duì)定位用于細(xì)節(jié)處理很便利，但并不常用于布局仍有疑問，吧
謝謝大家，問題已經(jīng)找到原因了，主要的原因是因?yàn)楫?dāng)縮小整個(gè)版面的時(shí)候最外面用position定位的DIV寬度值要有一些容差，要是把寬度值打到正好的數(shù)組就會(huì)出現(xiàn)問題。我把寬度加大10px后縮放亂版面的問題就沒有了！
怎么讓網(wǎng)頁適應(yīng)不同分辨率的電腦？
網(wǎng)友們上網(wǎng)通常會(huì)采用800×600、1024×768兩種分辨率， 網(wǎng)頁不是用來給自己看的，所以必須讓自己做的網(wǎng)頁能夠兼顧這兩種情況，讓不同分辨率設(shè)置的網(wǎng)友都能夠看到一個(gè)排版美觀正確的網(wǎng)頁。下面就介紹幾種常用的方法，特別說明一下除非網(wǎng)站是藝術(shù)類的，有特別需求，通常都會(huì)首先照顧分辨率設(shè)置為800×600的大眾化標(biāo)準(zhǔn)。一、 自然拉伸如果你的網(wǎng)站結(jié)構(gòu)沒有用到大量的圖形來銜接，主要由表格來定結(jié)構(gòu)，那么你就可以使用該方法。非常適用于主要由表格、文字來表達(dá)信息的簡(jiǎn)單的網(wǎng)頁頁面。制作表格時(shí)，只要你把表格的寬度屬性定義為100% ，表格就會(huì)根據(jù)分辨率的不同自行調(diào)整寬度。二、 固定居中在800×600分辨率下制作的網(wǎng)頁在1024×768分辨率的機(jī)器上打開，整個(gè)網(wǎng)頁就會(huì)跑到左邊；1024×768分辨率的網(wǎng)頁在800×600分辨率的機(jī)器上有時(shí)也會(huì)變得"不堪入目"。兩種分辨率各做一個(gè)吧？做起來費(fèi)勁。所以目前普遍采用的方法是固定居中法！現(xiàn)在大多數(shù)網(wǎng)民都還在用800*600的分辨率，所以我們一般可以以此分辨率為主。只要在網(wǎng)頁原代碼的<body>后緊加一句<center>，</body>前加一句</center>就OK了。不過有幾個(gè)問題這是要注意一下，第一個(gè)要注意的是上面說到的百分比的問題，表格、單元格的寬度單位最好要使用像素單位，而不要用百分比。例如width=770。如果你的表格寬度設(shè)的是百分比，那么使用大于800×600的像素時(shí)，網(wǎng)頁就會(huì)拉寬，這樣網(wǎng)頁可能會(huì)變形。在<body>中加入leftmargin=0，即<body leftmargin=0>這種情況下，800×600支持的表格寬度為780像素時(shí)不會(huì)出現(xiàn)滾動(dòng)條。還有一點(diǎn)要注意的是不能用DW中的層來定位。三、 兵分兩路如果你的網(wǎng)頁不經(jīng)常更新，而且對(duì)頁面效果極其在意，那好，你就設(shè)計(jì)兩個(gè)頁面，分別對(duì)應(yīng)800×600和1024×768兩種分辨率。然后根據(jù)不同的分辨率進(jìn)行跳轉(zhuǎn)就行了。例如： <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>
使用 CSS float: left和 float: right 縮放版面導(dǎo)致排版混亂的問題
clear:right; 這是解決你問題的答案，加在float:right中不建議采用一樓的做法，絕對(duì)定位用于細(xì)節(jié)處理很便利，但并不常用于布局仍有疑問，吧
謝謝大家，問題已經(jīng)找到原因了，主要的原因是因?yàn)楫?dāng)縮小整個(gè)版面的時(shí)候最外面用position定位的DIV寬度值要有一些容差，要是把寬度值打到正好的數(shù)組就會(huì)出現(xiàn)問題。我把寬度加大10px后縮放亂版面的問題就沒有了！
html網(wǎng)頁設(shè)計(jì)的排版布局
創(chuàng)新不是說出來的，是要靠自己做出來的。所用的知識(shí)都是那些。就看你怎么應(yīng)用罷了。
我知道，可是呢個(gè)網(wǎng)頁我可以做出來，就是沒有思路，怎么排版布局，做的呢不太一樣
布局是自己設(shè)計(jì)，要完成這個(gè)設(shè)計(jì)還是很簡(jiǎn)單的。
可是現(xiàn)在沒有思路，不知道怎么設(shè)計(jì)，你指導(dǎo)下啊，
可是現(xiàn)在沒有思路，不知道怎么設(shè)計(jì)，你指導(dǎo)下啊，
要想有創(chuàng)新，別人指導(dǎo)不了。
好吧，我想想，呢你能不能告訴我卡姿蘭官網(wǎng)上的呢些小字是怎么弄的，需要什么代碼？？？
沒有發(fā)現(xiàn)什么小字。直接輸出就可以了。
右上角有小字的，呢要在哪里輸入啊？？
代碼中
我知道，是那一行代碼？？在html里，還是css里
html,哪一行不知道你是說什么小字
熱門問答
- 模版還是模板
- 免費(fèi)建站
- 淘寶網(wǎng)頁是哪個(gè)公司做的
- 免費(fèi)制作企業(yè)
- 簡(jiǎn)單個(gè)人網(wǎng)站模板
- 制作網(wǎng)站的的網(wǎng)站
- 怎么學(xué)網(wǎng)頁設(shè)計(jì)
- html模板文件
- 手機(jī)網(wǎng)站的優(yōu)化
- 什么是排版設(shè)計(jì)
- 廣告公司網(wǎng)站制作
- 網(wǎng)站優(yōu)化是什么
- 怎么用手機(jī)制作簡(jiǎn)歷
- 武漢建設(shè)網(wǎng)站
- 網(wǎng)站建設(shè)公司怎么樣
- seo優(yōu)化培訓(xùn)
- 網(wǎng)站的建設(shè)哪家好
- 制作簡(jiǎn)歷圖片
- 什么是網(wǎng)絡(luò)推廣優(yōu)化
- 網(wǎng)頁制作學(xué)那些
