知乎網頁設計如何排版布局_如何在網頁設計中排版

1、網頁要怎麼布局才好看??

你好、、抄呵呵、、我也是個襲程序員我也不回布局、、可是我回程序啊、人沒有十全十美的、再說做網站不是一個能力可以完成的你可以看下資料學習下，並結合 http://bestmoban.com/ 、 http://www.cm80.com/index.asp 、 http://www.auction.co.kr/ 、

2、網頁設計這樣一個排版是怎麼做的

用其他標簽<span></span>

3、怎麼設計網頁排版

在現在這個大數據時代，網頁製作已經沒有以前那麼難了，那麼，如何進行網頁設計、網頁設計需要注意些什麼呢？今天我來跟大家分享一下怎麼設計網頁排版。
網頁設計、製作
首先，我們需要確定網頁的主題。
做網站一定要明確主題，就像我們平時做飯一樣，知道做什麼了，才能更好的准備食材。
第二步，收集材料
材料需要新穎，獨特有利於後期的製作。
第三步，規劃網站
網頁的結構、欄目的設置、風格、顏色搭配、版面布局、文字圖片的運用等都需要設計者一一規劃好
第四步，設計網站選擇製作網站的工具
網頁設計最關鍵的一個過程，復雜而精細，需要設計者用足夠的耐心去完成它。通常建議採取先大後小、先簡單後復雜的程序來進行製作，即在製作網頁時，先設計好大的結構，然後再逐步完善小的結構；先設計簡單的內容，然後再設計復雜的內容，以便及時修改問題，提高製作效率。
根據自己的需求和喜好來進行選擇，一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果Dreamweaver或者其他的編輯器。
搭建站點購買域名和空間
購買域名空間並綁定好，然後把我們製作的網站上傳到空間裡面進行測試，正式運營。上傳後，在瀏覽器中打開自己的網站，逐頁逐個鏈接進行測試，發現問題，及時修改，然後再上傳測試即可
後期的維護更新
網頁製作好以後需要定期維護和更新，一潭死水，會變質，同樣一個網頁，如果長期不動，別人也不會喜歡，需要注意經常維護更新內容，只有不斷地維持更新，網頁才能保持活力，繼續吸引瀏覽者

4、怎麼進行div css網頁布局知乎

1
在桌面建立一個index.htm的文件和main.css的文件，當然你也可以不用main.css的文件，但是為了方便操作，還是建一個吧。只要把記事本另存為就可以了。

2
做好這兩個文件後我們把網頁的基礎代碼寫上去，並使index文件受到main.css的控制，我們右鍵選擇用記事本打開index文件輸入代碼，並在head里寫上<link href="main.css" type="text/css" rel="stylesheet">使它受到main.css控制
<html>
<head>
<title></title>

</head>

<body>
</body>
</html>

