導航:首頁 > 萬維百科 > 個人網頁設計圖片

個人網頁設計圖片

發布時間:2020-07-25 20:02:29

1、如何創建個人網頁?

一、准備材料

你首先做一個小計劃,准備在主頁上告訴人家什麼?比如介紹三個方面:自我介紹,我的愛好,我的工作,那你就先起一個總目錄(文件夾,比如d:\html),來放你的所有文件,然後再在這個目錄建立三個子目錄:myself,interest,job。文件名你可以任意,但最好全部小寫,因為有的主機要認大小寫。然後將你的材料copy進相應的子目錄。比如你要在你的主頁里展示你的靚照,那就將你的照片掃描成JPG格式的文件,放在myself的目錄下.

要注意,網上只能使用JPG和GIF兩種圖象格式,其他諸如BMP和TIF等很通用的格式都不能用在網上,因為它們太大了,但你可以用圖象軟體進行轉換,比如Office 97的照片編輯器。把你准備在你主頁上出現的圖象放進相應的目錄里後,你就可以開始製作了。

二、開始製作

你無須去記復雜的HTML語言,你可以用Netscape4.0或者WORD7.0,我用的是Frontpage.打開Netscape,在file菜單里選Edit Page,便可以製作了.文字的處理基本跟Word沒什麼兩樣,關鍵是插入圖片和產生鏈接.我們先做關於你自我介紹的一頁,你先寫上「大家好,我是superboy,下面是我的照片:」這時要放圖片了,只須點擊Insert菜單,選取Image,在Choosefile里選取你的圖象文件即可,然後把這個文件保存為myself.html文件,放在myself的目錄下。好,現在必須做封面了,你在封面寫:「歡迎來到superboy的主頁」以下是「自我介紹,我的愛好,我的工作」。你的自我介紹要鏈接到下一頁去,你只須用滑鼠選「自我介紹」後按滑鼠右鍵 ,再選create link,然後再選你myself目錄下的myself.html,就將「自我介紹」鏈接到下一頁了,以後在瀏覽器中一按,就可以跳到鑲有你靚照的頁面啦。

在你的封面做好了所有鏈接和圖片後,記住你必須將這一頁保存為index.htm(有的主機要求必須為index.html),因為網頁默認的主頁名稱是index.製作主頁其實很簡單,只要多實際製作,工多藝熟。還可以拿來主義,在網上看到什麼好的主頁,用另存為功能保存為.html格式的文件,細細研究人家是如何做的。

三、將你製作好的安放在網上

要在網上安你自己的家,你必須先申請一個主頁空間,即向某一個主機申請一快硬碟空間。現在有較多的主機提供免費主頁空間,具體見實用鏈接欄目。這些主機不僅提供免費個人主頁空間,並且還提供留言簿、計數器等很有用的功能。只要到有關站點申請即可,具體方法,參考相關題目。申請完成以後用FTP將你所有的主頁文件上傳至主機指定的目錄就可以了!

需要注意的是,一定要保持網頁的相對位置,否則會看不到網頁的,有很多朋友都問我:為什麼我的網頁傳上去了可是看不到,老是出現網頁錯誤呢?其實他們都是因為位置的問題,只要把位置改動一下就可以的了。

2、做一個簡單的圖片顯示網頁頁面

