如何用Dreamweaver制作網頁模板簡單網頁制作模板 _經驗分享

如何制作網頁模板
先使用Photoshop制作效果圖，可以參考一些有名的網站，比如酷站之類的。
然后把效果圖切成Html ，就是繼續使用Photoshop圖片上的元素分開成一張張小圖，比如按鈕， logo 。。
切好后使用Dreamweaver來制作成Html文件，即可圖片轉成DIV+CSS的過程。
這樣模板做好后交給程序員套程序就可以了！
如果你不會Photoshop也可以使用Firework ，不過一般都是使用Photoshop來制作效果圖。
制作網頁效果圖主要是要注意一下網頁的局限，比如文字一般是用宋體12號或14號字，文字的行距等，制作過程中應盡量要模仿真實網頁來形式，比如不要貪方便而把同樣一段話不斷復制，這樣會對效果打折扣，又如當有使用到圖片素材時，應盡量配合網站風格色調，而不要隨便拿一張圖占位！
怎么創建一個網頁？
怎么創建一個網頁？制作一個完整的網頁有哪些步驟嗎？
一、明確網頁主題
網頁的影響面是整個企業，所以一定要在網頁建設之前確定好網頁建設的主題。比如需要制作的網頁是一個用于宣傳企業形象的，或是推廣企業產品的，還是服務型的。不同的需求對應不同的網頁主題，也對應著不同的網頁功能。不想要漫無目的的建站，想要確保網頁的質量，那就要做好這一步。
二、設計網頁界面
如今互聯網上的網頁有千千萬萬個，但是好的網頁都有自己的特點，這都是要靠網頁設計的。想要設計出好看又特別的網頁界面，我們就要考慮到網頁風格的選擇，色彩的搭配，模塊的布局等等。
三、制作發布網頁
上面的都是策劃的工作，這里就是實際的網頁建設操作了。比較簡單的方法就是直接套用現成的網頁模板。當然制作網頁并不止使用網頁模板搭建這么簡單，還需要進行域名注冊、備案、解析，網頁空間配置等一系列的工作之后，才能進行網頁發布上線。
四、宣傳優化網頁
特別是對于新網頁來說，宣傳和優化是必不可少的，常見的方法就是廣告宣傳、seo優化網頁排名等等方法。
如何制作網頁模板
要是有需求的話
你得先根據你的需求來畫網頁，就是出你網頁的效果圖。一般的工具是photoshop 。然后拼湊頁面，這一步一般是在Dreamweaver里面進行。這樣，一個靜態的網頁模版就出來了！剩下的就交給程序，完善功能模塊！
要是不想自己做，那就去網上淘吧。網上有很多免費的模版。不需要什么程序，根據你的需要進行修改就行了！
祝你成功！
如何用Dreamweaver制作網頁模板
隔三岔五將網站來個大更新，不知道他們是怎么忙過來的。告訴你這個秘密吧，其實是這樣的，他們很多都是在“批發”網頁，并且你的服務器中也有這樣的“批發站”!這個東西就是——模板。常見的網頁制作工具FrontPage和DreamWeaver中都有這項功能。如用DreamWeaver 3.0 制作網站的時候，使用模板就能減少大量的重復工作。如何制作網頁模板第一步、建立模板 1、創建模板的頁面最簡單的方法是就將一個網頁另存為模板文件，通過執行命令：File→Save as Template ， DreamWeaver會在網站根目錄中建立一個模板的文件夾——Templates來保存這個模板。當然，其實也可以新建一個模板：Window→Templates ，會出現Templates面板，單擊右下角的New Template這個按鈕，輸入文件名之后，就建立好了一個空模板;再單擊Open Template按鈕打開這個模板，保存后自動存放在網站模板文件夾Templates當中。新建、打開的模板頁面和普通的網頁基本沒什么不同，同樣還可以加入表格、層、圖片、動畫、腳本和設置頁面屬性等。2、要設定可編輯區域設定模板可編輯區域，一般來說是有兩種方法的。新建一個可編輯的區域：選擇命令按鈕：Modify→Template→New Editable Region 。在空白區域中單擊后執行該命令就可以將該區域變為可編輯的區域。標記某一個區域為可編輯的區域：選擇命令按鈕：Modify→Template→Mark Selectin as Editable Region 。如果某個區域已經有一些文字了，并且希望以后在新建的超文本文件中部分保留其內容，先選中該區域再執行標記命令就可以了。取消可編輯的狀態：選擇命令：Modify→Template→Unmark Editable Region 。執行命令后會彈出一個對話框，其中有當前已有的可編輯的區域列表，選中要取消的區域名稱，點擊確認即可。如何制作網頁模板第二步、使用模板 1、根據模板來新建頁面彈出該對話框，從模板列表中選取一個模板，出現的新頁面中除了可編輯的區外均有背景，這個是不能進行修改的部分。空白處的Main編輯區就可一直接進行插入表格、文字或者圖片等操作， Exp編輯區要保留有原來的文字，修改或重新編輯也都可以。2、對一個已有內容的頁面應用模板選擇模板之后還會彈出一個對話框，讓您選擇現有的孤的立內容保存到那個可編輯的區域。要是不想保留就直接選擇“(none)” 。3、以全面更新站點更新模板基于某一個模板建立了一些頁面之后，對模板進行修改保存的時候，就自動彈出了一個對話框，列出所有的使用了該模板的頁面，詢問是不是要更新。還有另外一種方法是執行Modify→Template→Update Pages命令。從Update Pages的對話框中選擇一個站點或站點的某一種模板，單擊右變的Start按鈕，軟件會自動搜索與該模板相關聯的網頁并對其進行更新。也是非常方便的!
網站模板怎么制作
制作網頁模板是制作網頁的一種非常便捷和有效地方法。制作網站的時候，如果許多網頁的某一部分都相同（一般是頂部和底部），那么可以把這些部分制作成模板，然后以后要新建一個頁面就可以從模板頁創建。下面給大家介紹一下如何用Dreamweaver制作網頁模板的方法。
新建一個ASP網頁并且保存。如圖所示
連接好數據庫，見筆者之前分享的經驗
在網頁中插入模板的內容，并添加好各個超鏈接
頁面設計好后把網頁另存為模板。操作如圖所示。
接著在需要編輯的部分插入“可編輯區域” ，操作如圖所示。
保存后，我們就可以在網站根目錄下的“Templates”文件夾下看見我們剛剛新建的模板了。以后要修改模板的內容就可以直接打開編輯了。
如何制作一個網頁頁面
如何制作網頁?如何做一個自己喜歡的網站呢?看到別人有自己的網站是不是有點羨慕呢?當然。比較復雜的網站就需要很多技術上面的知識咯。比如javascrpt、jquery、ajax、flash等等!這些都只是讓網站的頁面好看。使靜態的網站變為動態的。那如何制作個簡單的網頁呢?那么先用Dreamweaver ， Frontpage做,然后細節用Homesite ， Hotdog修改,圖片用Photoshop動畫用fireworks ， Adobe ImageReady ， Flash然后申請空間，域名，大多數都是收費的，最后用軟件上傳就成了。
在開始制作之前，我們先對這個頁面進行一下分析。看看這個頁面用到了哪些東西。
1.網頁頂端的標題“我的主頁”是一段文字。
2.網頁中間是一幅圖片。□最下端的歡迎詞是一段文字。
3.網頁背景是一深紫紅顏色。構思好這個網頁的結構，我們就可以開始制作了。
【如何用Dreamweaver制作網頁模板簡單網頁制作模板】1
解決方法與步驟：
1.首先啟動Dreamweaver ，確保你已經用站點管理器建立好了一個網站(根目錄) 。為了制作方便，請您事先打開資源管理器，把要使用的圖片收集到網站目錄images文件夾內。
2
2.然后在創建新項目下面點擊HTML ，下面常用到的有javascrpt ，和CSS樣式。
3.進入頁面編輯設計視圖狀態。在一般情況下，編輯器默認左對齊，光標在左上角閃爍，光標位置就是插入點的位置。如果要想讓文字居中插入，點屬性面板居中按鈕即可。啟動中文輸入法輸入“我的主頁”四個字。字小不要緊，我們可以對它進行設置。
2
4.使用插入欄：單擊插入欄對象按鈕>選按鈕，彈出“選擇圖像源文件”對話框，其余操作同上。
5.使用面板組“資源”面板(如下圖)：點按鈕，展開根目錄的圖片文件夾，選定該文件，用鼠標拖動至工作區合適位置。
6.在圖片右邊空白處單擊，回車換行。仍然按照上述方法，輸入文字“歡迎您??”然后，利用屬性面板對文字進行設置。保存頁面。一個簡單的頁面就這樣編輯完畢了。
5
7.在頁面編輯器中按F12預覽網頁效果。網站中的第一頁，也就是首頁，我們通常在存盤時取名為index.htm 。
6
在很多時候，我們都需要html的靜態頁面代碼，那么我們介紹一下靜態頁面的代碼。
<html></html>：靜態網頁源代碼首尾結構標記，代碼內呈現網頁所有內容
<body bgcolor>=背景色；</body>：網頁主體部分
<title></title>：標簽內顯示出網頁臺頭的標題名，用于<head></head>標簽之內
<meta name=關鍵字 content=IT ，教育，網絡”>：設定搜索關鍵字
關于簡單網頁制作模板和的內容就分享到這兒！更多實用知識經驗，盡在 m.apearl.cn

如何用Dreamweaver制作網頁模板 簡單網頁制作模板

如何用Dreamweaver制作網頁模板簡單網頁制作模板