導航:首頁 > 萬維百科 > 網頁設計布局模板

網頁設計布局模板

 發布時間：2020-08-16 18:07:18

1、求 網頁設計的模板代碼？要求在Txt中能直接運行的 一個開始頁面就行 求犀利的布局 謝謝

去免費模板網上下載div+css模板就可以了!這種網頁是.html格式的,但可以用記事本來編輯和修改!
http://hi.baidu.com/mianfeimoban/blog/item/81267e5bc8d460d29d820432.html

2、網頁設計模版是什麼,怎麼利用網頁設計模版?

網頁模板就是已經做好的網頁框架，使用網頁編輯軟體輸入自己需要的內容，再發布到自己的網站。每個網頁模板壓縮包內包含：PSD圖片文件(可用Photoshop、ImageReady或Fireworks修改)，按鈕圖片PSD文件、Flash源文件和字體文件，推薦使用Dreamweaver軟體向網頁模板添加內容。

創建和設置

1)模板的概念：作為創建其它文檔的樣板的文檔。創建模板時，可以說明哪些網頁元素不可編輯，哪些元素可以編輯。其擴展名為.dwt。

2)模板的作用：有利於保持網頁風格的一致;提高工作效率。

1.創建模板

1)創建一個全新的模板：在模板面板中，使用快捷菜單按鈕或單擊面板上的新建按鈕

模板面板的打開：Window菜單--Templates

2)創建基於文檔的模板：File菜單-Save As Template

2.設置模板頁面屬性

1)用模板創建的文檔繼承模板的頁面屬性，頁標題除外。

2)設置：Modify菜單-Page Properties

3.定義模板的可編輯區

1)定義模板的可編輯區

在模板文檔中選定對象、Modify菜單、Templates、New Editable Region

2)取消可編輯區標記

Modify菜單-Templates-Remove Editable Region

應用和更新

1.應用模板創建文檔

1)應用模板創建文檔

使用模板創建新文檔：File菜單-New From Template

或：File菜單-New-從模板面板中拖一個模板到文檔

對現有文檔應用模板：Modify菜單-Templates-Apply Template to Page-模板面板中選定模板-單擊Select

或：從模板面板中拖一個模板到文檔中

或：從模板面板中選定一個模板，單擊Apply

2)可編輯區和鎖定區

在應用了模板的文檔中，只有可編輯區的內容才可以修改。

3)把頁面從模板中分離出來

如果要對應用了模板的頁面的鎖定區進行修改，必須先把頁面從模板中分離出來。

具體操作：Modify菜單-Templates-Detach From Template

2.修改模板

在模板面板中選定模板、單擊編輯按鈕或雙擊模板名稱或使用快捷菜單的Edit、編輯完成後保存

3.更新站點中使用模板的所有文件

Modify菜單-Templates-Update Pages

