本篇文章信途科技給大家談談個人網頁設計模板，以及個人網頁設計模板圖片對應的知識點，希望對各位有所幫助，不要忘了收藏本站。

求一個個人網站的模板~

html

head

meta http-equiv="Content-Language" content="zh-cn"

meta http-equiv="Content-Type" content="text/html; charset=gb2312"

title這是我的網頁/title

meta name="keywords" content="這是我的網頁"

meta name="description" content="這是我的網頁"

/head

body bgcolor="#808080"

div style="position: absolute; width: 450px; height: 550px; z-index: 1; left: 400px; top: 60px; padding-left: 60px; padding-right: 60px; padding-top: 90px; padding-bottom: 60px; background-color: #FFFFFF" id="layer1"

p align="center"b這是我的XXX頁/b/p

/body

/html

將上面的所有代碼復制到記事本中,將記事本的后綴由txt更改為htm,這樣打開后就會看到一張最簡單的網頁,如果需要多頁,只需多復制幾份即可,不同的內容需要你更改一下,如:我的網站首頁,照片,個人資料,日志等...

滿意請采納。

個人網頁設計模板.最好給能參考網站

http:/----/sunwenhao.co.bokee.net

主要提供自助網站應用系統(tǒng)（包括企業(yè)建站系列、智能網店系列、門戶網站系列、專業(yè)建站和行業(yè)建站軟件等等），程序開發(fā)，域名注冊、虛擬主機、企業(yè)郵局、網站開發(fā)、網絡推廣、VPS主機等互聯網增值服務。

Q--Q;

450316879

網頁設計模板？

！

1. Piroll - 免費的HTML PSD網站模板，用于作品集網站設計

免費下載

Piroll - 免費的HTML PSD網站模板

Piroll是一個免費的PSD網站設計模板，可用于機構或個人作品集網站的設計，該模板功能齊全，充滿靈活性，可以很好的進行再設計。該模板的設計師是來自紐約的UI設計師Svetlana。

特征：

最輕量和現代的外觀

5個PSD樣本頁面

用于創(chuàng)建MVP的結構層

2. Cesis Creative Agency -免費網站PSD模板

免費下載

Cesis Creative Agency -免費網站PSD模板

Cesis創(chuàng)意PSD模板由設計師Tranmautritam制作的，他是ThemeForest史上最暢銷的PSD模板作家。該模板的適用群體包含：代理商，設計師，自由撰稿人，博主和藝術家。主要頁面包括：主頁，關于頁面，聯系人，錯誤404，全屏菜單，注冊，列表博客，單一博客，作品集，單一作品集，服務頁面。

特征：

極簡主義

創(chuàng)意的布局

鮮艷的顏色

11個預覽圖像文件

11個PSD文件

3. MoGo -為機構提供的免費單頁PSD網站模板

免費下載

MoGo -為機構提供的免費單頁PSD網站模板

Mogo是由設計師Alexandr Karsakov在Photoshop中構建的單頁網站模板，該模板僅在freebiesbug.com上發(fā)布。它包含許多有用的組件，可幫助你快速構建站點。

特征：

干凈而現代的設計

包括用戶評價輪播

包括作品集縮略圖和其他小部件

4. Avenue Fashion -免費的PSD電子商務網站模板

個人網頁設計模板

郵箱 594370528@qq.com 謝了 很著急交作業(yè)

具體內容：

要求：

1 、設計并制作一個5頁以上的個人網站，風格不限

2 、5個html頁面相互鏈接

3 、字體要用css控制

內容：

菜單包括：主頁、我的簡歷、我的愛好、我的作品以及我的相冊 具體內容自己找

簡單網頁制作

一、FrontPage 2003簡介

FrontPage 2003是由Microsoft公司推出的Office 2003組件之一。FrontPage 2003的啟動與退出、文件的打開與保存與Office系列中其他軟件相同。FrontPage 2003啟動后，主窗口如圖6-61所示，菜單部分外貌與Office中的其他軟件相似。

與以往的版本相比，FrontPage 2003有以下幾個新功能：

（1）自定義瀏覽器分辨率預覽檢查；

（2）描摹圖像；

（3）層功能；

（4）插入交互式按鈕；

（5）行為的應用；

（6）使用網頁重定向；

圖6-61 FrontPage 2003啟動界面

