1、網頁的設計有幾種方法
第一、靠前、無邊框設計。無邊框設計在近幾年比較流行，在設計頁面的時候，將頁面中的風格線、邊框刪掉，用間距來代替的一種設計方法。無邊框設計一般是以大圖為主，圖片本來就是一種分割元素。而內容基本是有規律的，留白間距之間的內容一定要相對一致、重復、緊密，這樣用戶在瀏覽的時候才會認為這些內容是一體的。一般來說，小眾垂直的產品更適合使用無邊框設計。
第二、卡片設計。卡片的設計打破了傳統上固定的排版布局方式，提升了版面的使用率，可以給網站建設增加更多的驚喜。那麼卡片設計有哪些優勢呢？1、可以提高頁面的使用率。卡片就好像是一個容器，將類型不一樣的內容設置在不一樣的卡片中，這樣就可以很好地區分內容，還能夠統一頁面的風格。比如傳統列表，內容一般是縱向滾動的方式，能夠展示的內容比較有限，卡片式的設計採用的滑動方式，就可以有效地解決空間問題。2、區分卡片上的內容。卡片就好像是一個容器，將不同的內容放置在不同的卡片，更好地區分內容的類型。卡片的維度是不一樣的，而且相對獨立、有互相有聯系，所以通過卡片歸納網站的內容，整個網站就顯得更有秩序。3、卡片式設計可以提升可控性、提升體驗度。卡片式設計的使用范圍比較廣泛，可以覆蓋、滑動、堆疊，有良好的擴展性和可操作性。
第三、分割線的設計。這也是常見的一種頁面布局設計方式，可以更好地幫助用戶快速熟悉頁面的布局，有良好的內容組織性。分割線可以貫穿整個頁面，將不同的內容進行分割，成為獨立的信息。
網站建設中的頁面布局，有不同的設計方式，而且設計的趨勢不斷在變化，在設計頁面布局之前，就要考慮好合適的樣式，不能一味地追求潮流，根據產品的實際需求，選擇合適的設計方式。而分割線的設計，想要做得出色，就要處理好線的間距、粗細、顏色等等
2、網頁設計中如何解決瀏覽器兼容問題？
1. 目標不居中；
一般新手都愛出現這個問題，主要原因是對盒子模型不夠理解，如果發現你的頁面沒有居中，基本上有兩種情況：
a. 如果是在瀏覽器中沒有居中，就是沒盒子，就是要用一個大DIV把所有需要居中元素裝起來，然後給盒子一個css樣式margin:0 auto;
b. 如果想要盒子內的元素居中，必須定義盒子的絕對寬度,然後給盒子一個CSS樣式text-align:center;
2. 目標在不同瀏覽器上的位置不同；
a. 首先不要去急著找hack,先看一下自己的代碼有沒有錯誤，DW里有一個「檢查瀏覽器兼容性」功能特別實用；
b. 然後，盡量讓目標的位置初始化，使之在所有瀏覽器都處在同一個位置，這個條件的前提是，不寫hack，最後再一個方位一個方位調整。
3. 目標與目標之間距離在各個瀏覽器上的區別；
a. 給其中一個目標加背景顏色；
b. 觀察背景色與另外一個目標的距離，查看是不是這個目標造成的距離問題
c. 如果不是上一個目標，那就給另外一個目標也加上背景顏色。
d. 這樣很容易判斷出那個目標造成的原因，就針對那個目標進行修改。
4. IE6兼容問題最多的一個，浮動問題。
a. flaot浮動造成IE6下面雙倍邊距問題，這個最常見，也最好處理，解決方法：
只需要給這個DIV加一個樣式：display:inline;
b. 布局的時候經常會遇到這種情況：發現有一個DIV浮動了，接下來的一個DIV本來是要在下面顯示的，結果跑上面去了，這種情況一般在FF下面會出現。
解決的辦法：清除浮動，在設置過浮動的那個DIV下面加一個DIV，給個樣式clear:both;如下
<div style="float:left;height:100px; width:500px;"> <div style="clear:both;"> <div style="height:100px; width=300px">
5. IE8兼容問題
ie8下兼容問題，這個最好處理，轉化成ie7兼容就可以。在頭部加如下一段代碼，然後只要在IE7下兼容了，IE8下面也就兼容了 <meta http-equiv="x-ua-compatible" content="ie=7" />
6. 背景兼容問題
有的時候明明給一個DIV加了背景顏色或背景圖片，但是卻顯示不出來或者顯示不全。
解決辦法：首先，有可能是DIV沒有設置絕對高度。如果設置了寬度和高度還沒有效果，那麼給DIV一個樣式display:block；（通常a:hover加背景的時候經常遇到）。
另外，如果高度必須要設置成自動的話，那麼就給DIV一個樣式overflow:hidden;
7. IE7和Firefox兼容問題
很多朋友DIV+CSS的時候，會出現，在IE的幾個瀏覽器下都好使，就是FF下有問題。
解決方法：height:100px;/*FF下顯示100的高*/ +height:120px;/*IE678下顯示120高*/
原理：FF不識別加過符號的屬性，而IE識別。
3、網頁設計中的一些設計技巧
1、配色方面的話，建議去讀《設計心理學》、《WEB界面設計》、《簡約至上》內、《情感化設容計》這類似的書籍，想看免費的去新浪知識下載PDF版。
2、前端類的學css是必須的，《精通css》這個書是必須的，你得懂一點特效，去看看Jquery吧，js的一個庫，比學js要簡單的多，它有很多可以下載到的特效代碼，用的時候直接二次開發就行，可以在www.alixixi.com和www.lanrentuku.com上面下載到！
3、如果說其他的一下常見的技巧啊類似的，可以去站酷看別人的經驗分享，可以去看看國內好的ued和前端的網站！
4、網頁設計，網頁中是對的，但是在設計裡面看又是錯的，為什麼呢？有什麼解決辦法嗎？
網頁設計本來就是針對網頁的，既然看網頁的時候對了，何必追究設計有問題？內
除非這個問題會給其他容問題帶來影響，否則不用管他啊。
真要解決這個問題，首先兄die你得先把自個的問題表述清楚啊，不表述清楚我們也幫不了你的忙，那這樣大家都是在這里瞎忙活。
何苦呢？
5、網頁設計中如何解決瀏覽器兼容問題
為了能讓網站設計正常的運行於各種瀏覽器平台，網站設計師們不得不想盡辦法處理好網站建設中的瀏覽器兼容問題。正是因為網站設計當中的這一需要產生了一項新技術— CSS Hack。 CSS Hack 就是針對不同瀏覽器寫出不同的 CSS code 的過程，主要用來解決目前各類瀏覽器無法標准解析CSS樣式，導致同一網站設計頁面在不同瀏覽器下出現顯示效果不一致的兼容問題。 針對不同瀏覽器，可以將CSS Hack 網站設計代碼整理如下：
1、針對I E 系列瀏覽器的網站設計代碼 針對 IE 6 的專屬 CSS Hack 網站設計代碼 #id{ _display: block; } 也就是在網站設計CSS屬性前加一個小劃線就好。 針對 IE 7 的專屬 CSS Hack 網站設計代碼 #id{ *display: block; } 即在網站設計CSS屬性前加上一個星號即可 針對 IE 8 的專屬 CSS Hack 網站設計代碼 #id{ margin-top: 10px 9; /*IE8*/ } 如上所示，解決辦法為在網站設計CSS屬性後分號前加上空格與斜線並加入一個數字9即可 。
2、針對火狐的CSS Hack 網站設計代碼 火狐可謂是最標準的瀏覽器之一了，網站設計技術只要稍稍不到位就能體現得淋漓盡致，所以不少網站設計師也很頭痛，其實想要解決火狐的兼容性除了要把網站設計的基礎知識扎牢之外只要將CSS代碼寫入到下圖 @-moz-document url-prefix（）{ } 裡面就行了 @-moz-document url-prefix() { #id{ display: block; } } 。
3、針對 Safari 的CSS Hack 網站設計代碼 Safari是蘋果計算機的最新作業系統Mac OS X中新的瀏覽器，用來取代之前的Internet Explorer for Mac，使用了KDE的KHTML作為瀏覽器的運算核心。 @media screen and (-webkit-min-device-pixel-ratio:0) { #id { display: block; } } 兼容性做法和火狐相近。
4、針對 Opera 的CSS Hack 網站設計代碼 Opera即Opera Software ASA，是台式機、各種設備和移動網路瀏覽器市場的商業領袖，因快速、小巧和比其他瀏覽器更佳的標准兼容性獲得了國際上的最終用戶和業界媒體的承認，並在網上受到很多人的推崇。 @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { head~body #id { display: block; } } 這個世界上必然不會存在絕對完美的事物，因此運用以上方法讓我們的網站設計更好的與各種瀏覽器兼容的時候其實已經違反了網站製作的W3C標准。
6、請問在網頁設計中這個問題怎麼解決？
個人資料 和自我簡介 分別用兩個div（div1，div2）
下面分別用兩個div{div3(個人資料)，div4（自我簡介）}來顯示個人資料和自我簡介
當單機個人資料合自我簡介時 對應顯示div3和div4
線面兩個div要絕對定位的
用js來控制div3和div4顯示（div1和div2的單機時間）
7、網頁製作設計方法
我覺得是手抄寫代碼好。我也是最近才開始做網頁的，一開始也跟你一樣想下載開源的代碼然後自己去修改，但是發現如果沒有基礎的話，連代碼都看不懂，都不知道要改哪裡。
我現在用的是DW來做的，即使你從網上下載代碼，最好用DW打開，DW有一個「拆分」窗口，左邊是代碼，右邊是網頁效果圖，你可以用滑鼠點到效果圖的哪個地方，左邊的代碼窗口就定位到哪個地方，你就知道要改哪裡啦。
8、如何避免網頁設計中常見的8大錯誤
創建網站的過程中記得檢查頁邊距和padding樣式；要找出網站目標用戶群體常用的瀏覽器，並針對它們內檢查你網站容的兼容性。文本部分和導航元素應該被恰當地突顯出來以引導用戶，管在網站的指引音頻中用上音樂也許不錯，但仍需提供音效控制權給用戶，而不是從一開始就自動播放。將相似的鏈接用同樣的顏色或字體編組，改變已訪問鏈接的顏色，使用清晰可見的按鈕都是值得鼓勵的方法。用字體玩太多的花樣是一個應該避免的常見錯誤。網頁模板可以大大降低犯這種錯誤的幾率。
9、網頁設計中遇到的問題
你好，如果是與陌生客戶溝通的時候遇到問題，如何取得客戶的信任是最重要的一步，所以上海營銷型網站建設上一定要有明確的、顯眼的、有始有終的一套榮譽資質展示系統，如原產地證書，3C、ISO認證等。還有就是在線客服系統，形成與瀏覽者良好的互動，留下瀏覽者的聯系方式，這是流量轉化為訂單的關鍵等，希望對你有幫助，謝謝！望採納！！