-
-
- 咨詢熱線:
- 021-37721408
-
-
- 如何學做網頁
- 添加時間:2015/4/1 9:30:02 瀏覽次數:4077
-
一、制作網站前的準備
可以使用一種漢字輸入方法，快慢不拘。 會用IE點擊上網并瀏覽網頁
知道一些最最基本的術語，例如說超級鏈接你知道點一下就能到別的網頁去，這個相信你也會吧。
你會使用office 軟件——沒聽說過？WORD知道吧？就是你打字的東東。你肯定打過什么文稿之類的東東吧，那就得用到WORD，要不WPS也行，反正一定得會使用這樣的軟件，不然你就沒辦法實現制作網頁的那些功能。
OK，假設你上面這些東東你全都會的話，那就可以制作網頁啦。
二、制作網頁前必須了解的東東
為了使我們這個教材真正實現誰都學得會，誰都看得懂，我決定不在這個教材里說任何專業的東東，我們是想做網頁而不是想當網絡管理員，更不需要為考什么等級而努力。所以我將這教材定位在最最簡單明了的基礎上，有些地方寫得恐怕你看了也會說一聲“弱智”，不過請相信，網上一定還有比你還弱智的朋友等著這些提示呢。呵呵，那么，開始制作啦！
首先，我們需要有必要的軟件來制作網頁。我推薦你使用 Frontpage2003（沒聽說過嗎？那我給你解釋一下，你去街角的賣盜版盤的老板那問問，有FRONTPAGE2000全版的沒有？老扳就會熱心的給你一套OFFCE2003，說這就是了，然后要你買下），這個軟件同 WORD，EXCEL之類軟件一樣，是OFFICE系列的一員，安裝OFFICE的時候將它也裝上，你就能做網頁啦，別擔心你不會用，我會手把手教你做的。如果你不會裝OFFICE，那就請你哪位哥哥幫你個小忙，請他為你裝上，其實一點也不難裝。三、正式開始啦
好，打開FRONTPAGE2003，第一次進入左邊會有個煩人的什么視圖窗，這東東用不著，關掉它！怎么關？記好了，方法如下：
點擊上面那菜單條——選查看——在菜單上那個標有“視圖欄”的小勾上點一下，呵呵！會了吧，為了簡明起見，這個操作我將寫為 菜單——查看——視圖欄 記住了嗎？這樣你看著省心我打著省事，皆大歡喜 :-)
現在出現在我們面前的是一個空白的頁面。
1、給這個網面起個名字，怎么起？請看方法：
菜單——文件——另存為……——（選擇你想保存的文件名、網頁標題、保存位置）
對了，你一定看到另存為的時候有個什么網頁標題的更改按鈕了吧，點一下你就可以改成你喜歡的網頁標題了，例如說“歡迎來到我的主頁”之類。記好，一定要選保存。建議你保存的文件名為 index ，因為這個名字的頁面是網站必須有的第一頁，網站必須有這一頁。對了，另存為的對話框最上面還有個“保存位置”，你可以選好你想保存的網頁路徑，一般保存在“我的文檔”里。你可以自己建個新文件夾用來存放你的主頁。
然后用瀏覽器IE打開這個文件，你就會看到你剛打的字了！其實FRONTPAGE2003頁面下有三個標簽，分別是“普通”、“HTML”、“預覽”，用“預覽”一樣能看到。不過我自己覺得不如另外用瀏覽器打開來得實在，呵呵，個人習慣，你盡可以用預覽這個標簽來看。
2、改變字體的大小和顏色
你可以用鼠標在你想改變顏色的字上拖動，使之成為反色字，就算選中啦。我想你如果會復制粘貼就該會這個吧。選好后在上面工具欄上找到“格式”工具，——沒有？那就用這個方法把它調出來！菜單——查看——工具欄——格式，出來了吧！
和WORD一樣，格式的操作很簡單，一看就會。請注意，字體請不要設置得太怪，一般采用默認字體或宋體。
選擇字體的大小可以從1號至7號不等。1號最小，7號最大。字符顏色選擇請看看那個標有“A”字的小按鈕，點一下它旁邊的向下箭頭。會出現好多顏色，你選一下就成了。這時你會發現選中的字大小和顏色變了，其實這些操作和WORD是一樣的，你應當一看就會。
其它諸如縮進、排列序號、段落間距之類都和OFFICE一樣，我就不多說了，不會的話可以看看有關WORD的書或自己琢磨一下，挨個試一試，這些很容易就學會的。
3、表格
表格是網頁中很重要的一節，在網頁中為實現好看的效果，必須使用表格，表格不難畫，只需點中那個工具欄上的小小鉛筆的按鈕就能畫了。如果你的頁面上沒有表格工具，請使用菜單——查看——工具欄——表格 來打開它。
4、單元格
一般網頁都是由幾個表格組成的，表格里的單元格里分別放著相應的圖片，文字和插件。所以單元格是網頁是最小的單位，每個單元格都有它的屬性，一般來說，我們可以用這些屬性來做一些想做到的事。比方說邊框的顏色、單元格內容對齊方式，可以選擇水平和垂直屬性。這些能很方便的給實現單元格內部的排版，再有就是單元格的顏色、行跨距什么的，一看就會，我想你能明白。設定這些屬性的目的就在于改變各個單元格的樣式，有了這些，單元格之間就能組成好看的頁面了，多練練這方面的東東。
5、網頁屬性
網頁的屬性有許多，你可以點擊右鍵選取擇網頁屬性進入。和我們初學者有關的就是背景啦，選擇背景標簽你就會看到相應內容，分別是格式和顏色兩個內容。里面有個背景圖片按鈕，你可以從中點瀏覽打一張你喜歡的圖片做背景，比方說馨香小憩站的背景就是一張有泡泡的墻紙的樣子。它可以很方便的做到漂亮的頁面了。還有一個格式屬性，通過這個屬性你可以改變鏈接的樣式，比方說文字默認顏色啦，背景默認顏色及其它一些選取項，你都可以試試，一看就會的。
6、插入圖片
網頁上沒圖片那就稱不上是網頁了，好看的網頁當然要有圖片陪襯，不過為了能找到圖片，建議你在你的網頁文件路徑下設一個名為“image"的文件夾，把你這網頁的圖片放里面去，這樣你就可以輕松的管理圖片而不至于以后發生上傳后網頁上找不到圖片的現象了。
說了半天你應該明白個道理，想修改什么就可以選中它然后按右鍵選相應的菜單，這很方便嘛，你學會這個就己經學會做網頁的一半了！
7、超級鏈接
網頁上沒超級鏈接那不成其為網頁，你想讓你的小站也擁有超級鏈接嗎？哈哈，很EASY！這樣來實現它！四、設計你自己的主頁
1、圖片不可太大，因為網絡不快，圖片一般在10K以下還能承受，超過10K就會影響瀏覽速度了，一般頁面里可以有個總量為30K的圖片，這是極限了，再多網頁會半天也打不開的。
2、注意配色。網頁好看是在于一個整體，而配色是很關鍵的，訪問者一眼看到網頁的整體布局就會以它的配色產生一個總體感覺，如果配色不好，訪問者就不會有什么好印象了。關于配色方面是見仁見智的事，你可以注意一些雜志、畫報之類刊物上的配色，學學別人的經驗。
3、總體布局。網頁布局要和協，不要看起來顯著頭重腳輕或虎頭蛇尾，學學報紙上的布局對你會大有幫助！
4、鏈接注意事項。一般你的網站不會只有一個頁面，你如果想使頁面可以用鏈接連起來。只需在超級鏈接里輸入文件名就行了。比方說你的首頁文件名是 index.htm，次頁文件是 text.htm 那么只需在 URL里輸入 "text.htm"即可，記著 “http://”是網上才用的東東，你在本地編輯是用不著的，當主頁上傳到網上時，它自動會變成 "http://你的主頁地址"加上"text.htm"了，這不用你擔心，你只需填入你當前目錄和當前目錄的子目錄的路徑就行了。圖片鏈接可以填入 "imagexx.gif"之類。
5、關于圖片。可以在很多地方得到好看的圖片，不過為了使你的主頁更好看，還是有必要自己畫一些圖片的。比方說標志啦，美術字什么的，它會使你的主頁更加嫵媚動人。
