網頁設計草稿

1、簡述你是如何製作草稿本的？

電腦製作：第一步，我們要把選好的圖片先統一調整成合適的尺寸，放在文檔中，現在我們任取這張插圖做示範，如圖所示。

第二步，選擇頁面設置，將頁面調整為合適的大小，劃出寫字的橫格，列印。注意，我們製作的草稿本，不管圖片是在正面還是背面，都需要調整深淺。
第三步，把列印好的草稿本整理，裝訂，就可以了，快去試試吧。
手工製作：先用不要的白紙一疊一疊的疊好。

然後再把訂書機拿出來，把那些白紙放好，在一個個的訂好就可以作為草稿紙了

2、大家用什麼好的網頁前端草稿設計圖軟體

我用的是Axure，用這貨你可以做界面的原型草圖，也可以做高保真效果圖。可以導出設計為圖片或HTML供演示。

如果你是Mac平台的話，可以用Sketch，雖然我沒用過，但看到很多高手推薦過。

3、求網頁製作草稿

個人網站策劃書（一） 我的wowo個人網站策劃如下： 一、網站簡介 1、名稱：『飛雪地帶』 2、內容：收納自2007年始的wowo個人文字、攝影、繪畫作品 3、期望域名：http://www.wowo.net 二、網站構成 A、主題語 網站首頁主題語，相當於歡迎詞的性質，純文字，可以不知所雲（如：臨了水的世界該有些飄忽的空氣，徘徊顧盼良久，無風依舊。於是我奔跑，欣欣然，看一樹芳菲顫落。） B、個人常設項 1、心盒子 Feeling——心情日記，每日更新 2、文本子 Article——原創文字作品，不定期更新 3、相簿子 Photo——原創攝影作品，不定期更新 4、畫冊子 Doodle——原創繪畫作品，不定期更新 5、收藏夾 Favorite——轉載喜好，不定期更新 6、扣子志 Journal——每月原創作品專輯，以帶有超級鏈接的整圖形式顯示，每月更新 C、公用必備項 1、扣子同盟 Link——我喜歡的和喜歡我的網站鏈接 2、打個招呼 GuestBook——給來訪者扮可愛、裝深沉總之就是亮相的地方 D、動態功能項 1、文章發布系統 日期——200*年*月*日 類別——從已有類別（心盒子/文本子/相簿子/畫冊子）里選擇，可以新建類別（二期再說） 標題——沒有要求 正文——可帶超級連接；若是以圖為主的文章，這里就放引言，可以為空 圖片——可帶超級鏈接；若是以文為主的文章，這里就放插圖，可以為空 圖解——圖片說明文字 簽名——篇尾自動跟隨，可以設置簽名 2、文章查詢系統 按日期 按類別 按標題 按關鍵字 三、網站建設的意義 1.個人網站嘛，要說比別的同類網站有哪些同類優勢，不好說，大家都是在玩自己的感覺，自己喜歡就好。我能做的就是提高自己的網站質量，勤更新。 2、對於一個網齡超過5年並且生性敏感多疑的人來說，沒有能力創建屬於自己的網站，的確是件無比丟臉的事情，所以，我把「飛雪地帶」當作是這些年在網上奮戰後的一個里程碑，希望今後的網路生活因為它而變得出彩、更加有味道； 3、wowo始終相信自己也是一個人文工作者，也會產出一些還能入眼的東西，不能浪費，一點點積攢下來，是有價值的。

4、網頁製作中如何使用PSD模版

其實標準的網製作完成的工作實際是：psd to html，一般情況下，我們會拿到美工的psd,這時候不同的人會有不同的做法：

1.打開fireworks將圖片切割導出為html。

2.直接在dreamweaver之類的工具去拖拉布局，導入相關的圖片,flash資源。

3.先在ps中完成切圖後，在文本編輯器中看著效果圖一步步的製作。

以上是大多被採用的方法，但都不好：

第一種方法最為不好，這樣的代碼根本不具維護性和可讀性。

第二種方法也不好，代碼難免會有冗餘，做出來的東西基本需要排查一遍。

