在日常的學(xué)習(xí),、工作、生活中,肯定對各類范文都很熟悉吧,。那么我們該如何寫一篇較為完美的范文呢,?以下是小編為大家收集的優(yōu)秀范文,,歡迎大家分享閱讀,。
個(gè)人網(wǎng)頁制作實(shí)例篇一
網(wǎng)頁設(shè)計(jì)是指使用標(biāo)識語言(markup language),,通過一系列設(shè)計(jì),、建模,、和執(zhí)行的過程將電子格式的信息通過互聯(lián)網(wǎng)傳輸,最終以圖形用戶界面(gui)的形式被用戶所瀏覽,。下面小編給大家分享的是學(xué)習(xí)個(gè)人網(wǎng)頁制作全過程,,在這里詳細(xì)的介紹了學(xué)習(xí)個(gè)人網(wǎng)頁制作全過程 ,希望對大家有所幫助.
我們在因特網(wǎng)上瀏覽時(shí),,看到的每一個(gè)頁面,,稱為網(wǎng)頁,很多網(wǎng)頁組成一個(gè)網(wǎng)站,。一個(gè)網(wǎng)站的第一個(gè)網(wǎng)頁稱為主頁,。主頁是所有網(wǎng)頁的索引頁,通過單擊主頁上的超鏈接,,可以打開其他的網(wǎng)頁,。正是由于主頁在網(wǎng)站中的特殊作用,人們也常常用主頁指代所有的網(wǎng)頁,將個(gè)人網(wǎng)站稱為“個(gè)人主頁”,,將建立個(gè)人網(wǎng)站稱為“網(wǎng)頁制作”,。
要建立一個(gè)個(gè)人網(wǎng)站,必須經(jīng)過網(wǎng)頁制作,、網(wǎng)站(頁)發(fā)布和網(wǎng)站維護(hù)三個(gè)階段
一個(gè)網(wǎng)站和一本雜志一樣,,都是展示信息的載體,只有能提供他人需要信息(內(nèi)容)的網(wǎng)站才能吸引他人訪問,。這些都要靠制作有內(nèi)容的'網(wǎng)頁來完成,。確定網(wǎng)站主題和后,制作網(wǎng)頁是建立個(gè)人網(wǎng)站的首要工作,。
每個(gè)網(wǎng)頁基本上都是一個(gè)html(hyper text markup language,,即超文本標(biāo)識語言)文件,,。,。
一般在電腦上寫文章使用word、wps等文字處理軟件,,而制作網(wǎng)頁則可使用frontpage等網(wǎng)頁制作工具,。
做好的網(wǎng)頁必須發(fā)布到因特網(wǎng)上,才能被大家看到,。所謂發(fā)布到因特網(wǎng)上實(shí)際上就是將網(wǎng)頁文件放到始終與因特網(wǎng)聯(lián)機(jī)的計(jì)算機(jī)上,,這種計(jì)算機(jī)被稱為“服務(wù)器”。實(shí)際上家里的pc機(jī)安裝相應(yīng)的服務(wù)器軟件且有固定的ip地址也可以做服務(wù)器,,但一般都借用單位網(wǎng)站的服務(wù)器或租用一些空間提供商的服務(wù)器空間,。這就和你要開商店必須租用一個(gè)場地一樣。
網(wǎng)頁發(fā)布后就可供大家訪問了,,不管在什么地方,,只要是與和因特網(wǎng)相連的計(jì)算機(jī)都可以訪問到你的網(wǎng)頁。但這沒有萬事大吉,。就和報(bào)紙,、雜志一樣,總是老內(nèi)容,,也就沒人來訪問了,。需要經(jīng)常更新,補(bǔ)充新內(nèi)容,。另外網(wǎng)頁上的錯(cuò)誤也需要及時(shí)改正,。實(shí)際上網(wǎng)站維護(hù)是網(wǎng)站建設(shè)的主要工作量。
假如,,你熟悉文字處理的相關(guān)軟件,,你不用專用軟件,,也可以作出網(wǎng)頁來。比如,,用word,,用wps,甚至用你計(jì)算機(jī)附件自帶的記事本也行,。不過用word做出來的網(wǎng)頁體積太大,,用記事本做網(wǎng)頁則要會用一些html語言,而用html來制作網(wǎng)頁是一件非常麻煩的事,。frontpage等網(wǎng)頁制作工具則使我們可以不必和這些難記,、難懂的html代碼打交道就作出較好的網(wǎng)頁來。
初學(xué)的人,,用微軟公司的frontpage比較好,,它的優(yōu)點(diǎn)是易學(xué)易懂,上手快,。frontpage是微軟公司office系列辦公軟件中的一個(gè),,它很好地實(shí)現(xiàn)了主頁制作者與html的分離。就像在word中編輯文本一樣,,我們只需要在編輯器中輸入文本或圖片,,并設(shè)置好格式,很快就可以作出一個(gè)簡單的網(wǎng)頁了,。
除了frontpage以外,,還有許多制作網(wǎng)頁的軟件,,如hotdog等,,其中最著名的是macromedia公司的“網(wǎng)頁三劍客”即dreamweaver(網(wǎng)頁制作工具)、flash(動畫制作工具)和fireworks(圖像編輯工具),。
假如,,你有了一定基礎(chǔ),還是用“網(wǎng)頁三劍客”好,。它們是專用的網(wǎng)頁制作軟件,,用它們制作的網(wǎng)頁,體積小,,占用資源少,,兼容性好。
所以本講座也從frontpage入手學(xué)習(xí)網(wǎng)頁制作,。大家先學(xué)好frontpage,,打好基礎(chǔ),如果將來準(zhǔn)備在網(wǎng)頁制作方面有所發(fā)展,,再學(xué)習(xí)“網(wǎng)絡(luò)三劍客”也不遲,。
本節(jié)我們先來熟悉一下frontpage的操作環(huán)境,,了解界面中的基本設(shè)置。
單擊任務(wù)欄上的“開始”菜單,,將鼠標(biāo)指針指向“開始”菜單中的“程序”,,在“程序”子菜單中單擊“microsoft frontpage”,就可打開frontpage窗口,。
用過word的朋友馬上就會發(fā)現(xiàn):frontpage窗口看起來和word非常相似,,常用工具欄和格式工具欄中許多按鈕的形狀和作用都一模一樣,具體的操作也和word差不多,,用熟word的朋友馬上就可以在編輯區(qū)輸入編輯文字材料,。中制作網(wǎng)頁的大部分工作都在這個(gè)環(huán)境中完成,所以我們在這里不再對frontpage的環(huán)境做詳細(xì)的介紹,。我們將在以后的學(xué)習(xí)中再陸續(xù)介紹常用工具和菜單命令的使用,。
與word比較,在剛打開的frontpage窗口的編輯區(qū)的左側(cè)多了一個(gè)視圖欄,,該視圖欄中有6種視圖按鈕,。默認(rèn)情況下,網(wǎng)頁視圖被打開,,而其他的視圖也有特殊的作用,,我們將在以后用到它們。視圖欄雖然為我們編輯網(wǎng)頁提供了很大幫助,,但由于它占用了窗口的一部分區(qū)域,,使 得我們看到的網(wǎng)頁和實(shí)際的結(jié)果存在一定差異。所以,,在編輯網(wǎng)頁的過程中,,常常將視圖欄隱藏。
如,,單擊“查看”菜單,,在右圖所示下拉菜單中可以發(fā)現(xiàn)在“視圖欄”前面有一個(gè)“√”,單擊“√”將其取消,,視圖欄將被隱藏,。重復(fù)此項(xiàng)操作,視圖欄又會出現(xiàn),。
編輯區(qū)是制作,、編輯網(wǎng)頁的地方,我們將在這個(gè)區(qū)域里進(jìn)行輸入文字,、插入圖片,、制作表格等操作。由于與word非常相似,,多數(shù)操作都非常簡單,,這些在以后的學(xué)習(xí)中將會逐漸體會到,。
編輯區(qū)有三個(gè)視圖方式,分別為“普通”方式,、“html”方式和“預(yù)覽”方式,。在編輯區(qū)下左邊有三個(gè)查看標(biāo)簽,可以讓用戶非常方便地在這三個(gè)方式之間切換,,為我們制作網(wǎng)頁提供了很大的幫助,。
和word的“頁面”視圖一樣,“普通”視圖方式允許我們以“所見即所得”的方式進(jìn)行網(wǎng)頁的編輯與制作,,如下圖所示,。制作網(wǎng)頁的大部分工作都是在這個(gè)環(huán)境中完成的。
2) “html”方式
在“html”視圖方式(下圖)中顯示的是這個(gè)網(wǎng)頁的html代碼,,即所謂源代碼,。在這個(gè)窗口中可以像在文本編輯器里一樣對html代碼進(jìn)行編輯和修改。由于frontpage功能有限,,有時(shí)為了實(shí)現(xiàn)一些特殊效果,,我們常常需要在此標(biāo)簽中直接輸入html代碼。也可在這個(gè)視圖方式下對網(wǎng)頁進(jìn)行優(yōu)化減肥,。對還不熟悉html的初學(xué)者,,可以先不去關(guān)心它。
此視圖可以預(yù)覽可以預(yù)覽網(wǎng)頁在ie中的樣子,,特別是當(dāng)網(wǎng)頁中存有動態(tài)圖片或frontpage組件時(shí),,預(yù)覽起來非常方便。
假如在這里還覺得效果與ie中不一樣,,為保證所制作的網(wǎng)頁在ie瀏覽器中的整體效果,,也可以單擊“文件”菜單,在彈出的菜單中選擇“在瀏覽器中預(yù)覽”,,從而打開瀏覽器進(jìn)行預(yù)覽,。
s("content_relate");【學(xué)習(xí)個(gè)人網(wǎng)頁制作全過程】相關(guān)文章:
dreamweaver怎么制作網(wǎng)頁
09-24
fireworks網(wǎng)頁優(yōu)化制作09-08
網(wǎng)頁設(shè)計(jì)制作的個(gè)人簡歷范文11-24
網(wǎng)頁設(shè)計(jì)制作合同模板11-30
網(wǎng)頁設(shè)計(jì)的制作步驟11-14
網(wǎng)頁設(shè)計(jì)制作小技巧10-02
制作網(wǎng)頁詳細(xì)操作步驟09-18
dreamweaver怎樣制作網(wǎng)頁模板09-16
dreamweaver網(wǎng)頁設(shè)計(jì)制作技巧09-11
怎么制作自己的網(wǎng)頁09-04