1、幾種常見網頁布局設計
網站是有網頁構成，這點相信很多的從事網站建設或者是接觸過網站開發的站長應該都清楚，但是你現在的問題是，雖然很多的企業都想要建設網站，但是對於網站的布局了解的並不清楚，下面就跟著我們沃然一起來了解一下網站建設中幾種常見的布局吧。
1、區塊型
2、國字型
3、門戶型
4、Flash型
5、左右框架型
6、拐角型
7、封面型
8、標題正文型
9、上下框架型
10、綜合框架型
2、html網頁設計：一個簡單的登錄界面代碼！
是這樣的效果嗎？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>3</title>
<script>
function r()
{
var username=document.getElementById("username");
var pass=document.getElementById("password");
if(username.value=="")
{
alert("請輸入用戶名");
username.focus();
return;
}
if(pass.value=="")
{
alert("請輸入密碼");
return;
}
return true;
}
</script>
</head>
<body>
<form>
<table width="350" bgcolor="#ccffcc" style="border-color" border="1">
<tr align=center>
<td>用戶名</td><td><input type="text" name="username" id="username"></td>
</tr>
<tr align=center><td>密 碼</td><td><input type="password" name="password" id="password"></td></tr>
<tr align=center><td>驗證碼</td><td><input type="text" name="yanzheng"></td></tr>
<tr align=center><td colspan="2"><input type="button" value="登 錄" onclick="r();"/> <input type="reset" value="重 置"/></td></tr>
</table>
</form>
</body>
</html>
3、網頁的設計有幾種方法
第一、靠前、無邊框設計。無邊框設計在近幾年比較流行，在設計頁面的時候，將頁面中的風格線、邊框刪掉，用間距來代替的一種設計方法。無邊框設計一般是以大圖為主，圖片本來就是一種分割元素。而內容基本是有規律的，留白間距之間的內容一定要相對一致、重復、緊密，這樣用戶在瀏覽的時候才會認為這些內容是一體的。一般來說，小眾垂直的產品更適合使用無邊框設計。
第二、卡片設計。卡片的設計打破了傳統上固定的排版布局方式，提升了版面的使用率，可以給網站建設增加更多的驚喜。那麼卡片設計有哪些優勢呢？1、可以提高頁面的使用率。卡片就好像是一個容器，將類型不一樣的內容設置在不一樣的卡片中，這樣就可以很好地區分內容，還能夠統一頁面的風格。比如傳統列表，內容一般是縱向滾動的方式，能夠展示的內容比較有限，卡片式的設計採用的滑動方式，就可以有效地解決空間問題。2、區分卡片上的內容。卡片就好像是一個容器，將不同的內容放置在不同的卡片，更好地區分內容的類型。卡片的維度是不一樣的，而且相對獨立、有互相有聯系，所以通過卡片歸納網站的內容，整個網站就顯得更有秩序。3、卡片式設計可以提升可控性、提升體驗度。卡片式設計的使用范圍比較廣泛，可以覆蓋、滑動、堆疊，有良好的擴展性和可操作性。
第三、分割線的設計。這也是常見的一種頁面布局設計方式，可以更好地幫助用戶快速熟悉頁面的布局，有良好的內容組織性。分割線可以貫穿整個頁面，將不同的內容進行分割，成為獨立的信息。
網站建設中的頁面布局，有不同的設計方式，而且設計的趨勢不斷在變化，在設計頁面布局之前，就要考慮好合適的樣式，不能一味地追求潮流，根據產品的實際需求，選擇合適的設計方式。而分割線的設計，想要做得出色，就要處理好線的間距、粗細、顏色等等
4、網頁設計師非常有用的幾個在線工具
幾個網頁設計工作中經常會用的在線工具，能夠大大的提供工作效率!
ProCSSor
ProCSSor是一個很不錯的CSS代碼美化工具，它可以輕松的把代碼轉換成很美觀的格式。
jsFiddle
JsFiddle有多種用途，其中一個用法就是可以在線編輯HTML, CSS 和JavaScript片段，而且代碼可以分享，還可以嵌入到你的博客中等等。
Frame Box
Frame Box是一個非常好用的用於在線分享線框圖（wireframes）的工具。
Spritebox
Spritebox是一個所見即所得的工具，幫助Web設計者迅速而輕松地從一張精靈圖片（CSS Sprit Image）創建CSS類和ID選擇符樣式。這里涉及到一項技術叫CSS Sprites，在國內很多人叫CSS精靈，它是的基本原理是使用CSS的背景系列屬性的組合進行背景圖片的精確定位。
CSS3 Generator
這是一個簡單的跨瀏覽器CSS3樣式生成器，可以生成你想要的任何值。
Super Conversion Button
這個工具可以幫助你瞬間生成一個美觀的試用（Try it now）按鈕。
wordmark.it
這個工具之前曾介紹過，可以幫助你直觀的查看當前電腦上安裝了哪些字體。
0 to 255
5、網頁設計的尺寸大小是多少，寬度應該是多少？？？
其實也沒有硬性規定，但是為了兼容大多數瀏覽器一般是設置960px，隨著現在瀏覽器解析度的變化，已開始向著1000px,1200px寬度發展，例如淘寶(1000px）京東商城（1200px）。如果需要兼容不同瀏覽器尺寸，現在比較流行的做法是做成響應式的，即根據不同解析度顯示不同的尺寸，工作量也就隨之增加了。貌似國內的大網站也沒有使用。
6、"網頁美工"主要是干什麼工作？
網頁美工吧
1:網——網路，你需要對網路上的相關東西有一定的了解（比如：做什麼樣的網站，同行業的葉子怎麼樣 ？等），做到知己知彼，否則，你的作品就沒有可衡量的水準了，呵呵…………
2：頁——頁子，就是你的排版水平了
3：美——美術，美工，審美觀………需要你對色彩，尤其是色彩的搭配，必須要有獨到的見解，否則水平就………… 呵呵……
4：工——工具，干什麼活都需要有好的工具，而且要用的好，工具一樣，用的好自然水平就出來了，常見的如：
photoshop、flash、3dmax、fireworks 、dreamwever等…… 如果對也會大型的軟體，當然更好了，Maya等……
既然做網頁美工，就說這四個字吧！！！
7、什麼是功能型網頁設計？
功能型網站一般注重體驗、交互和整體實用性，功能型網站一般注重營銷功能，區別於展示性網站。這種網頁的設計或製作是功能型網頁設計或製作.
8、網頁設計和網頁美工設計有什麼區別？
有區別也沒什麼區別。這要看你去的公司大小，公司越大的地方工作分的越細致，這樣的地方設計和美工是不同的，設計人員將網頁效果和頁面圖設計出來，之後美工將裡面用到的圖片製作出來。而一般的中小公司對於這種分工就不大，一般是什麼都干。
9、網站設計時網頁最佳寬度值應該設計多少適合
高品質網站特別是品牌營銷型網站對網頁寬度的把握非常重要。網頁要設計的容易閱讀，目前主流的瀏覽器是1024*768像素，所以網頁的寬度應該設置在900-1005之內為佳。
如果網頁太窄了，頁面顯得局促，在視覺上顯得比較小氣，不能體現出企業的自身形象和實力，對企業來說損失就比較大了，這種企業網站建設是失敗的設計，太寬了，底下會出現滾動條，不利於用戶閱讀，用戶看著不順眼不舒服就會關閉頁面並跟出網站。
有的網站採用自適應的模式，即網頁寬度是用百分比定義，而不是用像素規定，有的網站採用更高解析度的屏幕時，專業網站設計顯示的頁面會自動變寬，如自動適應為100%的寬度。
網站設計需要符合用戶的瀏覽體驗，優質的網站設計能夠第一時間展示公司的品牌形象和實力，並最終為業務實現交易打下基礎和支持。