怎麼製作個人網頁主頁

來源:酷知科普網 5.65K

網頁中的個人主頁其實也可以根據自己的喜好來製作,可以根據自己的喜好做出自己喜歡的個人主頁,那如何製作個人主頁呢?今天就介紹個簡單的個人主頁的製作過程,具體可以根據自己的喜好而來哦,我今天介紹的是關於個人主頁的幻景空間;

怎麼製作個人網頁主頁

操作方法

(01)首先開啟你桌面上已經安裝好的Dreamweaver製作網頁的工具,點選新建一個HTML檔案

怎麼製作個人網頁主頁 第2張

(02)新建好一個html檔案後,然後選擇拆分的選項,方便看程式碼與效果圖,將滑鼠放置在<body></body>中間方便編寫程式程式碼,一般情況下,都是放置於body的中間啦;

怎麼製作個人網頁主頁 第3張

(03)首先在body中插入一個div容器,裡面套用table,點選插入--佈局物件--div標籤的選項,步驟如下所示;

怎麼製作個人網頁主頁 第4張

(04)下一步會提示插入標籤的相關內容,我直接點選確定就可以了;

怎麼製作個人網頁主頁 第5張

(05)點選確定後,會出現一個div的標籤,然後我們在div的標籤中插入一個table,table中設計為一行三列的形式,我們點選插入--表格的選項就可以了;

怎麼製作個人網頁主頁 第6張

(06)在彈出的表格框中,填入相關的行數、列數,以及表格的寬度的相關資訊的內容,如下所示;

怎麼製作個人網頁主頁 第7張

(07)接著在第一行第一列中插入第一列中的資訊的相關的內容,程式碼如下所示,主要是插入相關的圖片的資訊,步驟如下所示;<td width="537" height="345" align="left"><p align="center"><map name="FPMap0"><area href="" shape="rect" coords="40,230,99,249</map><img border="0" src="images/pic01b.jpg" usemap="#FPMap0" width="395" height="293"></td>

怎麼製作個人網頁主頁 第8張

(08)接著插入第二行第二列的相關資訊的內容,主要是插入意境漢字的內容,步驟如下所示:<td width="43" height="1" align="left" rowspan="2"><br><font face="隸書" size="5" color="#006666">聽<br>海<br>的<br>聲<br>音</font></p></td>

怎麼製作個人網頁主頁 第9張

(09)同理插入第三行內容的,具體的操作如下所示<td width="173" height="1" align="left" valign="top" rowspan="2"><p><br><font size="6" face="隸書" color="#800000">我<br>的<br>主<br>頁<br>空<br>間</font></p><p> </p><p><br><br><br><br></td>

怎麼製作個人網頁主頁 第10張

(10)操作完成後,接著Ctrl+S儲存一下就可以了,操作如下所示;

怎麼製作個人網頁主頁 第11張

(11)儲存好後,最後我們按下F12預覽一下個人主頁的效果圖;

怎麼製作個人網頁主頁 第12張

特別提示

個人主頁可以根據自己的喜好來製作,具體的操作可以根據自己的喜好來進行相關的設計製作的工作;

熱門標籤