操作 插入圖片文件:先將要插入圖片拷貝到站點文件夾中,選擇菜單“插入/圖片/來自文件”,在彈出窗口選擇要插入的圖片文件。然后,按照上面的方法調(diào)整和修改圖片。
進一步學(xué)習(xí)的建議:深入了解各種網(wǎng)頁圖片格式,深入學(xué)習(xí)各種圖片效果的編輯,掌握圖片位置的調(diào)整,學(xué)習(xí)使用背景圖片等。
超 鏈 接
網(wǎng)頁的強大之處就在它的超鏈接,在瀏覽器中通過點擊網(wǎng)頁中的超鏈接,可以很方便地打開另外一個網(wǎng)頁,或者是圖片、文件、郵件地址。一個網(wǎng)頁中的鏈接分成兩個部分:鏈接的載體和鏈接的目標地址。
鏈接的載體就是在網(wǎng)頁中文字和圖片,凡是包含鏈接的文字和圖片都稱為超鏈接。
操作 設(shè)置文字的超鏈接:打開主頁文件,用鼠標反白選擇要超鏈接的文字——“歡迎光臨站點名稱”,然后按鼠標右鍵。在彈出菜單中選擇“超鏈接”。彈出超鏈接設(shè)置窗口,然后在列表中選擇要超連接網(wǎng)頁文件——“Photo.htm”,確定后,就可以看到超級鏈接已建立好了。注意,在網(wǎng)頁編輯窗口,可以按住“Ctrl”鍵,點擊超鏈接就可以打開超鏈接指向的網(wǎng)頁。
操作 設(shè)置圖片的超鏈接:鼠標右鍵點擊要設(shè)置超鏈接的圖片,在右鍵菜單中選擇“超鏈接屬性”,然后設(shè)置要鏈接的文件,也可以鏈接圖片、E-Mail地址等。
操作 管理超鏈接:一個網(wǎng)站的超鏈接就像一張網(wǎng)一樣,網(wǎng)住了網(wǎng)站的所有文件。在“視圖”窗口中點擊“超鏈接”,打開超鏈接的管理窗口,在這個窗口中,我們可以看到各個文件相互間的鏈接情況,例如,要看“photo.htm”文件中鏈接了哪些文件,又被哪些文件鏈接,可以在旁邊的文件夾窗口中選擇該文件,然后即可在鏈接示意窗口中查看了。也可以在超鏈接的示意窗口直接展開某個文件的上、下超鏈接。
進一步學(xué)習(xí)的建議:掌握各種超鏈接的設(shè)置、書簽,學(xué)習(xí)使用導(dǎo)航條,學(xué)習(xí)使用圖形熱點。學(xué)習(xí)使用圖片的熱區(qū)。
規(guī)劃網(wǎng)站
規(guī)劃網(wǎng)站,其實就是網(wǎng)站的整體定位。說得時髦一點就有點像CI(corporate identity),意思是通過視覺來統(tǒng)一企業(yè)的形象。算了,還是不要這么復(fù)雜吧,我只是一個小家碧玉者。
1.確定主題和內(nèi)容
主題和內(nèi)容說白一點就是做網(wǎng)站的目的??戳瞬簧賯€人網(wǎng)站,感覺就是:你抄我抄大家一起抄,黃沙淘盡不見金。我絕對不能這樣,否則就成了網(wǎng)絡(luò)垃圾了。經(jīng)過冥思苦想,我決定做一個真正意義上的“個人”網(wǎng)站,做一個個人的家,一個在網(wǎng)絡(luò)上宣傳自己、結(jié)交朋友的“家”。
這樣一來,主要內(nèi)容就應(yīng)該是介紹自己。個人簡歷?不,那樣也太沒有意思了。就當(dāng)是做一個圖文并茂的自我小傳吧!應(yīng)該有簡歷的一部分內(nèi)容,但還應(yīng)該多說說自己的興趣愛好。此外,還少不了應(yīng)該適當(dāng)介紹一下和自己相關(guān)的東西啊!
內(nèi)容確定了,那是不是應(yīng)該給我的網(wǎng)站取個好名字了?前輩說:網(wǎng)站名稱也是網(wǎng)站設(shè)計的一部分,而且是很關(guān)鍵的一個要素。很有道理,就像每個人都想取個好名字一樣,家也應(yīng)該有個好名字!
看看網(wǎng)上的名字,“海闊天空”有點虛,“XX的個人主頁”有點俗。還是平實一點,就以我的名字叫“豆豆之家”吧。
2.網(wǎng)站結(jié)構(gòu)
參考了一下其他的個人網(wǎng)站,再看看前輩長篇大論,我也稀里糊涂地明白了一些名詞。
●網(wǎng)頁——就是你看到瀏覽器內(nèi)的一個頁面,由圖片和文字組成。通常有一級頁面、二級頁面之說。當(dāng)你輸入網(wǎng)址看到的第一個頁面叫做首頁,通常的名字是index.htm。
●網(wǎng)站——簡單地說就是很多相關(guān)網(wǎng)頁文件、圖片文件? 他文件的組合。一個網(wǎng)站由相關(guān)網(wǎng)頁組成一個關(guān)系網(wǎng),通過頁面上的鏈接在不同的網(wǎng)頁之間跳轉(zhuǎn)。
網(wǎng)站的結(jié)構(gòu)和內(nèi)容好像還有一些不成文的規(guī)定(當(dāng)然都是前輩們嘮叨的):
1. 網(wǎng)站一定要緊扣主題。
2. 設(shè)定一個交互式的欄目,例如留言薄。
3. 頁面簡潔,盡可能方便訪問者的瀏覽和查詢。
4. 網(wǎng)站的層次不要太復(fù)雜,小網(wǎng)站由3層網(wǎng)頁構(gòu)成是比較合適的。
5. 整體的頁面設(shè)計風(fēng)格要保持一致。
3.風(fēng)格的選擇
網(wǎng)站的風(fēng)格,是不是有點像人的氣質(zhì)呀?“家”當(dāng)然是有氣質(zhì)的,或者活潑、或者嚴肅、或者精美、或者樸素、或者粗獷豪放、或者小家碧玉等。我們應(yīng)該根據(jù)自己的主題和內(nèi)容給它選擇一種合適的風(fēng)格類型,以求內(nèi)容和形式的完美結(jié)合,突出自己的特色和個性??上也皇菍W(xué)美術(shù)的,只是簡單地知道一些冷暖色,看來還得在實踐中多比較。
4.頁面設(shè)計
網(wǎng)站是由一個個頁面組成的,所以每個頁面的制作就顯得極其重要。說來說去又是一個美術(shù)設(shè)計方面的問題。我先找?guī)讖埌准埞串嬑业捻撁娌輬D。
這是網(wǎng)絡(luò)上常見的幾種網(wǎng)頁布局。雖然都是在排列目錄、題目、正文,但真正要做到結(jié)構(gòu)清晰、一目了然還得看具體制作的功夫。
當(dāng)然可以選擇更活潑一點的樣式,只是需要自己去發(fā)揮了,或者到網(wǎng)絡(luò)上去學(xué)習(xí)各種漂亮的頁面設(shè)計。
選擇制作工具
古人說得好:工欲善其事,必先利其器。網(wǎng)上建家總是要工具的,制作網(wǎng)頁和網(wǎng)站的工具很多,甚至用記事本也可以(就像泥瓦匠起房子一樣,是寫網(wǎng)頁的源代碼)。但也有很多工具,可以直接將房子的框架搭好,剩下的工作就是確定要多少房間和如何布置房間。FrontPage2000就是這樣的工具。
Dreamweaver3和FrontPage2000都是當(dāng)前的主流站點和網(wǎng)頁編輯器。Dreamweaver3更加專業(yè),其代碼的簡潔、兼容性和整體功能都要比Frontpage2000強。但是FrontPage2000是微軟的產(chǎn)品,是Office2000中的一個組件,和大家經(jīng)常使用的Word有類似的界面和操作。用FrontPage編寫網(wǎng)頁就像用Word寫文章一樣簡單,很適合于我這樣業(yè)余建小“家”的人上手。 (責(zé)任編輯:大寶庫)