網頁設計分塊_html怎麼把網頁分塊div

1、製作網頁時怎麼把頁面分塊。

使用表格或者使用div布局的效果，也就是你所說的「塊」。

2、網頁界面分哪幾部分

按照平面設計的形式來看，整個網頁頁面可以分為幾個部分，每個部分有不同的功能，也能體現不同的形式，具體看來就是上邊、左邊、下邊、右邊、中間、看似無奇，自身卻有許多獨特的地方，就說劃分的大小吧！中間的部分一般是最大的，因為它承載著主要的信息，使用者主要就是看中間這個部分的內容，也為了出新意把整個頁面進行任意劃分，特別是個人網頁，例如把整個頁面平分為左右兩個部分，但是這樣會讓人不著重點，還有的框架用得太多，影響了頁面的整體性
最適合於網頁正文顯示的字體大小為12磅左右，現在很多的綜合性站點，由於在一個頁面中需要安排的內容較多，通常採用9磅的字型大小。較大的字體可用於標題或其他需要強調的地方，小一些的字體可以用於頁腳和輔助信息。需要注意的是，小字型大小容易產生整體感和精緻感，但可讀性較差。網頁設計者可以用字體來更充分地體現設計中要表達的情感。字體選擇是一種感性、直觀的行為。但是，無論選擇什麼字體，都要依據網頁的總體設想和瀏覽者的需要。
如果網頁頁面是平衡的，當用戶瀏覽這個頁面的時候就會感覺它們是一個整體，看得時候目光的跳轉也會很自然。同時，構成頁面的元素仍然是彼此獨立(注意不是孤立)的，不需要用線用顏色將它們直接地串接起來，這是為什麼呢，因為它們彼此之間是平衡的。這就好比蹺蹺板，即便看不到連接兩端的人的木板，也能感覺到他們是一個整體，因為「平衡」！
注重網頁外鏈質量，以原創內容為核心；有時候，一個網站SEO優化做得一般，但是他的關鍵詞排名依然很不錯呢，關鍵就在於，更新一些原創軟文，這一點被著哦SEO的朋友公認了的。當然，有了原創軟文，外鏈就很關鍵；此時便強調的是外鏈不是越多越好，關鍵在於外鏈的質量與穩定性，一些推廣軟體發得是比較快，但大多情況下不是被剔除鏈接，就是被以作弊論處。內容也不是偽原創與採集可以替代的，更多情下請相信一分耕耘一分收獲的原創。
提供「上一頁」、「下一頁」、「回子目錄頁」與「回首頁」的導覽按鈕或超鏈結在一系列具前後連續順序的文件里，每篇Webpage都至少應提供「上一頁」、「下一頁」、「回子目錄頁」與「回首頁」的導覽按鈕或超連結，可使讀者能夠立即得知自己所在的頁面，是屬於一份較大文件內的一小部分。並且可以藉由這些links隨時參考連結「上一頁」、「下一頁」與本頁的連貫內容；直接點取「回子目錄頁」查尋其他相關的標題；或直接跳躍至homepage，瀏覽其他不同項目的信息。適當、有效率地使用超鏈接，是一個優良的導覽系統不可或缺的條件之一。但過份濫用超鏈接，造成短短的一篇文章里卻處處是links，反而損害了Webpage行文的流暢與可親性。在充斥著超連結的短文里，很可能其中不少是無意義、沒必要的links。
大家一定在設計網頁頁面時，苦惱過不同解析度下顯示的問題，不論喜歡打表格，還是運用圖層，或者利用框架以及幀『內聯幀』，當在800×600下完成創作，1024×768下就會錯位，或出現左對齊。
SEO優化不管從哪個角度來講，都離不開對關鍵詞的優化。應該挑選合適的關鍵詞線索，讓策略真正的實現網站優化，使得網站排前，讓搜索者通過關鍵詞搜索網站增加點擊率。過「冷」的關鍵詞取得好排名要容易的多，但是引入的用戶量將會小；千萬別以公司名稱為做主要關鍵詞，幾乎沒有人搜索你的公司名，即便你有一定的品牌知名度。SEO的目的是讓不知道公司及產品的人轉化為客戶。使用搜索引擎工具，將按上述步驟擴展出來的關鍵詞列表進一步擴展、完善。
目前百度出品的百度分享就是一個社會化的雛形，大家也不用想到底有沒有用，這個產品放上去肯定沒壞處，根據很多網站刷幾百的分享來看，沒有明顯的效果。反正不知道百度哪天會對這個發力，所以如果網站內容好，適合分享，放著給用戶來幫你宣傳肯定是個好事，何樂而不為。
網頁頁面里的正文部分是由許多單個文字經過編排組成的群體，要充分發揮這個群體形狀在版面整體布局中的作用。兩端均齊：文字從左端到右端的長度均齊，字群形成方方正正的面，顯得端正、嚴謹、美觀。居中排列：在字距相等的情況下，以頁面中心為軸線排列，這種編排方式使文字更加突出，產生對稱的形式美感。

