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