當前位置:編程學習大全網 - 編程語言 - 怎麽做壹個完整的網頁

怎麽做壹個完整的網頁

壹、制作網站前的準備

可以使用壹種漢字輸入方法,快慢不拘。

會用IE點擊上網並瀏覽網頁

知道壹些最最基本的術語,例如說超級鏈接妳知道點壹下就能到別的網頁去,這個相信妳也會吧。

妳會使用office 軟件——沒聽說過?WORD知道吧?就是妳打字的東東。妳肯定打過什麽文稿之類的東東吧,那就得用到WORD,要不WPS也行,反正壹定得會使用這樣的軟件,不然妳就沒辦法實現制作網頁的那些功能。

OK,假設妳上面這些東東妳全都會的話,那就可以制作網頁啦。

二、制作網頁前必須了解的東東

為了使我們這個教材真正實現誰都學得會,誰都看得懂,我決定不在這個教材裏說任何專業的東東,我們是想做網頁而不是想當網絡管理員,更不需要為考什麽等級而努力。所以我將這教材定位在最最簡單明了的基礎上,有些地方寫得恐怕妳看了也會說壹聲“弱智”,不過請相信,網上壹定還有比妳還弱智的朋友等著這些提示呢。呵呵,那麽,開始制作啦!

首先,我們需要有必要的軟件來制作網頁。我推薦妳使用 Frontpage2003(沒聽說過嗎?那我給妳解釋壹下,妳去街角的賣盜版盤的老板那問問,有FRONTPAGE2000全版的沒有?老扳就會熱心的給妳壹套OFFCE2003,說這就是了,然後要妳買下),這個軟件同 WORD,EXCEL之類軟件壹樣,是OFFICE系列的壹員,安裝OFFICE的時候將它也裝上,妳就能做網頁啦,別擔心妳不會用,我會手把手教妳做的。如果妳不會裝OFFICE,那就請妳哪位哥哥幫妳個小忙,請他為妳裝上,其實壹點也不難裝。

好,假設妳安裝好了FRONTPAGE2003(FRONTPAGE2000也可,不過使用起來沒有FRONTPAGE2003順手),我就是用的FRONTPAGE2003,所以教材上也以此為準。

餵,妳先別得意,有了這個FRONTPAGE2003是可以做網頁,不過還得有其它壹大堆軟件妳才能做得和我的馨香小憩站壹樣呢,妳要學的東東多著呢,千萬別得意哦。

三、正式開始啦

好,打開FRONTPAGE2003,第壹次進入左邊會有個煩人的什麽視圖窗,這東東用不著,關掉它!怎麽關?記好了,方法如下:

點擊上面那菜單條——選查看——在菜單上那個標有“視圖欄”的小勾上點壹下,呵呵!會了吧,為了簡明起見,這個操作我將寫為 菜單——查看——視圖欄 記住了嗎?這樣妳看著省心我打著省事,皆大歡喜 :-)

現在出現在我們面前的是壹個空白的頁面。

1、給這個網面起個名字,怎麽起?請看方法:

菜單——文件——另存為……——(選擇妳想保存的文件名、網頁標題、保存位置)

對了,妳壹定看到另存為的時候有個什麽網頁標題的更改按鈕了吧,點壹下妳就可以改成妳喜歡的網頁標題了,例如說“歡迎來到我的主頁”之類。記好,壹定要選保存。建議妳保存的文件名為 index ,因為這個名字的頁面是網站必須有的第壹頁,網站必須有這壹頁。對了,另存為的對話框最上面還有個“保存位置”,妳可以選好妳想保存的網頁路徑,壹般保存在“我的文檔”裏。妳可以自己建個新文件夾用來存放妳的主頁。

現在我們的網頁文件己經出來了,名字叫“index.htm” 頁面標題是“歡迎來到我的主頁”,妳可以試著用IE打開這個網頁文件,在瀏覽器最上最左邊的藍色條上能看到這句話。妳又會說了,空空的嘛,壹個網頁是出來了,上面上個字也沒有!別急,咱這就往裏加字!

