深圳網站制作公司易捷網絡歡迎您,我司主營業務:深圳企業網站制作,歡迎來電。
深圳企業網站制作
深圳網站制作業務咨詢
0755-61603557
趙先生:13714247375
深圳網站制作技術支持
您現在的位置:網站首頁 > 深圳網站制作教程

網站制作技巧:你做的網頁試過“面目全非”嗎

文章作者:易捷網站制作公司編輯    文章來源:深圳網站制作公司-易捷網絡
如果只是因為瀏覽器的設置改變,或瀏覽器不兼容,使自己精心制作的網頁變得“面目全非”,多令人沮喪!這里我們列出幾個網頁初學者常見的網頁布局問題以及解決方法……
如果只是因為瀏覽者改變了瀏覽器的設置,或者因為瀏覽器不兼容,使自己精心制作的網頁變得“面目全非”,那多令人沮喪!下面我們以網頁愛好者的常用工具Dreamweaver(以下簡稱DW)為例,列出幾個網站制作初學者較常見的網頁布局問題以及解決方法,希望對初學者們有所幫助。

一、消除任意縮放瀏覽器窗口對網頁的影響

一番辛苦做出來的網頁,在全屏狀態下瀏覽一切正常。但在改變瀏覽窗口大小之后,網頁就變得"不堪入目"了,這是個很值得注意的問題。

問題的根源還得從網頁的布局說起,在DW中,網頁內容的定位一般是通過表格來實現的,解決表格的問題也就成功了大半。

大家應該注意到,在DW中表格屬性面板的高寬設定選擇上提供了兩種不同類型:百分比和像素值。百分比的使用將會產生前面說到的那個毛病。這里所說的百分比是指表格的高或寬設置為上層標記所占區域高或寬的百分比,如在一個表格單元的寬度是600,在它里面嵌入了另外一個表格,表格寬度占表格單元的50%,則這個表格的寬度為300,依此類推,如果在一個表格不是嵌于另一個表格單元中,則其百分比是相對于當時窗口的寬度的。IE瀏覽器中,隨便改動主頁窗口的大小時,表格的內容也隨之錯位、變形,就是因為表格的百分比也要隨著窗口的大小而改變成相應的百分比寬度。

自然,解決這個問題的辦法就是將表格寬度設置成固定寬度(也就是像素值)。另外如果外層表格已做好固定寬度設置,內層表格也可以適當使用百分比設置。清楚這個原則以后,如果出現類似的問題大家也知道怎么解決。

二、讓網頁居中

說到了窗口大小就會順著路子想到分辨率的問題,在800×600分辨率下制作的網頁在1024×768分辨率的機器上打開,整個網頁就會跑到左邊;1024×768分辨率的網頁在800×600分辨率的機器上有時也會變得"不堪入目"。兩種分辨率各做一個吧?做起來費時,看起來也費勁。怎么辦呢?

現在大多數網民都還在用800*600的分辨率,所以我們一般可以以此分辨率為主,要想讓網頁在1024*768時居中,只要在網頁原代碼的,前加一句

就OK了。不過有幾個問題這是要注意一下,第一個就是上面說到的百分比的問題,表格、單元格的寬度單位最好要使用像素單位,而不要用百分比。例如width=770。如果你的表格寬度設的是百分比,那么使用大于800×600的像素時,網頁就會拉寬,這樣網頁可能會變形。在中加入leftmargin=0,即這種情況下,800×600支持的表格寬度為780像素時不會出現滾動條。還有一點要注意的是不能用DW中的層來定位。
深圳網站制作公司易捷網絡科技主營業務:企業網站制作、網站推廣優化、企業郵箱申請、域名空間購買、網站備案、論壇網站制作和企業網站維護。網站建設服務熱線:13714247375
上一篇企業網站制作技術文章:    學習Web前端開發需要掌握的4種技能
下一篇企業網站制作技術文章:    10個SEO中常見的錯誤

深圳網站制作最新案例推薦:

深圳網站制作相關文章閱讀
關于我們
公司簡介
人才招聘
售后服務
聯系我們
網站制作套餐
基本型網站制作套餐
標準型網站制作套餐
品牌型網站制作套餐
綜合型網站制作套餐
網站制作教程
網站制作常見問題
網站優化常見問題
企業郵箱常見問題
網站備案常見問題
聯系方式
聯系人:趙經理
電話:0755-61603557
郵箱:[email protected]
手機:13714247375
地址:廣東.深圳寶安西鄉寶源路鴻源大廈618

微信掃碼咨詢
深圳市易捷網絡科技有限公司版權所有    備案號:粵ICP備12084881號 網站地圖XML
QQ在線咨詢
冰火女王电子游艺