3
下面我們去main.css寫一些屬性看看是不是能控制index文件。我希望整個頁面是粉色的，看上去溫馨，我在main.css里寫上*{background:#FF66FF}看看。我們打開index文件看看是不是在瀏覽器上是不是粉色的。在瀏覽器上是粉色的，表示已經受到css樣式表的控制了。

4
下面我們進行布局一般網頁都是3層一級，所以我們需要div布局了在body裡面寫一般我會先分為3層

<html>
<head>
<title></title>
<link href="main.css" type="text/css" rel="stylesheet">
</head>

<body>
<div id="top">
<div id="top1"></div>
<div id="top2"></div>
<div id="top3"></div>
</div>
</body>
</html>

5
布局好後我們需要去定義屬性了，這里我只是簡單的定義了一下
*{background:#FF33FF}
#top{background:#FFFF99; height:1000px; width:800px; margin-left:auto; margin-right:auto}
#top1{background:#66FFFF; height:50px; width:800px;}
#top2{background:#FF00CC; height:400px; width:800px}
#top3{background:#FF9933; height:550px; width:800px}
定義好了我們打開預覽一下看看，圖片是不是居中和分成3塊了。當然，顏色只是為了方便看清楚，可以不寫。

6
其實做網頁就是不斷的畫框，只要知道布局和定義屬性就可以了，下面我們就整個做一下，因為我的有一些是一樣的，可以用class調用，class=baidu這個只是隨便寫的，你愛等於什麼就等於什麼

<html>
<head>
<title></title>
<link href="main.css" type="text/css" rel="stylesheet">
</head>

<body>
<div id="top">
<div id="top1">這里都是我截圖的照片</div>
<div id="top2">
<div class="baidu"></div>
<div class="baidu"></div>
</div>
<div id="top3">
<div class="baidujingyan"></div>
<div class="baidujingyan"></div>
</div>
</div>
</body>
</html>

7
下面我們再去定義他的屬性，當然我只是簡單的定義一下
*{background:#FF33FF}
#top{background:#FFFF99; height:1000px; width:800px; margin-left:auto; margin-right:auto}
#top1{background:#66FFFF; height:50px; width:800px; text-align:center; line-height:50px; font-size:30px}
#top2{background:#FF00CC; height:400px; width:800px}
#top3{background:#FF9933; height:550px; width:800px}
.baidu{background:#FF6666; height:380px; width:380px; float:left; margin:10px}
.baidujingyan{background:#FFCC00; height:530px; width:380px; float:left; margin:10px;}

8
因為我這個是我截圖相冊的網頁，下面我們就放照片吧，這里我偷個懶，把照片都放在桌面了，所以不用連接照片地址了。

<html>
<head>
<title></title>
<link href="main.css" type="text/css" rel="stylesheet">
</head>

<body>
<div id="top">
<div id="top1">這里都是我老婆的照片</div>
<div id="top2">
<div class="baidu"><img src="QQ圖片20141212090452.jpg"></div>
<div class="baidu"><img src="QQ圖片20141212090346.jpg"></div>
</div>
<div id="top3">
<div class="baidujingyan"><img src="QQ圖片20141212090224.jpg"></div>
<div class="baidujingyan"><img src="QQ圖片20141212090255.jpg"></div>
</div>
</div>
</body>
</html>
如果圖片不在同一層目錄，就需要連接到圖片地址

9
這樣一個網頁就做好了，如果需要製作精美的網頁，就需要不斷的進行div布局和css樣式的規定了。
10
下面我來說說網頁製作的定義，網頁的製作只要會使用div不停的布局，不停的定義他的屬性，基本靜態的網頁就是這樣做出來的

5、網頁設計怎麼排版排版好看

網頁設計主要通過PS、flash、Dreamweaver、Fireworks軟體進行設計排版設計。
通過西府星辰的學習，很多人都能獨立設計作品，你也可以的！

6、如何在網頁設計中排版

關於在網頁設計中排版問題，下面提供我的思路以供參考(宏觀角度)：
第一：先把整體框架搭起來，通過絕對定位確定大的模塊的位置。
第二：根據圖中每一塊的結構來選擇table或者其他布局方式。
第三：需要精確的時候可以用Div塊+CSS來調試，出現細節問題可以查資料解決一下。

7、網站頁面應該如何排版？

1、製作網頁時，使用簡潔美觀的圖文排版，確保文字與圖片兩者之間沒有不和諧的地方，這樣製作出來的網頁才會吸引更多的訪客。

2、當網頁是希望展示圖片上的人物或者是人物身上的物品時，那麼網頁的文字就需要適當縮小，達到不搶眼的效果。當網頁的文字較少時，可以根據網頁整體效果調整文字的大小、樣式以及行距。

3、背景虛化這樣的效果對於圖文排版有很好的幫助，直接帶來的幫助就是突出企業產品或是服務。

4、文字要沿著圖片中人物的視線方向設置，好像圖片中的人物指引訪客去瀏覽文字，這樣的排版形成一種兩者之間的邏輯關系，達到輔助的效果。

導航:首頁 > 萬維百科 > 知乎網頁設計如何排版布局

知乎網頁設計如何排版布局

與知乎網頁設計如何排版布局相關的知識