3、求一個網頁製作高手用div+css做一個網頁布局 急 謝謝！！！！！！！！！！！

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文檔</title>
<style type="text/css">
#containt{ height:530px; width:400px; margin:0 auto; border:1px solid #000000;}
#top{ height:100px; width:380px; margin-top:7px; margin-left:9px;}
#top_left{ height:100px; width:138px; float:left; border:1px solid #000000; border-right:none;}
#top_right{ height:100px; width:238px; float:left; border:1px solid #000000;}
#content{ height:50px; width:380px; margin-top:5px; margin-left:9px; border:1px solid #000000;}
#bottom{ height:350px; width:380px; margin-top:5px; margin-left:9px;}
#bom_left{ height:350px; width:138px; float:left; border:1px solid #000000;}
#bom_right{ height:350px; width:235px; float:left; border:1px solid #000000; margin-left:3px;}
.b_r_div{ height:100px; width:68px; margin-left:6px; float:left; margin-top:5px; border:1px solid #000000;}
#b_r_bottom{ height:120px; width:225px; margin-left:5px; float:left; margin-top:5px; border:1px solid #000000;}
</style>
</head>
<body>
<div id="containt">
<div id="top">
<div id="top_left"></div>
<div id="top_right"></div>
</div>
<div id="content"></div>
<div id="bottom">
<div id="bom_left"></div>
<div id="bom_right">
<div class="b_r_div"></div>
<div class="b_r_div"></div>
<div class="b_r_div"></div>
<div class="b_r_div"></div>
<div class="b_r_div"></div>
<div class="b_r_div"></div>
<div id="b_r_bottom"></div>
</div>
</div>
</div>
</body>
</html>

4、如何製作網頁模板

首先你要明白網頁製作的流程：

1、網頁設計師（主要是用PS）先將網頁設計出來。

2、進行網頁製作，就是切片，div+css布局，將圖片變成網頁。

3、後台製作。可以自己開發，也可以套用cms，如dedecms，phpcms。等

4、具體步驟就是這樣。詳細的牽扯到一些技術，就是html，div+css,js，（jquery,js框架）。
後台目前流行PHP語言。這些都是基礎

5、需要學習的有，html，div+css ， js （jquery） ， php等。

教程網站，百度「W3C」，即可

如果你只是製作模板，那麼就學習html，div+css ， js （jquery）即可

5、網頁製作:創建一個站點，製作幾個網頁，進行網頁的布局，整個網站至少擁有三級目錄，使用三個模板，不少於1

可以去下載一些建站系統，如：pageadmin cms、帝國cms、wordpress cms等等。

6、DW怎麼把首頁設為模板，子網頁用模板設計

剛進入dreamweaver點擊新建下方的更多，然後選擇空白頁，頁面類型選擇html模板，布局選無就行了。

插入一個表格（菜單欄中選擇插入，再找到表格），表格里的布局自己根據需要設置，在這里我設置為行數為5，列為1，表格寬度為1000像素。插入表格後，選中整個表格，選中後表框會加黑加粗，在下方設置為居中對齊。

在表格第一行插入圖像（菜單欄中選擇插入，再找到圖像），第二行加入滾動字幕。第三行插入表格（方法同上），1行4列，表格寬度為百分之一百。插入表格之後，再選中第三行的表格，選中後表格邊框會加黑加粗，在下方設置表格為居中對齊，寬度為20%。

第三行中選入一些文字，如首頁，李白，杜甫，白居易。新建一個css文件，再建一個css，設置好類型中的顏色和背景中的顏色，加以區分。選中第三行，使用剛才新建的css，再新建一個css，表格的邊框使用該css。

在第四行插入可編輯區域。點擊確定，可編輯區域中的文字即EditRegion3可以去掉，換行可以擴大可編輯區域的面積。

在第五行插入可編輯區域，我還插入了一條水平線，並加上了版權。最後保存。此時模板已經建好。

新建，模板中的頁，找到新建的模板，創建，保存為index.html（即網站的主頁）,再重新打開新建的模板，在可編輯區預報輸入李白的資料，保存為li.com，此時你會發現只有在可編輯區域才能輸入內容，其他區域都是不可操作的，這就是模板的特點。同理，在新建兩個作為杜甫和白居易的網頁。

現在就差用超鏈接把上面做的幾個網頁連接起來了。在模板中選中首頁，在下方html中的鏈接中輸入首頁的名稱，即index.html，同理，選中李白，杜甫，白居易將他們連起來。超鏈接做好後在文字下方會多出一條橫線。

做完了之後在index.html中打開可以看看做出的效果，點擊圖中的小地球圖標就可進行查看。

7、網頁製作模板

網站設計 網站規劃 網站製作 是三個不同的步驟。
模板一半被成為網站的前檯布局。直接百度網站模板很多很多

8、公司怎樣設計網站頁面布局

一、網站首頁的布局設計網站首頁是網站給瀏覽者的第一印象，網站頁面布局要從主題、導航和內容方面著手進行頁面布局分析。1、網站主題在網站頁面布局中，首頁是網站的最核心的頁面，首頁的主題也就是網站的主旨，所有內容圍繞著首頁的主題來描述。主題主要體現在網站的標題、關鍵詞和描述上，其中最主要的是標題，用戶在搜索引擎上搜索結果就是你網站的標題和描述性內容。在首頁的頁面上，首頁主題還體現在logo上，准確概括的logo和主題可以很好的幫助用戶選擇自己需要的網站。2、網站導航和內容在網站頁面布局中，網站導航是必不可少的，是對網站內容的分類，按照網站的內容細分，便於用戶根據個人需求選擇瀏覽頁面。網站首頁導航要分類清晰明了，層次分明，不要重復。同時網站首頁的內容布局設計要對網站用戶進行需求分析，把用戶最關注的內容放置在首頁欄目的最突出位置。網站首頁布局還需注意頁面的尺寸、網站打開速度及友情鏈接布置等方面。 二、網站內頁布局設計1、內頁麵包屑導航為了更好的提升站內頁面權重，網站頁面布局時，要將網站內頁設置麵包屑導航。由於網站層級頁面太多，特別是大型網站，為了讓網站內頁獲得權重，內鏈是個很好的方式，為內容設置麵包屑導航就是最符合用戶體驗的內鏈形式。麵包屑導航既可以分配頁面權重也可以方便用戶在頁面間進行切換。2、網站內頁模板網站頁面布局中的內頁模板有兩欄式和三欄式。兩欄式多用於小型企業博客網站。兩欄頁面的中心部分是文章內容，側面為用戶互動內容，如推薦文章等。當然欄目頁需要注意文章列表每頁條目不要太少，會導致不便於用戶瀏覽，也會出現網站頁面層次過深的問題。三欄的內頁布局和兩欄的差不多，中間位置為文章內容，兩側方式相應的互動內容或廣告。

與網頁設計布局模板相關的知識