圖6-62“新建”任務窗格

（7）檢查網頁錯誤；

（8）優(yōu)化HTML代碼；

（9）規(guī)劃頁面布局。

二、制作簡單網頁

我們在前面已經學會了用Word進行排版，其實你已經會制作一個簡單網頁了，只需將原來排好的Word文檔，另存時選擇保存類型為“Web頁（*.htm；*.html）”就可保存為一個網頁文件。

下面我們用FrontPage 2003制作一個簡單網頁。步驟如下：

1.啟動FrontPage 2003

選擇“開始”/“所有程序”/“Microsoft Office”/“FrontPage 2003”命令，打開如圖6-61所示的界面。

圖6-63 新的空白的網頁

圖6-64“網頁模板”對話框

2.建立新網頁

選擇“文件”/“新建…”菜單命令，打開“新建”任務窗格，如圖6-62所示。單擊“空白網頁”，也可以通過工具欄上的“新建”按鈕建立一個新的空白的網頁。如圖6-63所示。

如果要根據 Microsoft FrontPage 的模板創(chuàng)建網頁，單擊“其他網頁模板”，打開如圖6-64所示的“網頁模板”對話框，再單擊所需模板類型的選項卡，然后單擊某個模板。

3.輸入如下內容

圖6-65

4.編輯操作

網頁中的文本編輯操作與Word的編輯操作類似。

本例中，將“我的第一個網頁”應用“標題一”樣式，并設為隸書，水平居中；將“你好！歡迎光臨”應用“標題二”樣式，將其余內容應用“普通”樣式，并將行距設為“1.5倍行距”，設置完成后效果如圖6-65所示。

5.保存網頁文件

選擇“文件”/“保存”命令，彈出“另存為”對話框，指定保存位置和文件名，然后單擊“保存”按鈕即可完成操作。

三、制作多媒體個人主頁

我們以制作一個簡易的個人網站為例，進一步學習使用FrontPage 2003。

1.規(guī)劃

網站規(guī)劃包括規(guī)劃網站的風格、網站的結構和網站的配色等，是對網站的整體定位。本例設置了6個欄目，包括首頁、自薦信、個人簡歷、榮譽證書、才藝展示、聯系方式，鏈接的文件名分別為index.htm、zijian.htm、jianli.htm、zhengshu.htm、zhanshi.htm、lianxi.htm。當然也可以結合自己情況進行修改。頁面布局如圖6-66所示。

2.建立網站

在FrontPage 2003中，所謂網站，就是一些網頁和程序的集合，各個網頁之間通過超鏈接聯系在一起，所有的網頁和文件保存在一個文件夾中，通過網站把這些文件和網頁統(tǒng)一起來。本地網站是指本地硬盤上用來存放整個網站的所有文檔的文件夾。遠程網站是指網絡服務器上的網站，供用戶瀏覽。

建立一個新網站，事實上就是建立一個單獨的文件夾，然后在這個文件夾中建立各個網頁文件，并且把它們鏈接在一起。

網頁制作可以在新建網站中完成，也可以像前面那樣單獨新建一個網頁。建議用新建網站的方法來制作網頁。

下面我們首先創(chuàng)建新的FrontPage網站：

（1）在“文件”菜單上，單擊“新建”，出現如圖 6-66 所示的“新建”任務窗格。

圖6-66

（2）在“新建”任務窗格中，單擊“由一個網頁組成的網站”。

（3）在“網站模板”對話框中，在“常規(guī)”選項卡下，單擊需要的網站模板，本例選擇“只有一個網頁的網站”，并在指定新網的位置欄中，鍵入或選擇新網的路徑及名稱，這里我們將默認的mysite改為myhome，如圖6-67所示，然后單擊“確定”按鈕，出現創(chuàng)建新網站對話框，完成站點創(chuàng)建，完成后如圖6-68所示。左邊一列是文件夾列表，可以通過右鍵快捷菜單新建文件夾，對文件或文件夾進行復制、刪除、重命名等操作。

圖6-67“網站模板”對話框

圖6-68

3.準備素材

將本例所需的圖片動畫素材復制到網站內的images文件夾下。

4.制作主頁頁眉

在“網頁”視圖中的文檔窗口底部，單擊“設計”

。