3、網頁里一張完整的圖片分成一塊一塊的,是怎麼弄成的

是將一張完整的圖片切成N小塊，然後拼在一塊
具體步驟：
下面舉例說明如何在Photoshop中切割圖片。
1. 打開一張圖片，選擇工具欄上的「切片工具」，樣式有三種選擇，為了便於圖片的管理，通常選擇「固定大小」。普通網頁寬度通常是760px，所以選擇五分之一寬度，也就是152px作為切割圖片的寬度。寬度和高度都可根據圖片大小隨意調整。
2. 選中「切片工具」後，在圖片上任意點擊一下左鍵，或者按住左鍵拖拽一個方形，就出現一個切片。
3. 如果變換切片的位置和大小，選擇工具欄上的「切片選擇工具」，再點擊某個切片即可選中。用左鍵按住某個已選中的切片，可以隨意挪動切片位置。用左鍵按住切片四周的小黑點，也可隨意伸展或收縮切片大小。如果在某個切片上單擊右鍵，彈出的菜單上可以選擇刪除切片或者編輯切片。
4. 以此類推，再次選擇「切片工具」在圖片上切出更多切片，並排列位置
5.如果需要，還可以把某個切片細分成更多小切片。方法是，選擇工具欄上的「切片選擇工具」，選中某個切片，單擊頂上的「劃分」按鈕，可任意選擇分割切片的方式，可以按切片個數劃分，也可以按精確像素劃分，不一而足。
6. 點擊頂部的「為當前切片設置選項」按鈕，設置切片類型、名稱、網路上定位的URL地址、目標（即載入URL時的楨，此項僅針對動畫圖片）、信息文本（即滑鼠指向網頁上的圖片時，出現在瀏覽器底部狀態欄的文字信息）、Alt標記（即滑鼠放置在網頁上的圖片上時，自動出現在圖片周圍的解釋文字）。設置這些選項後，將來生成的HTML頁面上，圖片就會被設置好鏈接。可對每個切片分別選中，分別設置這些選項。
7. 點擊菜單：文件–>存儲為Web所用格式。選擇「雙聯」，左側為圖片原稿，右側為將來在網頁上出現的圖像，可以用滑鼠選中右側任意一個切片，設置每個小切片圖片的類型等等，同時可以設置圖片品質用於壓縮圖片大小
8.點擊「存儲」按鈕，選擇保存文件類型為「HTML和圖像」
9.保存完成後，電腦上就會出現一個名叫index.html的文件和一個名叫images的圖片目錄，切分後的圖片就保存在這里。index.html就是用切分後的小圖片組成的網頁文件。
網頁圖片切小是為了讓人們打開網頁時更快，讀取小塊圖片是並列進行了，比讀取大圖片快

4、網頁製作怎麼分塊

