網(wǎng)頁模板怎么用？

1.如果是psd格式的，要用photoshop打開，然后保存為web格式，會生成一個網(wǎng)頁文件(html)和一個文件夾。網(wǎng)頁文件可以用dreamweaver或frontpage編輯。該文件夾實際上是該模板使用的圖形。2.如果是網(wǎng)站模板，首先要看有沒有模板文件。一般放在一個叫template (dreamweaver)的文件夾里，可以用dreamweaver編輯，然后就可以制作出一個基于這個模板的網(wǎng)站。通常，下載的文件是PSD文件格式。建議先安裝photosop7.0或以上版本，然后用Photoshop(簡稱PS)打開這個文件，然后在PS中，在圖層中，將各個圖層的文件更改為你需要的文字或圖標(biāo)，然后點擊"文件"菜單"另存為網(wǎng)頁格式"。保存時注意保存為‘html’格式(保存時輸入文件名，將文件類型改為html文件類型)。然后用Dreamweaver修改一下。

如何用Photoshop制作網(wǎng)頁模板

網(wǎng)頁中有很多元素，比如橫幅、文本框、文字、版權(quán)、Logo、廣告等。盡量把這些相對獨(dú)立的元素放在不同的圖層中，以便后期編輯。但是層多了就變得雜亂了，可以建立多個層組進(jìn)行管理。單擊圖層面板右上角的三角形按鈕，從彈出菜單中選擇“新建組”，在隨后的對話框中為新組命名(如“網(wǎng)頁頂部”)，然后單擊“確定”。此時，圖層面板中多了一個文件夾圖標(biāo)，即圖層組。將所有相關(guān)層拖放到同一個組中，例如網(wǎng)頁頂部的所有元素、標(biāo)題、菜單、徽標(biāo)等。進(jìn)入“網(wǎng)頁頂端”組(見圖1)。該方法還可以創(chuàng)建多個組，并且可以在組下創(chuàng)建子組。點擊圖層組前面的小三角形，就可以像文件夾一樣展開或者折疊，這樣圖層面板顯示的就干凈多了，如果想修改某個元素也很容易找到。同一組中的所有圖層都可以輕松統(tǒng)一，如復(fù)制、刪除、隱藏、合并等。小貼士：如果你想學(xué)習(xí)一個網(wǎng)頁的設(shè)計，不妨把它剪成圖片放在最底層，然后畫出若干條參考線，畫出網(wǎng)頁的大致布局，然后一邊參考一邊制作自己的網(wǎng)頁。在Photoshop中設(shè)計了從Photoshop到Dreamweaver的轉(zhuǎn)換后，我們將使用切片工具將其轉(zhuǎn)換為網(wǎng)頁。有些人喜歡先合并圖層再切片，其實沒必要。是否合并圖層對最終生成的網(wǎng)頁影響不大，反而會阻礙以后的編輯和修改。第一步：我們最終需要的是Photoshop中制作的圖形和框架。選擇切片工具(快捷鍵是K)來單獨(dú)切片每個需要的圖形。每次圖形被切割時，切片號將顯示在其左上角(見圖2)。第二步：右鍵單擊工具箱中的切片工具，從彈出菜單中選擇“切片選擇工具”。它可用于選擇、移動和調(diào)整切片的大小。右鍵單擊切片也可以刪除或分割切片。

簡單網(wǎng)頁制作

