1、網頁設計問題
div與 table有本質的區別.是block元素 瀏覽器下載的時候呈塊壯下載,在加上css的分離,讓瀏覽器在執行前先解釋 css後載入布局,加快了下栽速度.還有就是針對優化的問題,table如果超過了3層收索引擎就不再抓取,而div則不會.div+css寫代碼耗費時間長,不熟悉者難控制,考慮很多,特別是css兼容問題.但做出來.美觀度,以及優化度都好.而且現在基本上網站都會採用div+css，表格布局很少用了。
css優點
Div+CSS標準的優點:
1.大大縮減頁面代碼，提高頁面瀏覽速度,縮減帶寬成本;
2.結構清晰，容易被搜索引擎搜索到，天生優化了seo
3.縮短改版時間。只要簡單的修改幾個CSS文件就可以重新設計一個有成百上千頁面的站點。
4.強大的字體控制和排版能力。CSS控制字體的能力比糟糕的FONT標簽好多了，有了CSS，我們不再需要用FONT標簽或者透明的1 px GIF圖片來控制標題，改變字體顏色，字體樣式等等。
5.CSS非常容易編寫。你可以象寫html代碼一樣輕松地編寫CSS。
6.提高易用性。使用CSS可以結構化HTML，例如：<p>標簽只用來控制段落，heading標簽只用來控制標題，table標簽只用來表現格式化的數據等等。你可以增加更多的用戶而不需要建立獨立的版本。
7.可以一次設計，隨處發布。你的設計不僅僅用於web瀏覽器，也可以發布在其他設備上，比如PowerPoint。
8.更好的控制頁面布局。不用多說。
9.表現和內容相分離。將設計部分剝離出來放在一個獨立樣式文件中，你可以減少未來網頁無效的可能。
10.更方便搜索引擎的搜索。用只包含結構化內容的HTML代替嵌套的標簽，搜索引擎將更有效地搜索到你的內容，並可能給你一個較高的評價(ranking)。
11.Table 布局靈活性不大，你只能遵循 table tr td 的格式。而div 你可以 div ul li 也可以 ol li 還可以 ul li ……但標准語法最好有序的寫。
12.另外如果你不是javascrput的高手，你可以不必去寫ID，只用class就可以。當客戶端程序員寫完程序，需要調整時候，你可以在利用他的ID進行控制。
13.Table 中布局中，垃圾代碼會很多，一些修飾的樣式及布局的代碼混合一起，很不利於直觀。而Div 更能體現樣式和結構相分離，結構的重構性強。
14.在幾乎所有的瀏覽器上都可以使用。
15.以前一些非得通過圖片轉換實現的功能，現在只要用CSS就可以輕松實現，從而更快地下載頁面。
16.使頁面的字體變得更漂亮，更容易編排，使頁面真正賞心悅目。
17.你可以輕松地控制頁面的布局 。
18.你可以將許多網頁的風格格式同時更新，不用再一頁一頁地更新了。你可以將站點上所有的網頁風格都使用一個CSS文件進行控制，只要修改這個CSS文件中相應的行，那麼整個站點的所有頁面都會隨之發生變動。 表格不會被淘汰 它也有DIV所不能取代的效果 方便快速的布局 只要不是經常改動的小部分就可以用表格。
2、怎麼做好網站頁面交互性
交互性從本質上來說，就是網站能夠知道用戶想什麼，進而引導用戶快速找到相關的內容。這看起來有點智能化，對於網頁設計者而言，似乎自身的能力難以達到，因為這會涉及到大數據，會涉及到用戶行為的捕捉，也就是說需要大量的智能化設計工作。對於一個網頁設計工作者而言，顯然不具有這樣的能力。
可是這並不表明網頁設計者就不能夠設計出良好的交互性頁面，讓用戶一打開網頁就能快速定位相應的內容，從而提升網站的用戶體驗，實際上只需要從以下幾點進行設計就能夠實現。
第一，讓logo、按鈕和鏈接都顯著起來。現在很多網頁設計者在設計網頁時，往往喜歡將這些標識變得模糊，為的就是讓頁面看起來混為一體，看起來整個頁面非常的美觀，可是卻往往讓用戶難以進行點擊。尤其是一些按鈕上的文字或者按鈕設計，基本上就是以超鏈接且無明顯標識的形態出現，當用戶進行投票或者參選時，很難查找。還有就是一些表單的填寫，以及相應的提示都相對缺乏，這些都會極大的影響到用戶的交互，進而導致用戶在網站上消耗太多不必要的時間。
那麼如何讓這些素材變得清晰呢?我們可以參考一些門戶網站，比如網易，之前的首頁超鏈接下面都有下劃線，現在首頁上已經沒有下劃線，可是當我們滑鼠滑過之後，卻能夠清晰的出現下劃線，這樣就能夠給出明顯的信號。這種設計既能夠增強網頁的美觀性，又不會影響到網頁的交互。
第二，適當隱藏不需要的彈窗。現在有些網站為了增加網頁內容的展示量，或者為了增加一定的廣告點擊率，往往會設置很多彈窗，而且大多分在網頁的兩側，尤其是當網頁設計進入到寬頻時代之後，在1024*768的網頁設計面積下，兩旁會留下較大的留白，於是很多網站開始增加相應的彈窗，為用戶提供各種各樣的廣告。在不影響到用戶體驗的前提下，這么設計無可厚非。但是有的網站當用戶在使用傳統的4:3比例的屏幕打開網頁時，依然會彈出相應的廣告頁面，此時顯然就不合適了，應該給予隱藏設計，除了用戶想要看看什麼內容，需要滑鼠滑過才能顯示，劃出之後又能夠隱藏，這可以有效提升網頁的交互性。
當然在某些情況下，還要適當的展現一些彈窗，尤其是用戶在操作網站，比如填寫相應的表單，處理相關的數據時，一旦發現用戶的操作存在錯誤，就可以實時的彈出相應的解決問題的彈窗，此時會快速幫助用戶解決問題，進而贏得用戶的好感。
第三，讓網頁的導航變得清晰。有些網站設計人員往往認為導航對於網站的重要性不強，所以在設計上相對隨意，甚至將網頁導航的相關信息放在不顯眼的位置。而事實上，很多首次來到一個新網站的用戶，往往會優先關注網頁上的導航，然後據此尋找相應的內容。所以讓網頁的導航變得清晰同樣非常重要。在這里還要提出一點，為了讓網頁導航變得更加快速，在網頁上增添搜索框，實現網站內部的搜索同樣非常重要，這也是增強網頁交互性的重要措施、
總而言之，雖然大數據、智能化能夠提升網頁的交互能力，通過用戶行為分析來和用戶進行智能交互。不過我們在網頁設計過程中，同樣需要可以和用戶進行交互的元素，然後據此來優化交互效果，從而提升用戶的體驗度，那麼就算是沒有引入那些高科技，也能夠讓自己的網站變得具有良好的交互性，進而提升網站的服務水平
3、網頁顯示不完整怎麼辦？
如果真像樓主所說的好好的突然不行了,這樣
這種問題一般有兩種解決方法,第一,在IE瀏覽器了,清楚COKE
IE,清除緩存,和清除已保存網頁,然後重啟瀏覽器,第二.卸載,fiash插件,重裝fiash插件
重啟電腦
就OK了
4、怎麼製作自己的網頁？
★建設自己的網站較好的步驟☆
必須注意的是：建立自己的網站是一件浩大的工程，一般比較麻煩。所以應當按照一定的步驟一步步來。
我覺得建站可以按照以下步驟進行：
1、先在本地設一個文件夾，作為網站存儲的地方。名字最好取「My Sites」。
2、在網站文件夾裡面建立一些文件夾，包括「images」等（存儲圖片、文件等），並且按照網頁內容，再建立幾個文件夾。（也可以把存儲圖片、文件的文件夾在每個內容文件夾裡面各搞一些）
3、打開你的網頁編輯程序（例如FP、Dreamwear等），新建網頁，保存為「index」（主頁），重復以上步驟，在網站文件夾裡面建立「search」（查找）、「map」（站點地圖）、「index02」（網站簡介等）。
4、按照上面步驟，再在網站分類文件夾裡面建立許多網頁（接著還要把內容輸入網頁）
5、已經做到了這么多，我們該准備內容了吧。在硬碟上面再建立一個文件夾「File」，把准備好的文檔、圖片、程式、文件和網頁特效等放進去。（可以加入一些動態網頁）
6、慢慢把這些文件一個不漏的放進網頁裡面（要掌握技巧）
7、把網站充實了，就差不多了。這時應該申請一個域名（免費空間、附費都可以）。並且把自己的網站放入搜索引擎，而且在各種留言版上面宣傳。
8、把網站上傳至空間裡面，刪了准備文件，就OK了！
不過也可以這樣使用FP建站：
1、在FP裡面選擇新建站點。
2、然後在【導航】裡面設置網頁名稱以及標題。
3、准備好文檔、圖片、程式、文件和網頁特效等，把它們都充實進網站裡面。
4、申請一個域名（免費空間、附費都可以）。並且把自己的網站放入搜索引擎，而且在各種留言版上面宣傳。
5、把網站上傳至空間裡面，刪了准備文件。完畢。
如果使用Dreamwear來建站，那就更加高級啦！Dreamwear的功能很強大，安裝了它的朋友們可以研究研究。
5、網頁上的內容列印出來太小怎麼辦
1·上網時將瀏覽器縮放比率設置為100%，一般情況下，網頁設計者都會考慮網頁的比例尺寸，100%是設計者理解的視覺體驗。在打開一個網頁時，點擊瀏覽器右下角的「瀏覽器縮放功能」，在彈出的列表中選擇「縮放比例100%」即可。如果覺得還是不合適，可選擇適當的進入增大或減小調整。
2·通過更改文字大小來調整網頁的整體視覺效果。點擊「查看」菜單，從中選擇「文字大小」，如果覺得網頁太小，則可以將文字調大一些，例如選擇「較大」，會發現網頁中的字體總體變化，這樣就更有利於閱讀。
小貼士：利用該功能只要實現部分網頁的調整大小。
3·通過設置屏幕的解析度來達到更加合適的效果。由於目前大部分網頁設計時參加的解析度都是1024*768，而目前大部分計算機的解析度都遠大於這個數據，從而導致瀏覽器在瀏覽網頁時兩側會留下過多的空白，這在一定程序上影響上網者的閱讀和查看。具體設置方法：在桌面上右擊，從彈出的菜單中選擇「屏幕解析度」，在彈出的「屏幕解析度」窗口中將解析度設置為「1024*768」，最後點擊「確定」完成設置。此時再打開網頁時發現整個屏幕正好被網頁內容占滿。
4·在瀏覽網頁的過程中，如果發現網頁太小或太大，均可以通過快捷方式來實現網頁大小的任意設置。實現方法：按住鍵盤上的「Ctrl」鍵不放，然後通過滾動滑鼠中間 的「滾輪」來實現網頁內容的任意大小調整。
5·更改顯示文本的大小。在桌面上右擊，從彈出的菜單中選擇「屏幕解析度」，在彈出的「屏幕解析度」窗口中點擊「放大或縮小文本或其它項目」，在彈出的新窗口中選擇「較大文本」，最後點擊「應用」完成設置。此時再打開網頁時發現網頁中的字體明顯增大。
6、怎麼設計網頁？
要想學做網頁，首先得了解製作網頁的工具
Dreamweaver：這是網頁三劍客之一，專門製作網頁的工具，可以自動將網頁生成代碼，是普通網頁製作者的首選工具，界面簡單，實用功能比較強大。建議初學者選用。
另外一個工具就是代碼編輯工具，例如寫字本、EditPlus等，這些工具主要編輯asp等動態網頁。
此外還有一些網路編程工具，javascript、java編輯器等。
網頁製作也是一個比較吃香的行業，要真正做一個好的網站，還必須有良好的設計功底。所以還得學很多邊緣性的軟體，例如photoshop、flash等。
大型的網站往往還需要資料庫的支持，所以還得懂資料庫。sql、甲骨文等。
總之，掌握好網頁製作，能獨立完成一個網站的製作工作，那就不要考慮吃飯問題。隨便混就好了！
網站設計八步驟
由於目前所見即所得類型的工具越來越多，使用也越來越方便，所以製作網頁已經變成了一件輕松的工作，不像以前要手工編寫一行行的源代碼那樣。一般初學者經過短暫的學習就可以學會製作網頁，於是他們認為網頁製作非常簡單，就匆匆忙忙製作自己的網站，可是做出來之後與別人一比，才發現自己的網站非常粗糙，這是為什麼呢？常言道：「性急吃不了熱豆腐」。建立一個網站就像蓋一幢大樓一樣，它是一個系統工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設計出一個滿意的網站。
一、確定網站主題
網站主題就是你建立的網站所要包含的主要內容，一個網站必須要有一個明確的主題。特別是對於個人網站，你不可能像綜合網站那樣做得內容大而全，包羅萬象。你沒有這個能力，也沒這個精力，所以必須要找准一個自己最感興趣內容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網站的主題無定則，只要是你感興趣的，任何內容都可以，但主題要鮮明，在你的主題范圍內內容做到大而全、精而深。
二、搜集材料
明確了網站的主題以後，你就要圍繞主題開始搜集材料了。常言道：「巧婦難為無米之炊」。要想讓自己的網站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以後製作網站就越容易。材料既可以從圖書、報紙、光碟、多媒體上得來，也可以從互聯網上搜集，然後把搜集的材料去粗取精，去偽存真，作為自己製作網頁的素材。
三、規劃網站
一個網站設計得成功與否，很大程度上決定於設計者的規劃水平，規劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網站規劃包含的內容很多，如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在製作網頁之前把這些方面都考慮到了，才能在製作時駕輕就熟，胸有成竹。也只有如此製作出來的網頁才能有個性、有特色，具有吸引力。如何規劃網站的每一項具體內容，我們在下面會有詳細介紹。 四、選擇合適的製作工具
盡管選擇什麼樣的工具並不會影響你設計網頁的好壞，但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。網頁製作涉及的工具比較多，首先就是網頁製作工具了，目前大多數網民選用的都是所見即所得的編輯工具，這其中的優秀者當然是Dreamweaver和Frontpage了，如果是初學者，Frontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動畫製作工具，如Flash、Cool 3d、Gif Animator等；還有網頁特效工具，如有聲有色等，網上有許多這方面的軟體，你可以根據需要靈活運用。
五、製作網頁
材料有了，工具也選好了，下面就需要按照規劃一步步地把自己的想法變成現實了，這是一個復雜而細致的過程，一定要按照先大後小、先簡單後復雜來進行製作。所謂先大後小，就是說在製作網頁時，先把大的結構設計好，然後再逐步完善小的結構設計。所謂先簡單後復雜，就是先設計出簡單的內容，然後再設計復雜的內容，以便出現問題時好修改。在製作網頁時要多靈活運用模板，這樣可以大大提高製作效率。
六、上傳測試
網頁製作完畢，最後要發布到Web伺服器上，才能夠讓全世界的朋友觀看，現在上傳的工具有很多，有些網頁製作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網站發布到自己申請的主頁存放伺服器上。網站上傳以後，你要在瀏覽器中打開自己的網站，逐頁逐個鏈接的進行測試，發現問題，及時修改，然後再上傳測試。全部測試完畢就可以把你的網址告訴給朋友，讓他們來瀏覽。
七、推廣宣傳
網頁做好之後，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它，提高網站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。
八、維護更新
網站要注意經常維護更新內容，保持內容的新鮮，不要一做好就放在那兒不變了，只有不斷地給它補充新的內容，才能夠吸引住瀏覽者
7、怎麼設計官網才能讓網站看起來比較有檔次
訪問者打開網站首先看到的是什麼？內容，內容至關重要，每個設計師都希望以最有用，最直觀的方式在其網站上展示內容。因此，為你的內容選擇布局是尤為重要的。
許多人認為，他網站的Web布局應該是獨一無二的，才能滿足需要，事實並非如此。
如果你有訪問現在流行的網站，你會發現其中有許多網站都使用相似的布局。這不是巧合，也不是出於懶惰，這是因為這些布局具有以下優點：
1.單列
單列布局在一個垂直列中顯示主要內容。此類布局可能是該列表中最簡單的布局，並且對於用戶來說是最容易導航的。訪客只需向下滾動即可查看更多內容。
盡管簡單，但單列布局在許多網站中還是很受歡迎。手機也對這種布局的普及產生了影響-單列布局非常適合手機。
2.分屏
拆分屏幕（或一個屏幕一分為二）的Web布局非常適合具有兩個相同重要性的主要內容的頁面。
3.不對稱布局
不對稱是布局兩側之間缺乏平等性。不對稱性是藝術界長期以來最喜歡的技術，最近在創建網站布局時在設計師中變得很流行。
許多人將不對稱與不平衡混為一談，但實際上，不對稱的目標是在不可能或不希望對兩個部分使用相等的權重時創建一個平衡。使用不對稱性可以產生張力和動力，並且不對稱性可以通過將用戶的注意力集中在單個對象（焦點）上來突出這一點，通過更改每個不對稱內容的寬度，比例和顏色，設計人員促使網站保持視覺吸引力。
4.紙牌網格
卡片是存放可點擊模塊的好布局-它們使設計人員能夠以可消化的方式展示大量信息。咬合大小的預覽（通常是圖像和簡短說明）可幫助訪問者找到自己喜歡的內容，並通過單擊或點擊卡片來深入了解細節。
紙牌網格最重要的一點是幾乎可以無限操作。網格的大小，間距和列數可以變化，並且卡的樣式可以根據屏幕大小而變化（可以重新排列卡以適合任何屏幕）。這就是為什麼卡片網格在響應式設計中表現如此出色的原因。
5.盒子
此布局具有一個較大的頁眉寬度框和一些較小的框，每個框占據較大框的屏幕空間的一部分。較小的盒子數可以從2到5不等。每個框都可以是一個鏈接，可鏈接到更大，更復雜的頁面。
6.特色圖片
網站布局基於以下想法：在設計中使用圖像是銷售產品最快的方法。精選圖片營造出與訪客之間的情感聯系-大而粗體的照片或物體插圖表達出鮮明的印象，並給人留下深刻的第一印象。
結論
設計網站時，請務必記住內容永遠是最重要的。該網站的主要目的仍然是發布易於消化的內容。無論你選擇使用哪種網站布局，都必須選擇一種能使你的內容脫穎而出的網站。