1、手機網站排版教程
經常看到許多設計師在設計網站首頁的時候，總是喜歡把網頁排版搞的很復雜，因為他們覺得這樣的設計有以下幾個好處：
1、吸引眼球：讓人立刻知道你是干什麼的
2、超級導航：讓用戶能夠迅速找到自己需要的信息，導航一定要做好。
3、精華內容：適當把最吸引用戶的精華內容展現出來，方便用戶和搜索
4、熱鬧：讓用戶感覺到自己網站很有人氣的樣子；
5、大氣：因為此類排版是模仿門戶網站風格的，所以顯得大氣和專業。
其實，這是一種自欺欺人的設計，效果只能使得其反。
雖然把排版搞的很復雜，另外加許多花花綠綠的圖片看起來很熱鬧，但是也僅僅是看起來很熱鬧罷了，對於普通用戶而言，他根本不關心這種感覺，用戶需要的是快速找到自己需要的信息。打開這樣的網頁，會讓用戶找不到重點，會讓用戶發暈，更會讓用戶覺得你這個網站沒特點，然後很快就關閉你的網站了。
因為網站之所以那樣設計，是有歷史原因的，因為早期主要靠賣廣告位，而客戶就需要買首頁，首頁搞的很復雜，廣告位才能多。你的網站也這樣設計的話，你這樣模仿門戶網站，只能模仿來用戶網站首頁的形，但是你也搞不來門戶網站的流量。
曾經有一個朋友，個人做了一個網站，直接抄襲了三大門戶，然後把三大門戶某頻道整合到了一起，看起來非常大氣，每當給朋友介紹自己網站的時候，一打開網站，就會讓對方大吃一驚，覺得他的網站至少是由上百人做出來的，這位朋友此事會得意一番。但是呢？他這個網站做了三四年，也沒賺什麼錢，為什麼呢？因為他根本不吸引用戶，做了兩年，每天都還不到200IP。
所以，在設計網頁排版的時候，千萬不要玩這種自欺欺人的排版設計，特別是一會兒兩列，一會兒三列，然後又一列，最後再四列的那種排版.......
其實，就算一個網頁內容比較多，但是排版布局不亂，用戶一樣會覺得比較方便和舒服。如何做呢？
遵循一個核心原則：別讓用戶總搖頭，多讓用戶多點頭。
簡單一點，要兩列，就兩列到底，要三列，就算列到底，這樣用戶從上往下看，一目瞭然。從上彎下，頭必然會點頭，就會讓用戶潛意識不斷確認和肯定。
如果一會三列，一會兒四列很亂，結構很亂的話，用火必須讓頭左右不斷轉動才能瀏覽，左右轉動就是搖頭，搖頭就會讓用戶潛意識不斷的拒絕和否定。
具體你可以參照 dkxx.wap.ai 這個手機網站
2、網頁是如何實現的，Web UI設計理論入門教程
一、學習HTML5和CSS3基礎
隨著這移動互聯網快速發展的時代，尤其是4G時代，HTML5+CSS3已然成為新一代的web前端技術。
隨著HTML5的發展和普及，了解 HTML5 也將成為 Web開發人員的必修課。涉及到網頁外觀時，就需要學習 CSS 了，它可以幫你把網頁做得更美觀。
利用 HTML5 和 CSS3 模擬一些你所見過的網站的排版和布局(色彩，圖片，文字樣式等等)。
當然，遠標Web前端開發課程第一階段還會學習 PS設計工具使用和互聯網UI設計理論。
二、學習Java，了解DOM
Java 是一種能讓你的網頁更加生動活潑的程序語言。學習 Java 的基本語法，學會用 Java 操作網頁中 DOM 元素。
Web前端開發課程第二階段完全可以實現大家平常喜歡玩的 2048 游戲。(是不是感覺挺有意思)
接著學習使用一些 Java 庫，比如 Jquery 是大部分 Web開發人員都喜歡用的，通過 Jquery 可以有效的提高 Java 的開發效率。
三、學習Web前端核心
學習 Jquery 之後，大家就要學習 HTML5 高級階段(HTML5 Canvas 繪圖、HTML5 SVG、音頻和視頻處理、表單處理、表單驗證...等)
四、學習HTTP協議及Server端技術
伺服器端腳本編程(後台開發)也是Web開發人員的基本功之一。
要構建動態頁面通常會使用到資料庫，通常PHP使用Oracle、MySQL資料庫。
對於Web伺服器來說，Apache 一個就已經是了。那麼Apache、php、資料庫，該怎麼理解它們的關系?
1、Apache是伺服器基礎，php和資料庫都需要Apache來協調工作
2、php是腳本解釋，如果不用php，那麼Apache出來的東西就只是靜態的，而不能在伺服器實現功能
3、資料庫完全可以單獨使用，但是和Apache、php一起，則是由php代碼調用資料庫介面，而apache就負責解釋php代碼，讓他能真正地實現對資料庫的調用
五、學習Web前端高級技術
當你掌握了HTML5，CSS3，Java等技術之後，就應該找一個Web框架加快你的Web開發速度，使用框架可以節約你很多時間。
學習的Bootstrap是目前很受歡迎的前端框架。Bootstrap 是基於 HTML、CSS、JAVA 的，它簡潔靈活，使得 Web 開發更加快捷，是web前端開發者最喜歡，也是現在企業里最常用的前端框架。
Angular JS是一款優秀的前端JS框架，已經被用於Google的多款產品當中。AngularJS有著諸多特性，最為核心的是：MVC編程、模塊化、控制器、路由、事件綁定等等。
AngularJS通過為開發者呈現一個更高層次的抽象來簡化應用的開發。如同其他的抽象技術一樣，這也會損失一部分靈活性。換句話說，並不是所有的應用都適合用AngularJS來做。AngularJS主要考慮的是構建CRUD應用。幸運的是，至少90%的WEB應用都是CRUD應用。但是要了解什麼適合用AngularJS構建，就得了解什麼不適合用AngularJS構建。
3、求自學平面設計的教材/網站
1、學平面設計，首先是你要選擇一種軟體（適合你自己的軟體），例如：PHOTOSHOP、CORELDRAW、ILLUSTRATOR、等等；
2、在學之前，要決定自己的發展方向，因為如果只是隨便學來玩玩，建議不要太專一，日常抽點時間學習一下是有必要的；
3、學習平面設計一開始不要看別人所繪制的某某圖，如果一開始就追求這些的話，那麼再你以後學習中有很大的困難；一句話從基本工具的使用開始學起；
4、熟悉基本工具之後，再慢慢的看別人的作品教程；建議：在看別人的設計教程時，自己可以先在腦海里想想我自己該怎麼去畫，這樣你會學到很多東西；
5、推薦學習網站「網易學院、21CN、」等學習網站，這些網站裡面有很多基礎教程，都是從最基本的軟體界面到最後的深入來開展學習的，可以自選課程學習；
6、針對教材，可以到網上下載電子書籍「如EBOOK」這是一個網站，裡面有很多電子書籍，如果真的要買書，在書店買一本例如：CORELDRAW基礎教程，之類的軟體學習教材；
7、一句話「學習要堅持，多看，多動手」
最後祝你成功！
4、網頁設計基礎教程
http://tech.163.com/special/w/000915SQ/webmediatech.html
菜鳥教程，懂點電腦就可以看懂
5、用ps設計網頁、排版和用dreamweaver設計網頁、排版，那種更好，現在做網站主要是用那種。
這兩種軟體完全不同，做網頁的話，缺一不可。
首先PS，是做出效果圖的，網站會先做出視覺效果，各種排版，比如百度，最先做出來就是直接是一張視覺圖，除了看，啥都不能做。
然後效果圖出來了，再切圖，用dreamweaver寫代碼，把PS做的效果圖實現成可以放到網上點擊的網站。
你隨便打開一個網頁，按F12，會彈出一個界面，裡面全部是代碼，這個就是用dreamweaver寫的。
6、新手想要學習製作網頁
1.簡單的在網上學做網頁是完全能學會的。
2.只是製作網頁是不要花錢的。
3.伺服器要錢。
4.網頁製作要有排版、美工基礎。
5.耐心加細心，慢慢學，找些網站扒下來研究研究，或者下源碼。
6.可以與人合作，發揮特長，美工加排版，必備。
7.現在編程基礎可有可無，有當然最好。
8.最後買本書，這樣快。
9.shimu原創，請勿復制。
7、網頁製作的步驟-？
1、明確網頁主題
2、搜集設計網頁所需資料
3、設計網頁結構，給網頁劃分網格
4、完成首頁製作
5、製作超鏈接
6、修改完善自己的網頁
1、初步學習PHOTOSHOP，簡要學習一下JPEG及GIF的區別、圖片的簡單處理及如何將圖片做成網頁適用的格式。這種書到處都有。
2、初步學習DreamWaver,學會網頁的基本元素、網頁的布局、網格的使用、鏈接的創建等，做一個簡單的自己的網頁增加自己的興趣。
3、ASP或PHP編程任挑一樣，要製作動態網頁就必須學，主要是和資料庫的掛接，如SQL Server。
4、想為網頁增色，只好學學FLASH製作，先做些簡單的，圖片、文字變形什麼的，試試做個自己的LOGO。
差不多了，接下來就是在使用中更深入地去學習。總之一句話——興趣是最好的老師。
8、排版網頁製作教程百度雲
網路雲的話一般不怎麼清楚，不過直接網路一下可以找到很多的教程的。
9、網頁製作軟體該怎麼用啊
Dreamweaver 網頁排版用
Fireworks 網站設計效果圖
Flash 用來做網站動畫
這3個軟體對你建站來說就足夠了！