FrontPage 2003簡介FrontPage 2003是微軟公司推出的Office 2003的組件之一。FrontPage 2003啟動和退出，打開和保存文件的方式與Office系列中的其他軟件相同。FrontPage 2003啟動后，主窗口如圖6-61所示，菜單部分外觀與Office中其他軟件相似。與以前的版本相比，F(xiàn)rontPage 2003具有以下新功能：(1)自定義瀏覽器分辨率預(yù)覽檢查；(2)跟蹤圖像；(3)層功能；(4)插入交互按鈕；(5)行為的應(yīng)用；(6)使用網(wǎng)頁重定向；圖6-61 FrontPage 2003啟動界面圖6-62“新建”任務(wù)窗格(7)檢查網(wǎng)頁錯誤；(8)優(yōu)化HTML代碼；(9)規(guī)劃頁面布局。第二，制作簡單的網(wǎng)頁。我們已經(jīng)學(xué)會了用Word在前面排版。事實上，你已經(jīng)可以做一個簡單的網(wǎng)頁了。只需將原Word文檔保存為“網(wǎng)頁(*。htm*.html)”可以保存為網(wǎng)頁文件。讓我們用FrontPage 2003制作一個簡單的網(wǎng)頁。步驟如下：1 .啟動FrontPage 2003，選擇開始/所有程序/Microsoft Office/FrontPage 2003命令，打開如圖6-61所示界面。圖6-63新建空白網(wǎng)頁圖6-64 "網(wǎng)頁模板"對話框2。新建一個網(wǎng)頁，選擇“文件”/“新建…”菜單命令，打開“新建”任務(wù)窗格，如圖6-62所示。單擊“空白網(wǎng)頁”，或者您可以通過單擊工具欄上的“新建”按鈕創(chuàng)建一個新的空白網(wǎng)頁。如圖6-63所示。如果要基于Microsoft FrontPage的模板創(chuàng)建網(wǎng)頁，請單擊“其他網(wǎng)站模板”,打開如圖6-64所示的“網(wǎng)站模板”對話框，單擊所需模板類型的選項卡，然后單擊一個模板。3.輸入如下內(nèi)容圖6-654。編輯操作網(wǎng)頁中的文字編輯操作與Word中的類似。本例中“我的第一個網(wǎng)頁”應(yīng)用“標(biāo)題一”樣式，設(shè)置為隸書，水平居中；威爾“你好！歡迎”應(yīng)用“標(biāo)題二”樣式，其他內(nèi)容應(yīng)用“正常”樣式，行距設(shè)置為“1.5倍行距”。設(shè)置后，效果如圖6-65所示。5.保存網(wǎng)頁文件。選擇“文件”/“保存”命令，彈出“另存為”對話框，指定保存位置和文件名，然后點擊“保存”按鈕完成操作。三。制作多媒體個人主頁我們將以制作一個簡單的個人網(wǎng)站為例，進(jìn)一步學(xué)習(xí)使用FrontPage 2003。1.策劃網(wǎng)站策劃包括策劃網(wǎng)站的風(fēng)格、結(jié)構(gòu)、配色，是網(wǎng)站的整體定位。這個例子有六個欄目，包括主頁、求職信、簡歷、榮譽(yù)證書、才藝展示和聯(lián)系方式。鏈接的文件名是index.htm、zijian.htm、jianli.htm、zhengshu.htm、zhanshi.htm和lianxi.htm。當(dāng)然，你也可以根據(jù)自己的情況進(jìn)行修改。頁面布局如圖6-66所示。2.在FrontPage 2003中構(gòu)建網(wǎng)站，所謂網(wǎng)站就是一些網(wǎng)頁和程序的集合。每個網(wǎng)頁通過超鏈接鏈接在一起，所有網(wǎng)頁和文件都存儲在一個文件夾中。這些文件和網(wǎng)頁通過網(wǎng)站統(tǒng)一。本地網(wǎng)站是指本地硬盤上存儲整個網(wǎng)站所有文檔的文件夾。遠(yuǎn)程網(wǎng)站是指網(wǎng)絡(luò)服務(wù)器上供用戶瀏覽的網(wǎng)站。建立一個新的網(wǎng)站，其實就是建立一個單獨(dú)的文件夾，然后在這個文件夾里建立各種網(wǎng)頁，并鏈接在一起?？梢栽谛戮W(wǎng)站中制作網(wǎng)頁，也可以像以前一樣單獨(dú)創(chuàng)建新網(wǎng)頁。建議新建一個網(wǎng)站做一個網(wǎng)頁。我們先新建一個FrontPage網(wǎng)站：(1)在文件菜單上，單擊新建，出現(xiàn)如圖6-66所示的新建任務(wù)窗格。圖6-66(2)在“新建”任務(wù)窗格中，單擊“包含一個網(wǎng)頁的網(wǎng)站”。