※ ☆ ※為您做答 希望對你有幫助 如果滿意請選擇我的答案 您的支持是我最大的動力★★
★要想學做網頁,首先得了解製作網頁的工具。
製作網頁主要有以下一些工具
Frontpage:office自帶的一個工具,操作簡單,實用,學起來比較輕松,功能不咋地,我不太喜歡。
Dreamweaver:這是網頁三劍客之一,專門製作網頁的工具,可以自動將網頁生成代碼,是普通網頁製作者的首選工具,界面簡單,實用功能比較強大。建議初學者選用。
另外一個工具就是代碼編輯工具,例如寫字本、EditPlus等,這些工具主要編輯asp等動態網頁。
此外還有一些網路編程工具,javascript、java編輯器等。
網頁製作也是一個比較吃香的行業,要真正做一個好的網站,還必須有良好的設計功底。所以還得學很多邊緣性的軟體,例如photoshop、flash等。
大型的網站往往還需要資料庫的支持,所以還得懂資料庫。sql、甲骨文等。
總之,掌握好網頁製作,能獨立完成一個網站的製作工作,那就不要考慮吃飯問題。隨便混就好了!
祝你成功。
★你可以結合 Dreamwaver 和 Photoshop 來製作網頁。
從最基礎的HTML語言開始,學會了這就可以自己弄靜態的網頁了,學會了後就可以學動態的
網站設計八步驟
由於目前所見即所得類型的工具越來越多,使用也越來越方便,所以製作網頁已經變成了一件輕松的工作,不像以前要手工編寫一行行的源代碼那樣。一般初學者經過短暫的學習就可以學會製作網頁,於是他們認為網頁製作非常簡單,就匆匆忙忙製作自己的網站,可是做出來之後與別人一比,才發現自己的網站非常粗糙,這是為什麼呢?常言道:「性急吃不了熱豆腐」。建立一個網站就像蓋一幢大樓一樣,它是一個系統工程,有自己特定的工作流程,你只有遵循這個步驟,按部就班地一步步來,才能設計出一個滿意的網站。
一、確定網站主題
網站主題就是你建立的網站所要包含的主要內容,一個網站必須要有一個明確的主題。特別是對於個人網站,你不可能像綜合網站那樣做得內容大而全,包羅萬象。你沒有這個能力,也沒這個精力,所以必須要找准一個自己最感興趣內容,做深、做透,辦出自己的特色,這樣才能給用戶留下深刻的印象。網站的主題無定則,只要是你感興趣的,任何內容都可以,但主題要鮮明,在你的主題范圍內內容做到大而全、精而深。
二、搜集材料
明確了網站的主題以後,你就要圍繞主題開始搜集材料了。常言道:「巧婦難為無米之炊」。要想讓自己的網站有血有肉,能夠吸引住用戶,你就要盡量搜集材料,搜集得材料越多,以後製作網站就越容易。材料既可以從圖書、報紙、光碟、多媒體上得來,也可以從互聯網上搜集,然後把搜集的材料去粗取精,去偽存真,作為自己製作網頁的素材。
三、規劃網站
一個網站設計得成功與否,很大程度上決定於設計者的規劃水平,規劃網站就像設計師設計大樓一樣,圖紙設計好了,才能建成一座漂亮的樓房。網站規劃包含的內容很多,如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等,你只有在製作網頁之前把這些方面都考慮到了,才能在製作時駕輕就熟,胸有成竹。也只有如此製作出來的網頁才能有個性、有特色,具有吸引力。如何規劃網站的每一項具體內容,我們在下面會有詳細介紹。
四、選擇合適的製作工具
盡管選擇什麼樣的工具並不會影響你設計網頁的好壞,但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。網頁製作涉及的工具比較多,首先就是網頁製作工具了,目前大多數網民選用的都是所見即所得的編輯工具,這其中的優秀者當然是Dreamweaver和Frontpage了,如果是初學者,Frontpage2000是首選。除此之外,還有圖片編輯工具,如Photoshop、Photoimpact等;動畫製作工具,如Flash、Cool 3d、Gif Animator等;還有網頁特效工具,如有聲有色等,網上有許多這方面的軟體,你可以根據需要靈活運用。
五、製作網頁
材料有了,工具也選好了,下面就需要按照規劃一步步地把自己的想法變成現實了,這是一個復雜而細致的過程,一定要按照先大後小、先簡單後復雜來進行製作。所謂先大後小,就是說在製作網頁時,先把大的結構設計好,然後再逐步完善小的結構設計。所謂先簡單後復雜,就是先設計出簡單的內容,然後再設計復雜的內容,以便出現問題時好修改。在製作網頁時要多靈活運用模板,這樣可以大大提高製作效率。
六、上傳測試
網頁製作完畢,最後要發布到Web伺服器上,才能夠讓全世界的朋友觀看,現在上傳的工具有很多,有些網頁製作工具本身就帶有FTP功能,利用這些FTP工具,你可以很方便地把網站發布到自己申請的主頁存放伺服器上。網站上傳以後,你要在瀏覽器中打開自己的網站,逐頁逐個鏈接的進行測試,發現問題,及時修改,然後再上傳測試。全部測試完畢就可以把你的網址告訴給朋友,讓他們來瀏覽。
七、推廣宣傳
網頁做好之後,還要不斷地進行宣傳,這樣才能讓更多的朋友認識它,提高網站的訪問率和知名度。推廣的方法有很多,例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。
八、維護更新
網站要注意經常維護更新內容,保持內容的新鮮,不要一做好就放在那兒不變了,只有不斷地給它補充新的內容,才能夠吸引住瀏覽者
軟體下載 用訊雷搜索一下
建議使用網頁製作三劍客Dreamweawer+photoshop+Flash 或使用Frontpage
Dreamweaver v8.0 簡體注冊版
下載地址:
用網頁三劍客吧,教程可參照以下網站:
※ ☆ ※為您做答 希望對你有幫助 如果滿意請選擇我的答案 您的支持是我最大的動力★★