在文件夾列表中雙擊index.htm，打開該網頁并進入編輯狀態(tài)，開始首頁制作。

（1）設置網頁大小 在“視圖”菜單上，指向“網頁大小”，單擊

設置網頁大小。

（2）設置網頁背景在“網頁”視圖中的文檔窗口底部，單擊“設計”

，右擊網頁編輯區(qū)，在彈出菜單中單擊“網頁屬性”項，彈出“網頁屬性”對話框，在標題框內輸入“歡迎訪問小慧的個人電子簡歷”；單擊“格式”選中格式選項卡，選中背景欄下的“背景圖片”，并單擊“瀏覽”按鈕選擇背景圖片。如圖6-69所示。單擊“確定”按鈕完成網頁背景設置。也可在“格式”菜單上單擊“背景”來設置。

（3）插入一個一行兩列的表格 方法與在Word中插入表格相同。

在顯示設計視圖模式下，通過常用工具欄的“插入表格”按鈕，或在“插入”菜單上，指向“插入”，在級聯菜單中單擊“表格”；右擊插入的表格，在彈出菜單中單擊“表格屬性”，并將單元格襯距、單元格間距和粗細欄均設為0，如圖6-70所示，單擊“確定”按鈕。

圖6-69 網頁屬性

圖6-70 表格屬性

（4）在第一個單元格內插入圖片 將插入點放在第一個單元格，在“插入”菜單上，指向“圖片”，再單擊“來自文件”。找到要添加的文件（網站下images文件夾下的logo.gif），如圖6-71所示，然后單擊“插入”。

更簡單的方法是從文件夾列表拖動圖片文件到編輯區(qū)指定的位置即可。

（5）在第二個單元格內插入Flash動畫 單擊第二個單元格，在“插入”菜單上，指向“圖片”，再單擊“Flash影片”。彈出與圖6-71相似的“選擇文件”對話框，找到要添加的文件（網站下images文件夾下的banner_007.swf），然后單擊“插入”。

（6）在第一個表格下插入一個1行1列的表格 同樣將單元格襯距、單元格間距和粗細欄均設為0，設置好背景顏色，本例是選的其他顏色，如圖6-72所示，在“值”文本框中輸入Hex={C1，E8，C9}。

（7）制作滾動字幕 在第二個表格的單元格內單擊，在“插入”菜單上，單擊“Web組件”，彈出插入Web組件對話框，默認選中的是字幕，因此單擊“完成”按鈕，彈出字幕屬性對話框，在“文本”框內輸入：衷心感謝您垂閱我的簡歷，單擊“確定”按鈕。如圖6-73所示。

圖6-71 插入圖片對話框

圖6-72“其他顏色”對話框

5.制作正文和頁腳

（1）在第二個表格下插入一個1行2列的表格，同樣將單元格襯距、單元格間距設為0，但粗細設為1，暗邊框設為白色，亮邊框則設為其他顏色，在如圖6-72所示的“值”文本框中輸入Hex={99，CC，FF}。

（2）設置單元格背色。右擊此表格的第一個單元格，在彈出菜單中單擊“單元格屬性”，彈出如圖6-74所示的對話框，背景設為其他顏色，在如圖6-72所示的“值”文本框中輸入Hex={F1，F5，FC}。同樣方法將第二個單元格設為白色。

圖6-73 字幕屬性對話框

圖6-74 單元格屬性

（3）調整單元格寬度，使之與第一個表格相同。

（4）在第一個單元格內插入一個8行1列的表格，并將單元格襯距、單元格間距和粗細欄均設為0。在單元格屬性中將單元格對齊屬性設為水平居中，垂直居中，行高調整為40。

在剛插入的表格第二行內插入圖片homepage.gif，并在其后輸入“首 頁”；在第三行內插入圖片sub_dot.gif，并在其后輸入“自 薦信”，后面四行插入的圖片均為sub_dot.gif，輸入的文字依次為“個人簡歷”、“榮譽證書”、“才藝展示”、“聯系方式”。

（5）在表格三的第二個單元格內插入一個3行3列的表格，并將單元格襯距、單元格間距和粗細欄均設為0。將中間一列調寬一些。

在該表格第一行第二列中輸入“自薦信”，在第二行第二列輸入自薦信的內容。設為1.5倍行距。