(3)在“網(wǎng)站模板”對話框的“常規(guī)”選項卡下，單擊所需的網(wǎng)站模板。在此示例中，選擇“只有一個網(wǎng)頁的網(wǎng)站”，并在“指定新網(wǎng)站的位置”列中，鍵入或選擇新網(wǎng)站的路徑和名稱。在這里，我們將默認(rèn)的mysite改為myhome，如圖6-67所示，然后點擊確定，打開新建網(wǎng)站對話框。完成。左欄是文件夾列表。您可以通過右鍵快捷菜單創(chuàng)建新文件夾，并復(fù)制、刪除和重命名文件或文件夾。圖6-67 "網(wǎng)站模板"對話框圖6-683。準(zhǔn)備材料將本例中需要的圖片動畫材料復(fù)制到網(wǎng)站的images文件夾中。4.在“網(wǎng)頁”視圖中，在文檔窗口的底部制作主頁標(biāo)題，單擊“設(shè)計”。雙擊文件夾列表中的index.htm，打開網(wǎng)頁進(jìn)入編輯狀態(tài)，開始制作主頁。(1)設(shè)置網(wǎng)頁大小在“視圖”菜單上，指向“網(wǎng)頁大小”，然后單擊“設(shè)置網(wǎng)頁大小”。(2)在網(wǎng)頁視圖中的文檔窗口底部設(shè)置網(wǎng)頁背景，點擊設(shè)計，右鍵點擊網(wǎng)頁編輯區(qū)，在彈出菜單中點擊網(wǎng)頁屬性項，彈出網(wǎng)頁屬性對話框，在標(biāo)題框中輸入“歡迎使用小輝的個人電子簡歷”；點擊“格式”選擇格式選項卡，“背景”欄下的“背景圖片”，點擊“瀏覽”按鈕選擇背景圖片。如圖6-69所示。點擊“確定”按鈕，完成網(wǎng)頁背景設(shè)置。也可以通過單擊“格式”菜單上的“背景”來設(shè)置它。(3)插入一行兩列的表格和在Word中插入表格是一樣的。在“顯示設(shè)計”視圖模式下，單擊“標(biāo)準(zhǔn)”工具欄上的“插入表格”按鈕，或者在“插入”菜單上，指向“插入”，然后單擊“級聯(lián)”菜單上的“表格”。右鍵單擊插入的表格，在彈出菜單中單擊“表格屬性”，將“單元格邊距、單元格間距和粗細(xì)”列設(shè)置為0，如圖6-70所示，然后單擊“確定”。圖6-69網(wǎng)頁屬性圖6-70表格屬性(4)在第一個單元格中插入圖片將插入點放在第一個單元格中。在“插入”菜單上，指向“圖片”，然后單擊“來自文件”。找到要添加的文件(網(wǎng)站下的images文件夾下的logo.gif)，如圖6-71所示，然后點擊插入。更簡單的方法是將圖片文件從文件夾列表拖到編輯區(qū)域指定的位置。(5)在第二個單元格中插入Flash動畫。單擊第二個單元格。在“插入”菜單上，指向“圖片”，然后單擊“Flash電影”。彈出類似圖6-71的“選擇文件”對話框。找到要添加的文件(網(wǎng)站下的images文件夾中的banner_007.swf)，然后點擊“插入”。(6)在第一個表格下插入一個1行1列的表格。另外，將單元格間距、單元格間距和厚度列設(shè)置為0，并設(shè)置背景顏色。在本例中，選擇了其他顏色，如圖6-72所示。在“值”文本框中輸入十六進(jìn)制={C1，E8，C9}。(7)制作滾動字幕。單擊第二個表格的單元格。在插入菜單上，點擊Web組件，彈出插入Web組件對話框。默認(rèn)會選擇字幕，所以點擊完成，會彈出字幕屬性的對話框。在文本框中輸入：衷心感謝您閱讀我的簡歷，點擊確定。如圖6-73所示。圖6-71插入圖片對話框圖6-72其他顏色對話框5。制作表體和表尾(1)在第二個表格下插入一個1行2列的表格，同樣設(shè)置單元格間距和單元格間距為0，但是粗細(xì)為1，深色邊框為白色，亮邊框為其他顏色。在“值”文本框中輸入Hex={99，如圖6-72所示。(2)設(shè)置單元格背景色。右鍵單擊該表的第一個單元格，在彈出菜單中單擊“單元格屬性”，彈出如圖6-74所示的對話框。將背景設(shè)置為其他顏色，在值文本框中輸入Hex={F1，F(xiàn)5，F(xiàn)C}，如圖6-72所示。方法還將第二個單元格設(shè)置為白色。

圖6-73副標(biāo)題屬性對話框圖6-74單元格屬性(3)調(diào)整單元格寬度，使其與第一個表格相同。(4)在第一個單元格中插入一個8行1列的表格，并將單元格間距、單元格間距、粗細(xì)列設(shè)置為0。在單元格屬性中，將單元格對齊屬性設(shè)置為水平居中和垂直居中，并將行高調(diào)整為40。在剛插入的表格第二行插入圖片homepage.gif，然后進(jìn)入“首頁”；在第三行插入圖片sub_dot.gif，然后輸入“自薦信”。最后四行插入的圖片是sub_dot.gif，輸入的文字依次是“簡歷”、“榮譽(yù)證書”、“才藝展示”、“聯(lián)系方式”。(5)在表3的第二個單元格中插入一個3行3列的表格，并將單元格間距、單元格間距和粗細(xì)列設(shè)置為0。使中間列變寬。在本表第一行第二列輸入“自薦信”，第二行第二列輸入自薦信內(nèi)容。設(shè)置為1.5倍行距。(6)在表3后面插入一個2行1列的表格，將單元格間距、單元格間距、粗細(xì)列設(shè)置為0；并且第一個單元格的背景顏色被設(shè)置為與表2的背景顏色相同。在第二個單元格中輸入“電話：023-683568xx郵箱：xiaohui @ 163.com”并設(shè)置為中心。6.鏈接網(wǎng)站文件選擇要創(chuàng)建超鏈接的文本或圖像，單擊常用工具欄中的“插入超鏈接”按鈕，或者單擊“插入”菜單上的“超鏈接”，或者右鍵單擊所選區(qū)域并單擊“超鏈接”以打開“插入超鏈接”對話框。如圖6-75所示。圖6-75 "插入超鏈接"對話框(1)選擇"主頁"并單擊常用工具欄中的按鈕。在打開的如圖6-75所示的“插入超鏈接”對話框中，在“地址”框中輸入index.htm，點擊“確定”按鈕。(2)用同樣的方法將求職信鏈接到zijian.htm，簡歷鏈接到j(luò)ianli.htm，榮譽(yù)證書鏈接到zhengshu.htm，才藝展示鏈接到zhanshi.htm，聯(lián)系方式鏈接到lianxi.htm。7.保存文件，然后按F12預(yù)覽網(wǎng)頁。四。制作本網(wǎng)站的其他頁面。首先，在文件夾列表中復(fù)制五個index.htm，并將它們重命名為zijian.htm、jianli.htm、zhengshu.htm、zhanshi.htm和lianxi.htm。只需將每個文件的隨函部分修改為相應(yīng)的內(nèi)容，頁眉、超鏈接欄、頁腳不變。五、網(wǎng)站發(fā)布當(dāng)我們完成上述內(nèi)容后，需要將制作好的網(wǎng)頁發(fā)布到互聯(lián)網(wǎng)上的一個web服務(wù)器上，以便在線訪問者瀏覽。首先，你得去互聯(lián)網(wǎng)服務(wù)提供商(ISP)申請存儲網(wǎng)頁的空間和域名。以前很多網(wǎng)站(比如網(wǎng)易)提供免費(fèi)的個人主頁存儲空間，現(xiàn)在相對少了。中國學(xué)生網(wǎng)仍然提供50M免費(fèi)空間服務(wù)。你可以申請一個免費(fèi)的空間，在http://web.6to23.com/.出版網(wǎng)站可以使用專門的FTP工具。不過為了方便用戶，F(xiàn)rontPage 2003內(nèi)置了網(wǎng)頁發(fā)布功能。有了它，只需簡單設(shè)置就能輕松完成網(wǎng)站發(fā)布任務(wù)。FrontPage 2003中的遠(yuǎn)程網(wǎng)站視圖可以幫助我們將整個網(wǎng)站或單個文件和文件夾發(fā)布到任何位置：擴(kuò)展的web服務(wù)器、支持文件傳輸協(xié)議(FTP)或基于web的分布式創(chuàng)作和版本控制(WebDAV)的Web服務(wù)器，或者文件系統(tǒng)中的某個位置。讓我們使用FrontPage 2003和FTP來發(fā)布網(wǎng)站。步驟如下：1 .打開FrontPage網(wǎng)站。單擊文件菜單上的打開網(wǎng)站或單擊工具欄上打開按鈕旁邊的下拉標(biāo)志，從下拉菜單中選擇打開網(wǎng)站，在彈出的打開網(wǎng)站對話框中找到要打開的網(wǎng)站，單擊打開按鈕。2.轉(zhuǎn)到遠(yuǎn)程網(wǎng)站視圖。若要轉(zhuǎn)到此視圖，請單擊“網(wǎng)站”選項卡，然后單擊窗口底部的“遠(yuǎn)程網(wǎng)站”按鈕?；蛘咴凇耙晥D”菜單上，單擊“遠(yuǎn)程網(wǎng)站”。如圖6-76所示。3.在文檔窗口頂部設(shè)置“遠(yuǎn)程網(wǎng)站屬性”，點擊“遠(yuǎn)程網(wǎng)站屬性”。

在彈出的對話框中，在遠(yuǎn)程網(wǎng)站選項卡上的遠(yuǎn)程Web服務(wù)器類型下，單擊FTP。在“遠(yuǎn)程網(wǎng)站位置”框中，輸入所選遠(yuǎn)程網(wǎng)站的地址和FTP協(xié)議(在本例中，輸入“ftp://125.91.6.75”)，如圖6-77所示。點擊“確定”按鈕，在打開的“需要用戶名和密碼”對話框中輸入ISP提供的用戶名和密碼，點擊“確定”按鈕。如圖6-78所示。圖6-76圖6-774。發(fā)布網(wǎng)站可以通過點擊窗口右下角的“發(fā)布網(wǎng)站”按鈕發(fā)布所有文件。您也可以發(fā)布單個文件，在本地網(wǎng)站中選擇一個文件，然后點按“本地到遠(yuǎn)程”按鈕。如圖6-79所示。圖6-78圖6-79

求一個簡單的個人網(wǎng)頁html模板

這樣的模板有很多。百度打開一個網(wǎng)頁，右鍵點擊源代碼就可以找到它們。{dede:global.cfg_webname/}首頁首頁服務(wù)范圍服務(wù)案例展示案例關(guān)于美國新聞新聞聯(lián)系我們Logo { dede:global . CFG _ GGG/}

本文標(biāo)簽： 網(wǎng)頁 文件