妳直接輸入“歡迎來到我的主頁!”這句話。就會看到在網頁的左上邊出現了這句話,和打字壹樣,對了,就和打字壹樣,這麽簡單!點壹下左上角那個小小的磁盤保存這個文件吧,或者用 Ctrl + S保存。

然後用瀏覽器IE打開這個文件,妳就會看到妳剛打的字了!其實FRONTPAGE2003頁面下有三個標簽,分別是“普通”、“HTML”、“預覽”,用“預覽”壹樣能看到。不過我自己覺得不如另外用瀏覽器打開來得實在,呵呵,個人習慣,妳盡可以用預覽這個標簽來看。

2、改變字體的大小和顏色

妳可以用鼠標在妳想改變顏色的字上拖動,使之成為反色字,就算選中啦。我想妳如果會復制粘貼就該會這個吧。選好後在上面工具欄上找到“格式”工具,——沒有?那就用這個方法把它調出來!菜單——查看——工具欄——格式 ,出來了吧!

和WORD壹樣,格式的操作很簡單,壹看就會。請註意,字體請不要設置得太怪,壹般采用默認字體或宋體。

選擇字體的大小可以從1號至7號不等。1號最小,7號最大。字符顏色選擇請看看那個標有“A”字的小按鈕,點壹下它旁邊的向下箭頭。會出現好多顏色,妳選壹下就成了。這時妳會發現選中的字大小和顏色變了,其實這些操作和WORD是壹樣的,妳應當壹看就會。

其它諸如縮進、排列序號、段落間距之類都和OFFICE壹樣,我就不多說了,不會的話可以看看有關WORD的書或自己琢磨壹下,挨個試壹試,這些很容易就學會的。

3、表格

表格是網頁中很重要的壹節,在網頁中為實現好看的效果,必須使用表格,表格不難畫,只需點中那個工具欄上的小小鉛筆的按鈕就能畫了。如果妳的頁面上沒有表格工具,請使用 菜單——查看——工具欄——表格 來打開它。

表格無非就是這麽橫幾道豎幾道的框框,每壹個格子叫單元格,這個很重要哦,妳可以通過選中單元格按鼠標右鍵來選擇相應的菜單。單元格有單元格的屬性,表格有表格的屬性,網頁也有網頁的屬性,這壹切都在右擊鼠標鍵上。呵呵,學會這些做網頁就不愁啦。

通過拉動表格的邊線可以改變大小,也可以通過右擊鼠標選表格大小裏直接輸入數值來指定大小,後者更精確壹些。壹般來說表格寬度不應超過790,因為網頁的大小定位在800*600格式下,超過了就會在網頁下面出現拉動條,有點不好看,所以我用表格壹般讓它寬度為790,當然這要根據妳想實現的網頁效果來做。

4、單元格

壹般網頁都是由幾個表格組成的,表格裏的單元格裏分別放著相應的圖片,文字和插件。所以單元格是網頁是最小的單位,每個單元格都有它的屬性,壹般來說,我們可以用這些屬性來做壹些想做到的事。比方說邊框的顏色、單元格內容對齊方式,可以選擇水平和垂直屬性。這些能很方便的給實現單元格內部的排版,再有就是單元格的顏色、行跨距什麽的,壹看就會,我想妳能明白。設定這些屬性的目的就在於改變各個單元格的樣式,有了這些,單元格之間就能組成好看的頁面了,多練練這方面的東東。

5、網頁屬性

網頁的屬性有許多,妳可以點擊右鍵選取擇網頁屬性進入。和我們初學者有關的就是背景啦,選擇背景標簽妳就會看到相應內容,分別是格式和顏色兩個內容。裏面有個背景圖片按鈕,妳可以從中點瀏覽打壹張妳喜歡的圖片做背景,比方說馨香小憩站的背景就是壹張有泡泡的墻紙的樣子。它可以很方便的做到漂亮的頁面了。還有壹個格式屬性,通過這個屬性妳可以改變鏈接的樣式,比方說文字默認顏色啦,背景默認顏色及其它壹些選取項,妳都可以試試,壹看就會的。