（6）在表格三后面插入一個2行1列的表格，并將單元格襯距、單元格間距和粗細欄均設為0；并且第一個單元格背景色設為與表格二背景色相同，在第二個單元格內輸入“聯系電話：023-683568XX E-mail：xiaohui＠163.com”并設為居中。

6.鏈接網站文件

選中要建立超鏈接的文字或圖像，單擊常用工具欄中的“插入超鏈接”按鈕或在“插入”菜單上單擊“超鏈接”，或者是右擊選中區(qū)域并單擊“超鏈接”，均可打開“插入超鏈接”對話框。如圖6-75所示。

圖6-75“插入超鏈接”對話框

（1）選中“首頁”，單擊常用工具欄中的

按鈕，在打開的如圖6-75所示的“插入超鏈接”對話框中，在“地址”框內輸入index.htm，并單擊“確定”按鈕。

（2）用同樣的方法將“自薦信”鏈接到zijian.htm、“個人簡歷”鏈接到jianli.htm、“榮譽證書”鏈接到zhengshu.htm、“才藝展示”鏈接到zhanshi.htm、“聯系方式”鏈接到lianxi.htm。

7.保存文件，按F12鍵預覽網頁

四、制作本網站內其他頁面

首先在文件夾列表中將 index.htm 復制 5個，分別重命名為 zijian.htm、jianli.htm、zhengshu.htm、zhanshi.htm、lianxi.htm。只需將每個文件中自薦信部分修改為相應內容即可，頁眉、超鏈接欄和頁腳均不變。

五、網站發(fā)布

當我們完成上述內容后，需將制作的網頁發(fā)布到Internet上的Web服務器中，才能供網上的訪問者瀏覽。首先要到Internet服務提供商（ISP）那里申請購買存放網頁的空間和域名，以前有很多網站（如網易等）都提供免費的個人主頁存放空間，現在相對較少了，中國學生網仍在提供50M免費空間服務，大家可到http://web.6to23.com/去申請一個免費空間。

發(fā)布網站可以使用專門的FTP工具。但為了給用戶提供方便，FrontPage 2003內置了網頁發(fā)布功能，利用它，只需進行簡單的設置，就可以輕松地完成網站發(fā)布任務。FrontPage 2003中的遠程網站視圖可以幫助我們將整個網站或單獨的文件和文件夾發(fā)布到任何位置：擴展的 Web 服務器、支持文件傳輸協議（FTP）或基于 Web 的分布式創(chuàng)作和版本控制（WebDAV）的Web服務器或文件系統(tǒng)中的某個位置。

下面我們利用FrontPage 2003及文件傳輸協議（FTP）發(fā)布網站，步驟如下：

1.打開FrontPage網站

在“文件”菜單中單擊“打開網站”或單擊工具欄上的“打開”按鈕邊上的下拉標志，從下拉菜單中選“打開網站”，在彈出的“打開網站”對話框中找到需要打開的網站并單擊“打開”按鈕。

2.轉至“遠程網站”視圖

若要轉至該視圖，請單擊“網站”選項卡，然后單擊窗口底部的“遠程網站”按鈕?；蛟凇耙晥D”菜單上，單擊“遠程網站”。如圖6-76所示。

3.設置“遠程網站屬性”

在文檔窗口頂部，單擊“遠程網站屬性”。在彈出的對話框中，在“遠程網站”選項卡上，在“遠程 Web服務器類型”下，單擊“FTP”。在“遠程網站位置”框中，鍵入自己所選定的遠程網站的地址及 FTP 協議（本例中輸入“ftp://125.91.6.75”），如圖6-77所示。單擊“確定”按鈕，在打開的“要求提供用戶名和密碼”對話框中輸入ISP提供的用戶名和密碼，單擊“確定”按鈕。如圖6-78所示。

圖6-76

圖6-77

4.發(fā)布網站

通過單擊窗口右下角的“發(fā)布網站”按鈕即可發(fā)布所有文件。也可發(fā)布單個文件，在本地網站選擇一個文件，然后單擊“本地到遠程”按鈕

。如圖6-79所示。

圖6-78

圖6-79

個人網頁設計模板的介紹就聊到這里吧，感謝你花時間閱讀本站內容，更多關于個人網頁設計模板圖片、個人網頁設計模板的信息別忘了在本站信途科技進行查找。