第三種方法也不好，因為你需要看效果圖一點點的拼，也就是說寫html標簽的時候，你在不斷的假設這塊要怎麼去顯示。

正確的做法是：

1.拿到psd後，先不要做別的，直接在文本編輯器中將網頁的框架寫出來，不要假設這塊將來css要去怎麼渲染，完全自然化的標簽，不加任何的css。

2.寫完之後在各個瀏覽器運行之後確保大體定位都沒有問題。

3.書寫總體css,這里的css只負責大塊的定位及樣式。

4.切出需要的圖片資源，在寫好的框架中一點點的去構造，不斷的調試，最終為成品。

5.最後，為自己的代碼添加註釋，在css，html中都要合適的為自己的代碼添加註釋。

要想做出能靈活切換皮膚，讓css主導表現，還有很多要注意的地方，但大體的流程就是這樣的，當然我們一開始不能直接就做到先寫html，但起碼要有這個意識，循序漸進。。。

謝謝熱心會員"linxz"提供實際經驗，我貼上來供大家參考：
PSD出網站從兩個大點考慮
一、一個獨立的頁面
1、分析這個頁面，先在腦袋中或者草稿紙上描繪大概的結構
2、根據設計稿的的情況，分析背景圖的分布、ICO圖的分布等
3、切割相應的圖片，導出、合並圖片
4、在編輯器中寫整體結構XHTML代碼，包括頁面中出現的所有元素的結構
5、編寫CSS樣式中的整體以及模塊代碼
6、細節調整
7、收工，瀏覽器驗證是否正確

二、由多個頁面組成的小站點或者大站點
1、瀏覽所有設計稿，統一規劃站點模塊、圖片、文件分布
2、開始第一點的操作，但規劃站點的內容分布很重要

整體考慮點：
圖片的合並，減少請求量
結構的合理性，語義化
樣式的簡潔，便於後期維護
多為後期的維護以及程序開發著想，如何簡單實現效果

5、如何製作網頁網頁製作的過程，網頁之間的超鏈接怎麼做

1、用軟體做網頁，推薦dreamweavet！
2、用代碼寫網頁，你至少要學會html語言！（一般寫網頁都會涉及到html+css+js，現在流行html5+css3+js）
網頁的製作過程，就是寫代碼的過程，可以先想好布局，打個草稿，再去寫代碼。
-------
超鏈接需要用html的a標簽來做：
超鏈接顯示的內容
把上面這段代碼放進網頁源代碼里就可以了！

6、如何繪制網站各個網頁的版面設計草稿圖

你可以通過手稿或者PS P圖實現，後期再找PS做圖。一步一步慢慢做就行了、

7、網頁設計製作流程是什麼樣的？

網頁設計的兩大要點是：整體風格和色彩搭配。
確定網站整體風格
在這里，我提供給大家一些參考經驗：
1．將你的標志logo，盡可能的放在每個頁面上最突出的位置。
2．突出你的標准色彩。
3．總結一句能反映貴站精髓的宣傳標語！
4．相同類型的圖像採用相同效果，比如說標題字都採用陰影效果，那麼在網站中出現的所有標題字的陰影效果的設置應該是完全一致的！

8、根據設計好的網頁圖片用Dreamweaver設計網頁，請問打草稿框架的時候用表格、布局單元格、層、框架哪種呢？

應該先熟悉一下表格製作頁面，因為它很容易，就是安排好表格的事情，比較簡單。
利用表格也是可以製作出很漂亮的頁面的，比如你的這個設計，完全可以利用表格、切圖等功能製作。

不過現在都是使用div+css來製作網頁，css是專門用於設計樣式的，學起來也不困難。用css的好處網上可以查找到。

你說的表格、布局單元格、層、框架四種方法，實際上是三種方法，前兩種就是表格，後一種「層」實際上是dreamweaver裡面專門設置的一種預制好部分屬性div，這個「層」是dreamweaver為了讓用戶使用軟體里的「行為」工具而設計的，主要是為了製作一些動畫等效果，網頁布局的階段一般用不上它，只有你想做動畫等效果的時候才可以用它。框架布局，你這個設計是用不上的。而且現在很少有網頁再使用框架了，應該是比較過時的技術了。