6、插入圖片

網頁上沒圖片那就稱不上是網頁了,好看的網頁當然要有圖片陪襯,不過為了能找到圖片,建議妳在妳的網頁文件路徑下設壹個名為“image"的文件夾,把妳這網頁的圖片放裏面去,這樣妳就可以輕松的管理圖片而不至於以後發生上傳後網頁上找不到圖片的現象了。

插入圖片操作很簡單,通過下面這個方式就能做到了。 菜單欄——插入——圖片——來自文件——選擇想插入的圖片。

妳最好將想插入的圖片放到 image 文件夾裏,然後再插入,這樣網頁上所有的圖片都包含在 image文件夾裏了。方便也很實用。插入後可以選擇壹些圖片屬性讓它更符合妳的頁面,比方說圖片大小啦,圖片顏色優化什麽的,這些都可以在圖片上通過右擊鼠標選圖片屬性來修改。

說了半天妳應該明白個道理,想修改什麽就可以選中它然後按右鍵選相應的菜單,這很方便嘛,妳學會這個就己經學會做網頁的壹半了!

7、超級鏈接

網頁上沒超級鏈接那不成其為網頁,妳想讓妳的小站也擁有超級鏈接嗎?哈哈,很EASY!這樣來實現它!

選中妳想使之成為超級鏈接的文本,比方說是“進入”兩個字,選取中後仍是按鼠標右鍵,選彈出菜單上那個“超級鏈接……”就會出現壹個對話框讓妳來設定超級鏈接。妳不會呀?簡單極了!就是在 URL 裏輸入網址就行了。呵呵,比方說妳輸入我的小站的地址:“”保存壹下網頁。然後選預覽或用IE打開這個網頁文件,妳會發現點擊“進入”兩個字就會進入到我的小站了,當然,妳把超級鏈接改成別的網址點擊它自然是到那個網址了。

記著,可以設定超級鏈接點擊後是在新窗口打開還是在原窗口打開,這妳只要在目標框架裏選壹下就成了。壹般是設為網頁默認值,妳可以改變它使之成為新建窗口。

四、設計妳自己的主頁

以上提到的壹些功能的使用妳會了沒?用這些功能就能做出相當漂亮的主頁了!不信?好,妳看看馨香小憩的壹些頁面不就是由這幾個東東組成的嗎?現在妳就可以自己來設計壹個主頁了,相信妳會做得比我好看的。

哦,忘了提壹些東東了。有些東西妳必須註意

1、圖片不可太大,因為網絡不快,圖片壹般在10K以下還能承受,超過10K就會影響瀏覽速度了,壹般頁面裏可以有個總量為30K的圖片,這是極限了,再多網頁會半天也打不開的。

2、註意配色。網頁好看是在於壹個整體,而配色是很關鍵的,訪問者壹眼看到網頁的整體布局就會以它的配色產生壹個總體感覺,如果配色不好,訪問者就不會有什麽好印象了。關於配色方面是見仁見智的事,妳可以註意壹些雜誌、畫報之類刊物上的配色,學學別人的經驗。

3、總體布局。網頁布局要和協,不要看起來顯著頭重腳輕或虎頭蛇尾,學學報紙上的布局對妳會大有幫助!

4、鏈接註意事項。壹般妳的網站不會只有壹個頁面,妳如果想使頁面可以用鏈接連起來。只需在超級鏈接裏輸入文件名就行了。比方說妳的首頁文件名是 index.htm,次頁文件是 text.htm 那麽只需在 URL裏輸入 "text.htm"即可,記著 “/

  • 上一篇:如何學習java編程
  • 下一篇:百度的創始人是誰?
  • copyright 2024編程學習大全網