3、如何製作個人網頁?

製作主頁的過程和方法:

一、准備材料

你首先做一個小計劃,准備在主頁上告訴人家什麼?比如介紹三個方面:自我介紹,我的愛好,我的工作,那你就先起一個總目錄(文件夾,比如d:\html),來放你的所有文件,然後再在這個目錄建立三個子目錄:myself,interest,job。文件名你可以任意,但最好全部小寫,因為有的主機要認大小寫。然後將你的材料copy進相應的子目錄。比如你要在你的主頁里展示你的靚照,那就將你的照片掃描成JPG格式的文件,放在myself的目錄下.

要注意,網上只能使用JPG和GIF兩種圖象格式,其他諸如BMP和TIF等很通用的格式都不能用在網上,因為它們太大了,但你可以用圖象軟體進行轉換,比如Office 97的照片編輯器。把你准備在你主頁上出現的圖象放進相應的目錄里後,你就可以開始製作了。

二、開始製作

你無須去記復雜的HTML語言,你可以用Netscape4.0或者WORD7.0,我用的是Frontpage.打開Netscape,在file菜單里選Edit Page,便可以製作了.文字的處理基本跟Word沒什麼兩樣,關鍵是插入圖片和產生鏈接.我們先做關於你自我介紹的一頁,你先寫上「大家好,我是superboy,下面是我的照片:」這時要放圖片了,只須點擊Insert菜單,選取Image,在Choosefile里選取你的圖象文件即可,然後把這個文件保存為myself.html文件,放在myself的目錄下。好,現在必須做封面了,你在封面寫:「歡迎來到superboy的主頁」以下是「自我介紹,我的愛好,我的工作」。你的自我介紹要鏈接到下一頁去,你只須用滑鼠選「自我介紹」後按滑鼠右鍵 ,再選create link,然後再選你myself目錄下的myself.html,就將「自我介紹」鏈接到下一頁了,以後在瀏覽器中一按,就可以跳到鑲有你靚照的頁面啦。

在你的封面做好了所有鏈接和圖片後,記住你必須將這一頁保存為index.htm(有的主機要求必須為index.html),因為網頁默認的主頁名稱是index.製作主頁其實很簡單,只要多實際製作,工多藝熟。還可以拿來主義,在網上看到什麼好的主頁,用另存為功能保存為.html格式的文件,細細研究人家是如何做的。還可以借用網頁模版來搞,我的就是~~~~~~

三、將你製作好的安放在網上

要在網上安你自己的家,你必須先申請一個主頁空間,即向某一個主機申請一快硬碟空間。現在有較多的主機提供免費主頁空間,具體見實用鏈接欄目。這些主機不僅提供免費個人主頁空間,並且還提供留言簿、計數器等很有用的功能。只要到有關站點申請即可,具體方法,參考相關題目。申請完成以後用FTP將你所有的主頁文件上傳至主機指定的目錄就可以了!

