如果只是因為瀏覽器的設(shè)置改變,或瀏覽器不兼容,使自己精心制作的網(wǎng)頁變得“面目全非”,多令人沮喪!這里我們列出幾個網(wǎng)頁初學(xué)者常見的網(wǎng)頁布局問題以及解決方法……
如果只是因為瀏覽者改變了瀏覽器的設(shè)置,或者因為瀏覽器不兼容,使自己精心制作的網(wǎng)頁變得“面目全非”,那多令人沮喪!下面我們以網(wǎng)頁愛好者的常用工具Dreamweaver(以下簡稱DW)為例,列出幾個
網(wǎng)站制作初學(xué)者較常見的網(wǎng)頁布局問題以及解決方法,希望對初學(xué)者們有所幫助。
一、消除任意縮放瀏覽器窗口對網(wǎng)頁的影響
一番辛苦做出來的網(wǎng)頁,在全屏狀態(tài)下瀏覽一切正常。但在改變?yōu)g覽窗口大小之后,網(wǎng)頁就變得"不堪入目"了,這是個很值得注意的問題。
問題的根源還得從網(wǎng)頁的布局說起,在DW中,網(wǎng)頁內(nèi)容的定位一般是通過表格來實現(xiàn)的,解決表格的問題也就成功了大半。
大家應(yīng)該注意到,在DW中表格屬性面板的高寬設(shè)定選擇上提供了兩種不同類型:百分比和像素值。百分比的使用將會產(chǎn)生前面說到的那個毛病。這里所說的百分比是指表格的高或?qū)捲O(shè)置為上層標(biāo)記所占區(qū)域高或?qū)挼陌俜直?,如在一個表格單元的寬度是600,在它里面嵌入了另外一個表格,表格寬度占表格單元的50%,則這個表格的寬度為300,依此類推,如果在一個表格不是嵌于另一個表格單元中,則其百分比是相對于當(dāng)時窗口的寬度的。IE瀏覽器中,隨便改動主頁窗口的大小時,表格的內(nèi)容也隨之錯位、變形,就是因為表格的百分比也要隨著窗口的大小而改變成相應(yīng)的百分比寬度。
自然,解決這個問題的辦法就是將表格寬度設(shè)置成固定寬度(也就是像素值)。另外如果外層表格已做好固定寬度設(shè)置,內(nèi)層表格也可以適當(dāng)使用百分比設(shè)置。清楚這個原則以后,如果出現(xiàn)類似的問題大家也知道怎么解決。
二、讓網(wǎng)頁居中
說到了窗口大小就會順著路子想到分辨率的問題,在800×600分辨率下制作的網(wǎng)頁在1024×768分辨率的機器上打開,整個網(wǎng)頁就會跑到左邊;1024×768分辨率的網(wǎng)頁在800×600分辨率的機器上有時也會變得"不堪入目"。兩種分辨率各做一個吧做起來費時,看起來也費勁。怎么辦呢
現(xiàn)在大多數(shù)網(wǎng)民都還在用800*600的分辨率,所以我們一般可以以此分辨率為主,要想讓網(wǎng)頁在1024*768時居中,只要在網(wǎng)頁原代碼的,前加一句
就OK了。不過有幾個問題這是要注意一下,第一個就是上面說到的百分比的問題,表格、單元格的寬度單位最好要使用像素單位,而不要用百分比。例如width=770。如果你的表格寬度設(shè)的是百分比,那么使用大于800×600的像素時,網(wǎng)頁就會拉寬,這樣網(wǎng)頁可能會變形。在中加入leftmargin=0,即這種情況下,800×600支持的表格寬度為780像素時不會出現(xiàn)滾動條。還有一點要注意的是不能用DW中的層來定位。
文章標(biāo)題:網(wǎng)站制作技巧:你做的網(wǎng)頁試過“面目全非”嗎
URL分享:http://redsoil1982.com.cn/news5/124505.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項目有網(wǎng)站制作等
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源:
創(chuàng)新互聯(lián)