導航:首頁 > 萬維百科 > dw免費個人網頁設計模板

dw免費個人網頁設計模板

發布時間:2021-01-19 09:03:54

1、網頁設計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」命令,並且在彈出的對話框中為這個區域設定一個名稱,這樣就完成了編輯區域的設置。

2、求一個個人的DW網頁設計作品

我這里有兩份個人主頁網頁模板,你自己修改下文字即可。

3、我在網上下載了一下網頁模板 但是不知道怎麼用dreamweaver設計呢?

首要做的:
用DW打開後,濾清代碼每層的結構,<head>、<body>、<foot>以及CSS和JS的文件位置和作用效果是什麼。
清理:
去掉一些自己不想要的,建議做前備份一下。另外去掉不知道的代碼後,要刷新一下,看看哪裡有變化。
提取:
收藏起來自己想要的特效或者樣式文件。
如果下載知識網頁圖片,做起來更簡單:
用FW切圖,要細心。轉頁,最後把LOGO換成自己的。
建議:
多下載幾個模板,拼合一下。

4、使用Dreamweaver製作個人網頁

網站設計八步驟

由於目前所見即所得類型的工具越來越多,使用也越來越方便,所以製作網頁已經變成了一件輕松的工作,不像以前要手工編寫一行行的源代碼那樣。一般初學者經過短暫的學習就可以學會製作網頁,於是他們認為網頁製作非常簡單,就匆匆忙忙製作自己的網站,可是做出來之後與別人一比,才發現自己的網站非常粗糙,這是為什麼呢?常言道:「性急吃不了熱豆腐」。建立一個網站就像蓋一幢大樓一樣,它是一個系統工程,有自己特定的工作流程,你只有遵循這個步驟,按部就班地一步步來,才能設計出一個滿意的網站。

一、確定網站主題

網站主題就是你建立的網站所要包含的主要內容,一個網站必須要有一個明確的主題。特別是對於個人網站,你不可能像綜合網站那樣做得內容大而全,包羅萬象。你沒有這個能力,也沒這個精力,所以必須要找准一個自己最感興趣內容,做深、做透,辦出自己的特色,這樣才能給用戶留下深刻的印象。網站的主題無定則,只要是你感興趣的,任何內容都可以,但主題要鮮明,在你的主題范圍內內容做到大而全、精而深。

二、搜集材料

明確了網站的主題以後,你就要圍繞主題開始搜集材料了。常言道:「巧婦難為無米之炊」。要想讓自己的網站有血有肉,能夠吸引住用戶,你就要盡量搜集材料,搜集得材料越多,以後製作網站就越容易。材料既可以從圖書、報紙、光碟、多媒體上得來,也可以從互聯網上搜集,然後把搜集的材料去粗取精,去偽存真,作為自己製作網頁的素材。

三、規劃網站

一個網站設計得成功與否,很大程度上決定於設計者的規劃水平,規劃網站就像設計師設計大樓一樣,圖紙設計好了,才能建成一座漂亮的樓房。網站規劃包含的內容很多,如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等,你只有在製作網頁之前把這些方面都考慮到了,才能在製作時駕輕就熟,胸有成竹。也只有如此製作出來的網頁才能有個性、有特色,具有吸引力。如何規劃網站的每一項具體內容,我們在下面會有詳細介紹。 四、選擇合適的製作工具

盡管選擇什麼樣的工具並不會影響你設計網頁的好壞,但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。網頁製作涉及的工具比較多,首先就是網頁製作工具了,目前大多數網民選用的都是所見即所得的編輯工具,這其中的優秀者當然是Dreamweaver和Frontpage了,如果是初學者,Frontpage2000是首選。除此之外,還有圖片編輯工具,如Photoshop、Photoimpact等;動畫製作工具,如Flash、Cool 3d、Gif Animator等;還有網頁特效工具,如有聲有色等,網上有許多這方面的軟體,你可以根據需要靈活運用。

五、製作網頁

材料有了,工具也選好了,下面就需要按照規劃一步步地把自己的想法變成現實了,這是一個復雜而細致的過程,一定要按照先大後小、先簡單後復雜來進行製作。所謂先大後小,就是說在製作網頁時,先把大的結構設計好,然後再逐步完善小的結構設計。所謂先簡單後復雜,就是先設計出簡單的內容,然後再設計復雜的內容,以便出現問題時好修改。在製作網頁時要多靈活運用模板,這樣可以大大提高製作效率。

六、上傳測試

網頁製作完畢,最後要發布到Web伺服器上,才能夠讓全世界的朋友觀看,現在上傳的工具有很多,有些網頁製作工具本身就帶有FTP功能,利用這些FTP工具,你可以很方便地把網站發布到自己申請的主頁存放伺服器上。網站上傳以後,你要在瀏覽器中打開自己的網站,逐頁逐個鏈接的進行測試,發現問題,及時修改,然後再上傳測試。全部測試完畢就可以把你的網址告訴給朋友,讓他們來瀏覽。

七、推廣宣傳

網頁做好之後,還要不斷地進行宣傳,這樣才能讓更多的朋友認識它,提高網站的訪問率和知名度。推廣的方法有很多,例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。

八、維護更新

網站要注意經常維護更新內容,保持內容的新鮮,不要一做好就放在那兒不變了,只有不斷地給它補充新的內容,才能夠吸引住瀏覽者
★要想學做網頁,首先得了解製作網頁的工具。

製作網頁主要有以下一些工具

Frontpage:office自帶的一個工具,操作簡單,實用,學起來比較輕松,功能不咋地,我不太喜歡。

Dreamweaver:這是網頁三劍客之一,專門製作網頁的工具,可以自動將網頁生成代碼,是普通網頁製作者的首選工具,界面簡單,實用功能比較強大。建議初學者選用。

另外一個工具就是代碼編輯工具,例如寫字本、EditPlus等,這些工具主要編輯asp等動態網頁。

此外還有一些網路編程工具,javascript、java編輯器等。

網頁製作也是一個比較吃香的行業,要真正做一個好的網站,還必須有良好的設計功底。所以還得學很多邊緣性的軟體,例如photoshop、flash等。

大型的網站往往還需要資料庫的支持,所以還得懂資料庫。sql、甲骨文等。

總之,掌握好網頁製作,能獨立完成一個網站的製作工作,那就不要考慮吃飯問題。隨便混就好了!

祝你成功。
★你可以結合 Dreamwaver 和 Photoshop 來製作網頁。
請採納。

5、如何用DW製作模板?

用DW製作模板步驟如下:

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

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

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

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

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

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

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中打開可以看看做出的效果,點擊圖中的小地球圖標就可進行查看。

與dw免費個人網頁設計模板相關的知識