需要注意的是,一定要保持網頁的相對位置,否則會看不到網頁的,有很多朋友都問我:為什麼我的網頁傳上去了可是看不到,老是出現網頁錯誤呢?其實他們都是因為位置的問題,只要把位置改動一下就可以的了。

4、網頁設計,製作一個個人網站

找到你看好的一個網頁 然後 點擊文件 另存為 放到桌面就好 之後再稍微修改一下 很簡單

5、求個人網頁設計代碼

HTML語法大全

<!> 跑馬燈
<marquee>...</marquee>普通卷動
<marquee behavior=slide>...</marquee>滑動
<marquee behavior=scroll>...</marquee>預設卷動
<marquee behavior=alternate>...</marquee>來回卷動
<marquee direction=down>...</marquee>向下卷動
<marquee direction=up>...</marquee>向上卷動
<marquee direction=right></marquee>向右卷動
<marquee direction=left></marquee>向左卷動
<marquee loop=2>...</marquee>卷動次數
<marquee width=180>...</marquee>設定寬度
<marquee height=30>...</marquee>設定高度
<marquee bgcolor=FF0000>...</marquee>設定背景顏色
<marquee scrollamount=30>...</marquee>設定卷動距離
<marquee scrolldelay=300>...</marquee>設定卷動時間
<!>字體效果
<h1>...</h1>標題字(最大)
<h6>...</h6>標題字(最小)
<b>...</b>粗體字
<strong>...</strong>粗體字(強調)
<i>...</i>斜體字
<em>...</em>斜體字(強調)
<dfn>...</dfn>斜體字(表示定義)
<u>...</u>底線
<ins>...</ins>底線(表示插入文字)
<strike>...</strike>橫線
<s>...</s>刪除線
<del>...</del>刪除線(表示刪除)
<kbd>...</kbd>鍵盤文字
<tt>...</tt> 打字體
<xmp>...</xmp>固定寬度字體(在文件中空白、換行、定位功能有效)
<plaintext>...</plaintext>固定寬度字體(不執行標記符號)
<listing>...</listing> 固定寬度小字體
<font color=00ff00>...</font>字體顏色
<font size=1>...</font>最小字體
<font style =font-size:100 px>...</font>無限增大
<!>區斷標記
<hr>水平線
<hr size=9>水平線(設定大小)
<hr width=80%>水平線(設定寬度)
<hr color=ff0000>水平線(設定顏色)
<br>(換行)
<nobr>...</nobr>水域(不換行)
<p>...</p>水域(段落)
<center>...</center>置中
<!>連結格式
<base href=地址>(預設好連結路徑)
<a href=地址></a>外部連結
<a href=地址 target=_blank></a>外部連結(另開新窗口)
<a href=地址 target=_top></a>外部連結(全窗口連結)
<a href=地址 target=頁框名></a>外部連結(在指定頁框連結)
<!>貼圖/音樂
<img src=圖片地址>貼圖
<img src=圖片地址 width=180>設定圖片寬度
<img src=圖片地址 height=30>設定圖片高度
<img src=圖片地址 alt=提示文字>設定圖片提示文字
<img src=圖片地址 border=1>設定圖片邊框
<bgsound src=MID音樂文件地址>背景音樂設定
<!>表格語法
<table aling=left>...</table>表格位置,置左
<table aling=center>...</table>表格位置,置中
<table background=圖片路徑>...</table>背景圖片的URL=就是路徑網址
<table border=邊框大小>...</table>設定表格邊框大小(使用數字)
<table bgcolor=顏色碼>...</table>設定表格的背景顏色
<table borderclor=顏色碼>...</table>設定表格邊框的顏色
<table borderclordark=顏色碼>...</table>設定表格暗邊框的顏色
<table borderclorlight=顏色碼>...</table>設定表格亮邊框的顏色
<table cellpadding=參數>...</table>指定內容與網格線之間的間距(使用數字)
<table cellspacing=參數>...</table>指定網格線與網格線之間的距離(使用數字)
<table cols=參數>...</table>指定表格的欄數
<table frame=參數>...</table>設定表格外框線的顯示方式
<table width=寬度>...</table>指定表格的寬度大小(使用數字)
<table height=高度>...</table>指定表格的高度大小(使用數字)
<td colspan=參數>...</td>指定儲存格合並欄的欄數(使用數字)
<td rowspan=參數>...</td>指定儲存格合並列的列數(使用數字)
<!>分割窗口
<frameset cols="20%,*">左右分割,將左邊框架分割大小為20%右邊框架的大小瀏覽器會自動調整
<frameset rows="20%,*">上下分割,將上面框架分割大小為20%下面框架的大小瀏覽器會自動調整
<frameset cols="20%,*">分割左右兩個框架
<frameset cols="20%,*,20%">分割左中右三個框架
<分割上下兩個框架
<frameset rows="20%,*,20%">分割上中下三個框架
<! - - ... - -> 批註
<A HREF TARGET> 指定超級鏈接的分割窗口
<A HREF=#錨的名稱> 指定錨名稱的超級鏈接
<A HREF> 指定超級鏈接
<A NAME=錨的名稱> 被連結點的名稱
<ADDRESS>....</ADDRESS> 用來顯示電子郵箱地址
<B> 粗體字
<BASE TARGET> 指定超級鏈接的分割窗口
<BASEFONT SIZE> 更改預設字形大小
<BGSOUND SRC> 加入背景音樂
<BIG> 顯示大字體
<BLINK> 閃爍的文字
<BODY TEXT LINK VLINK> 設定文字顏色
<BODY> 顯示本文
<BR> 換行
<CAPTION ALIGN> 設定表格標題位置
<CAPTION>...</CAPTION> 為表格加上標題
<CENTER> 向中對齊
<CITE>...<CITE> 用於引經據典的文字
<CODE>...</CODE> 用於列出一段程序代碼
<COMMENT>...</COMMENT> 加上批註
<DD> 設定定義列表的項目解說
<DFN>...</DFN> 顯示"定義"文字
<DIR>...</DIR> 列表文字卷標
<DL>...</DL> 設定定義列表的卷標
<DT> 設定定義列表的項目
<EM> 強調之用
<FONT FACE> 任意指定所用的字形
<FONT SIZE> 設定字體大小
<FORM ACTION> 設定戶動式窗體的處理方式
<FORM METHOD> 設定戶動式窗體之資料傳送方式
<FRAME MARGINHEIGHT> 設定窗口的上下邊界
<FRAME MARGINWIDTH> 設定窗口的左右邊界
<FRAME NAME> 為分割窗口命名
<FRAME NORESIZE> 鎖住分割窗口的大小
<FRAME SCROLLING> 設定分割窗口的滾動條
<FRAME SRC> 將HTML文件加入窗口
<FRAMESET COLS> 將窗口分割成左右的子窗口
<FRAMESET ROWS> 將窗口分割成上下的子窗口
<FRAMESET>...</FRAMESET> 劃分分割窗口
<H1>~<H6> 設定文字大小
<HEAD> 標示文件信息
<HR> 加上分網格線
<HTML> 文件的開始與結束
<I> 斜體字
<IMG ALIGN> 調整圖形影像的位置
<IMG ALT> 為你的圖形影像加註
<IMG DYNSRC LOOP> 加入影片
<IMG HEIGHT WIDTH> 插入圖片並預設圖形大小
<IMG HSPACE> 插入圖片並預設圖形的左右邊界
<IMG LOWSRC> 預載圖片功能
<IMG SRC BORDER> 設定圖片邊界
<IMG SRC> 插入圖片
<IMG VSPACE> 插入圖片並預設圖形的上下邊界
<INPUT TYPE NAME value> 在窗體中加入輸入欄位
<ISINDEX> 定義查詢用窗體
<KBD>...</KBD> 表示使用者輸入文字
<LI TYPE>...</LI> 列表的項目 ( 可指定符號 )
<MARQUEE> 跑馬燈效果
<MENU>...</MENU> 條列文字卷標
<META NAME="REFRESH" CONTENT URL> 自動更新文件內容
<MULTIPLE> 可同時選擇多項的列表欄
<NOFRAME> 定義不出現分割窗口的文字
<OL>...</OL> 有序號的列表
<OPTION> 定義窗體中列表欄的項目
<P ALIGN> 設定對齊方向
<P> 分段
<PERSON>...</PERSON> 顯示人名
<PRE> 使用原有排列
<SAMP>...</SAMP> 用於引用字
<SELECT>...</SELECT> 在窗體中定義列表欄
<SMALL> 顯示小字體
<STRIKE> 文字加橫線
<STRONG> 用於加強語氣
<SUB> 下標字
<SUP> 上標字
<TABLE BORDER=n> 調整表格的寬線高度
<TABLE CELLPADDING> 調整數據域位之邊界
<TABLE CELLSPACING> 調整表格線的寬度
<TABLE HEIGHT> 調整表格的高度
<TABLE WIDTH> 調整表格的寬度
<TABLE>...</TABLE> 產生表格的卷標
<TD ALIGN> 調整表格欄位之左右對齊
<TD BGCOLOR> 設定表格欄位之背景顏色
<TD COLSPAN ROWSPAN> 表格欄位的合並
<TD NOWRAP> 設定表格欄位不換行
<TD VALIGN> 調整表格欄位之上下對齊
<TD WIDTH> 調整表格欄位寬度
<TD>...</TD> 定義表格的數據域位
<TEXTAREA NAME ROWS COLS> 窗體中加入多少列的文字輸入欄
<TEXTAREA WRAP> 決定文字輸入欄是自動否換行
<TH>...</TH> 定義表格的標頭欄位
<TITLE> 文件標題
<TR>...</TR> 定義表格美一行
<TT> 打字機字體
<U> 文字加底線
<UL TYPE>...</UL> 無序號的列表 ( 可指定符號 )
<VAR>...</VAR> 用於顯示變數

