|
一、 | 再下載一個電子信箱圖案 |
![]() 在這一張網頁裡,我們就要練習加一張電子信箱的圖案,並加上超連結設定。 首先我們再從網頁圖庫下載一張電子信箱的圖片。還記得怎麼下載嗎?對了,看看上一課的講義,跟著進入(WebPhoto)的網站。這一次要在(動態圖庫)裡的(按鈕)找到電子信箱圖片。 |
|
二、 | 另存一個電子信箱圖案 |
![]() 這時候,請以滑鼠左鍵點一下(另存圖片)。 接著的步驟,您應該還記得吧?一定要把這張圖片放到您的網頁資料夾。 |
|
三、 | 插入電子信箱圖片 |
![]() 欣賞過後,現在請您將滑鼠移到「歡迎寫信給我」(您可能不是這樣寫吧?)的具尾,點一下滑鼠,再按一下(Enter)鍵,產生一個空間。 然後到工具列執行插入功能,將電子信箱得圖片放到這個空間。 |
|
四、 | 反白選取要設定超連結的項目 |
文字的選取方式就是反白這一段文字。請先反白「我是誰?」這個句子。 |
|
五、 | 執行超連結設定功能 |
![]() 請點一下這個功能框最下方的(超連結內容)。 |
|
六、 | 建立超連結內容 |
![]() 第一個要設定的是連接的位址,就是中間標為URL的右邊長方格。 裡面的(http://)是預設成連到其他網站,我們目前還不需要連到其他網站,所以將它反白刪除。 |
|
七、 | 打上超連結目的網頁名稱 |
![]() 在這裡先提醒您,為了將來作業方便,不必重複設定,您要先想好這樣項目的檔案名稱,例如:我是誰myself.htm;我的興趣myhabit.htm;我的家庭 myfamily.htm以及我常逛的網站 website.htm。 |
|
八、 | 修改文字顏色 |
![]() 這時候我們可以修改文字顏色,以配合不同的背景顏色。 請到工具列點一下(格式),出現下拉式功能表,再點一下(背景)。 |
|
九、 | 設定超連結文字顏色 |
![]() 請點一下旁邊的小倒三角形,出現文字色盤後,選擇與您的網頁背景顏色對比的顏色。 |
|
十、 | 設定所有超連結功能的文字顏色 |
![]() 請重複以上步驟逐一設定成適合瀏覽的顏色。 |
|
十一 | 設定電子郵件超連結 |
![]() 請點一下電子信箱的圖片,然後在圖片上面點一下滑鼠右鍵,就會彈出一個功能表。請以左鍵點一下最下面的(超連結)。 |
|
十二 | 選擇超連結項目 |
![]() |
|
十三 | 建立電子郵件超連結 |
![]() 請在空格內輸入電子郵件位址,再點一下(確定),就好了。 |
|
十四 | 看看電子郵件的超連結設定方式 |
![]() |
|
十五 | 看看視窗左下角的超連結顯示 |
![]() |
|
十六 | 以另存新檔複製網頁 |
![]() 您只要選擇另存新檔,然後更改(檔案名稱)以及(變更)網頁標題。 對了,請別急著以另存新檔方式複製完所有檔案。因為首頁的格式和其他網頁有點不同。我們要先設計好一張網頁,再將這張網頁複製成其他網頁。 瞭解我的意思嗎?不瞭解?那就問囉。 |
|
十七 | 在網頁上增加(回首頁)的超連結 |
![]() 這就是首頁與其他網頁的一項差別。可以這麼說,首頁就是目錄,不必在目錄上面說回到目錄,但其他的內容裡最好有一個設定,讓人能隨時會到目錄。 |
|
十八 | 設定回首頁的超連結 |
![]() 請在(回首頁)上點一下滑鼠右鍵,出現功能表之後,點一下(超連結內容)。 |
|
十九 | 修改(回首頁)的超連結 |
![]() |
|
二十 | 另存、複製其他網頁 |
![]() 記得要修改檔名及變更網頁標題。 您就自己忙囉。 |
|
恭喜!恭喜!您又學到不少編輯網頁的功夫了!真是辛苦了! 再來就要看您能不能多加練習囉?多練習就能舉一反三、熟能生巧。加油!加油! |
|