導航:首頁 > 萬維百科 > dw網頁設計框架模板

dw網頁設計框架模板

發布時間:2021-02-13 02:50:27

1、DW怎麼把首頁設為模板,子網頁用模板設計

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

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

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

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

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

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

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

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

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

2、如何用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按鈕,軟體會自動搜索與該模板相關聯的網頁並對其進行更新。也是非常方便的!

3、Dreamweaver如何設計網頁模板

?

4、網頁設計DW

頁結構以及相同欄目下的導航條、各類圖標就顯得非常麻煩,不過我們可以藉助Dreamweaver MX 2004的模板功能來簡化操作。其實模板的功能就是把網頁布局和內容分離,在布局設計好之後將其存儲為模板,這樣相同布局的頁面可以通過模板創建,因此能夠極大提高工作效率。
一、製作模板
製作模板和製作一個普通的頁面完全相同,只是不需要把頁面的所有部分都製作完成,僅僅需要製作出導航條、標題欄等各個頁面的公有部分,而把中間區域用頁面的具體內容來填充。
第一步:先在Dreamweaver MX 2004中運行「File→New」命令,接著從圖1所示的窗口中依次選定「Template page→HTML template」選項,點擊「Create」按鈕之後即可創建一個模板文件。
第二步:在頁面設計視圖下插入網頁框架、導航條、Flash標題等所有頁面公有的元素(圖2),然後運行「File→Save」命令將這個模板保存下來。
小提示:可以先下載一個中意的網頁,然後在Dreamweaver MX 2004中打開它,僅僅保留框架等元素之後通過「File→Save as Template」命令將其保存為模板,這樣能夠省去很多製作模板的時間。
為了避免編輯時候誤操作而導致模板中的元素變化,模板中的內容默認為不可編輯,只有把某個區域或者某段文本設置為可編輯狀態之後,在由該模板創建的文檔中才可以改變這個區域。先用滑鼠選取某個區域(也就是每個頁面不同內容的區域),接著運行「Modify→Templates→New Editable Region」命令,並且在彈出的對話框中為這個區域設定一個名稱,這樣就完成了編輯區域的設置。

5、求dreamweaver的一個簡單的網頁模板~html語言就好!

html的那就不算是網友模板了,只能說是一個靜態的頁面。
既然要這么學,還不如自己去看看 CSS的樣式還有html的基本標簽,然後自己去嘗試設計一個頁面。
這樣實踐出來的東西,對你自己比較有幫助

就買我商城、電腦周邊配件批發商城技術員小李為您解答

6、dreamweaver中用框架網頁結構做網頁要怎麼保存?還有就是模板下載好了要怎麼使用啊??

按照我說的來! 不同版本的dreamweaver保存方法是不一樣的,但是有一個都適用的辦法版.
1.新建框架集網頁
2.在頂部菜權單里的 窗口裡面把框架勾上.
3.在出現的框架操作界面裡面選種最外層,然後保存全部.後面如果繼續彈出要保存的頁面全部取消(各個版本不一樣),然後把滑鼠游標在編輯區域分別選種相應的頁面,然後一個一個保存.
over,這樣就可以搞定.(不同版本保存方法 不一樣,有的很簡單,但是我說的是可以通用的方法,所以相對一些版本的保存來說顯得要麻煩些.)

至於模板,cms的模板你直接用dw打開以後,編輯好以後,保存的時候保存成html格式什麼的就行了!
如果是psd的,你需要保存為jpg格式或者gif格式,這個時候它只是一個效果圖,需要你用到ps或者是fw工具來切分效果圖,切分好以後會自動生成一個已經布局好的靜態頁面,然後用dw打開編輯就行了!

7、如何用DW製作模板?

用DW製作模板步驟如下:

1、首先是必須建立好一個頁的基本框架,把固定的元素先確定下來,留出一些空白的編輯區域給一些變動元素。

2、在菜單欄上依次打開【插入】——【模板對象】——【創建模板】。

3、重新命名你的網頁模板。創建網頁模板必須先建立網站站點。

4、將滑鼠游標定位到需要插入編輯區域的地方,然後在菜單欄中打開【插入】——【模板對象】——【可編輯區域】。

5、建立好的可編輯區域後以後可以直接在這裡面輸入相應的內容,大多數需要不斷更新的。然後就可以直接CTRL+S保存這個模板了,網頁模板的格式是.dwt。

6、使用網頁模板,可以在菜單欄中打開【文件】——【新建】——【模板中的頁】,選定剛剛重命名的製作好的模板就可以直接引用了。

與dw網頁設計框架模板相關的知識