6、求一份個人網頁設計 簡單的 要有框架 謝謝了 急

去網上搜一下就好了,有很多案例。如果要有flash動畫的,可以另外找一些flash動畫,然後再替換裡面的有些元素就好了

7、網頁設計與製作(個人主頁)

我有以前做的dreamweaver的網頁作業。
有20份作業的源文件。任你挑選。
郵箱我就不單獨發了,為了方便大家下載參考。
我把網頁作業源文件打包上傳到我的百度網盤。
網頁作業的下載地址 公布於本人的百度空間的文章中。
找不到或者有什麼問題的可以私信我

8、個人網頁設計

1。用PS做出效果圖來後,切圖。也就是切割成小圖片,用來做網頁用的。有的地方是直接插入圖片,有的設為背景,視網頁的需求而定。這一步要搞好,我一般是用fireworks切圖,切完後→滑鼠右鍵→導出所選切片→選擇html和圖像。
PS也能切圖,這個看個人習慣!
2.用dreamweaver做網頁,把切好的圖放到一個文件夾里,一般命名為images,這個你應該知道。然後新建個網頁,表格布局這是最簡單的,改插入的地方插入,改設為背景的地方設為背景。
3.一般只要首頁做成網頁了,二級頁面就簡單了!
4.如果有開場flash動畫:如一樓 所說,建個按鈕,在動作里寫

on (release)
{
getURL("", "_blank");
}
這一句可直接寫你網頁的名字,比如說你的首頁叫index.html,直接改成找個就可以了。
5.如果是別的flash動畫,只需在你做的flash裡面新建一個按鈕,大小你可以自己定,用矩形框做一個就行!新建一個層,放在所有層的最上面,可以直接把該按鈕設為透明。按F9,輸入同樣代碼
on (release)
{
getURL("", "_blank");
}
說了這么多,就算文不對題,也該給點分吧!

9、製作個人網頁的設計思路

個人網頁的設計思路:1.定位網站的整體主題;2.布局網頁關鍵詞,首頁用哪些主關鍵詞;欄目頁用什麼長尾詞等;後續如果進行網站推廣用得到;3.用AXURE製作效果圖,如果設計每一個頁面的排版和布局;制定層次架構;
當然,這個製作思路相對來說需要一定技術基礎,如果沒有基礎,那麼可以用傻瓜式的建站操作平台做,只用填充內容即可,不用會代碼,也不用懂設計。

與個人網頁設計圖片相關的知識