網頁排版布局
提問問題
列表
-
什么是前端,后端,終端,有什么區(qū)別
查看答案>>
-
網頁中DIV+CSS盒模型是怎么組成的?
查看答案>>
-
使用 CSS float: left和 float: right 縮放版面導致排版混亂的問題
查看答案>>
-
怎么讓網頁適應不同分辨率的電腦?
查看答案>>
-
使用 CSS float: left和 float: right 縮放版面導致排版混亂的問題
查看答案>>
-
html網頁設計的排版布局
查看答案>>
什么是前端,后端,終端,有什么區(qū)別
前端是展現給用戶看的,顯示的那些排版啊,布局啊!后端可以說是一般用戶看不到的,由服務器端處理,比如用戶登錄驗證,發(fā)送請求(點擊登錄),服務器處理后,返回數據到終端,完成用戶發(fā)送的請求,終端就是用戶使用的設備,用戶用手機,那么手機就是終端設備,我電腦訪問,電腦就是終端
網頁中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>我是頭部區(qū)域</p></div><div id='content'><p>我是內容部區(qū)域</p></div><div id='footer'><p>我是底部區(qū)域</p></div> </body></html>
使用 CSS float: left和 float: right 縮放版面導致排版混亂的問題
clear:right; 這是解決你問題的答案,加在float:right中不建議采用一樓的做法,絕對定位用于細節(jié)處理很便利,但并不常用于布局仍有疑問,吧
謝謝大家,問題已經找到原因了,主要的原因是因為當縮小整個版面的時候最外面用position定位的DIV寬度值要有一些容差,要是把寬度值打到正好的數組就會出現問題。我把寬度加大10px后縮放亂版面的問題就沒有了!
怎么讓網頁適應不同分辨率的電腦?
網友們上網通常會采用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>
使用 CSS float: left和 float: right 縮放版面導致排版混亂的問題
clear:right; 這是解決你問題的答案,加在float:right中不建議采用一樓的做法,絕對定位用于細節(jié)處理很便利,但并不常用于布局仍有疑問,吧
謝謝大家,問題已經找到原因了,主要的原因是因為當縮小整個版面的時候最外面用position定位的DIV寬度值要有一些容差,要是把寬度值打到正好的數組就會出現問題。我把寬度加大10px后縮放亂版面的問題就沒有了!
html網頁設計的排版布局
創(chuàng)新不是說出來的,是要靠自己做出來的。所用的知識都是那些。就看你怎么應用罷了。
我知道,可是呢個網頁我可以做出來,就是沒有思路,怎么排版布局,做的呢不太一樣
布局是自己設計,要完成這個設計還是很簡單的。
可是現在沒有思路,不知道怎么設計,你指導下啊,
可是現在沒有思路,不知道怎么設計,你指導下啊,
要想有創(chuàng)新,別人指導不了。
好吧,我想想,呢你能不能告訴我卡姿蘭官網上的呢些小字是怎么弄的,需要什么代碼???
沒有發(fā)現什么小字。直接輸出就可以了。
右上角有小字的,呢要在哪里輸入?。??
代碼中
我知道,是那一行代碼??在html里,還是css里
html,哪一行不知道你是說什么小字