一般都用層也就是div 然後通過css美化，
就是所謂的div+css，不過剛一開始弄建議先用表格，表格容易上手。

5、請問，網頁設計中怎樣用div+css進行如下圖的分塊，謝謝。

如果有成圖的話，可以考慮PS切圖

手寫的話，代碼就比較多了

<!DOCTYPE html>
<html>
<head>
<title>手寫代碼</title>
<meta charset="utf-8">
<style type="text/css">
*{padding:0;margin: 0;}
.w1260{width: 1260px;margin: 12px auto;margin-top: 0;}
.h-1{border: 1px solid #bbb;height: 120px;}
.h-2{border: 1px solid #bbb;height: 80px;}
.h-3{border: 1px solid #bbb;position: relative;overflow: hidden;}
.h-3 .h3-l{float: left;width: 33%;border-right: 1px solid #bbb;padding:1%;}
.h-3 .h3-l .h3-l1{border: 1px solid #bbb;height: 200px;}
.h-3 .h3-l .h3-l2{border: 1px solid #bbb;height: 200px;margin-top: 12px;}
.h-3 .h3-r{float: right;width: 62.6%;padding: 1%;padding-left: 0;}
.h-3 .h3-r .h3-r1{position: relative;width: 100%;border: 1px solid #bbb;overflow: hidden;}
.h-3 .h3-r .h3-r1 .h3-r1-l{float: left;height: 80px;border-right: 1px solid #bbb;width: 75%}
.h-3 .h3-r .h3-r1 .h3-r1-r{float: right;height: 80px;width: 24%;}
.h-3 .h3-r .h3-r2{position: relative;width: 100%;border: 1px solid #bbb;overflow: hidden;height: 100px;margin-top: 12px;}
.h-3 .h3-r .h3-r3{position: relative;width: 100%;border: 1px solid #bbb;overflow: hidden;margin-top: 12px;}
.h-3 .h3-r .h3-r3 .h3-r3-l{float: left;height: 200px;border-right: 1px solid #bbb;width: 75%}
.h-3 .h3-r .h3-r3 .h3-r3-r{float: right;height: 200px;width: 24%;}
.h-4{border: 1px solid #bbb;height: 80px;}
</style>
</head>
<body>
<div class="h-1 w1260"></div>
<div class="h-2 w1260"></div>
<div class="h-3 w1260">
<div class="h3-l">
<div class="h3-l1"></div>
<div class="h3-l2"></div>
</div>
<div class="h3-r">
<div class="h3-r1">
<div class="h3-r1-l"></div>
<div class="h3-r1-r"></div>
</div>
<div class="h3-r2"></div>
<div class="h3-r3">
<div class="h3-r3-l"></div>
<div class="h3-r3-r"></div>
</div>
</div>
</div>
<div class="h-4 w1260"></div>
</body>
</html>

6、在網頁製作中，想做一個分塊顯示內容的代碼。

這個效果的實現方法很多。比較理想的做法是，你自己通過瀏覽器（例如ie）的源代碼查看其中的代碼，可以很容易地拷貝和修改。

7、做網頁設計每個部分間距要統一嗎? 是分頁面中正文部分每個小分塊的上下與左右間距都要統一用多少像素嗎？

沒有固定值，你根據頁面的美觀程度自己設定就好了
一般設定為5-10px為佳

8、網頁製作如何分出大的塊

網頁布局設計就是先要設計出大致的結構，你說的「塊」，可以利用表格、div製作。
你可以在photoshop中設計頁面效果圖，然後按照效果圖的布局，設計網頁的表格、div。表格布局網頁比較簡單，很容易入門，你可以利用dreamweaver的表格工具輕松製作。
當然現在最流行的是div+css布局，你也可以學習。

9、html 怎麼把網頁分塊，div

1、啟動dreamweaver cs5，在彈出的對話框窗口中選擇html，進入主界面編輯區域。