用Frontpage建個小窩—文字圖片超連結

來源:互聯網
上載者:User
frontpage|連結

  文字

  通過模板建立的網站和網頁只是一個結構雛形,現在來開啟這些網頁,添加各種元素,開始建設自己的家。我們首先從首頁面(index.htm)開始,這可是家的大門。

  操作 認識模板頁面:開啟首頁檔案,在“網頁”視圖視窗可以看到該首頁的大致結構。頁面分成了三個部分,上面的部分主要放置標題圖片(圖片元素為主),左面的部分主要放置連結到其他網頁的目錄(連結元素為主),而中間的大部分放置該首頁的主要內容(文字元素為主)。

  一般模板首頁,通常由橫幅、目錄、本文等幾個部分組成,只是數量和相片順序不一樣罷了,或者多一些特殊的元素。當然,也有完全是有一些特殊元素構成的頁面,如多重巢狀表格格、組件等。但這些對於我這樣的個人築巢者,一般都用不到,用起來也麻煩費事,不如多用這一簡單而簡潔的頁面。

  操作 粘貼和輸入文字:複製一段開場白的文字到剪貼簿,然後在網頁視窗中點擊滑鼠到要插入的位置,然後複製,就可以看到該文字在頁面中出現了。也可以直接輸入一段文字。將網頁中不要的文字刪除。

  粘貼和輸入這項操作很簡單,和一般的文本編輯程式沒有區別。實際上,很多的文字編輯操作都跟word程式相似。包括輸入、複製、粘貼、撤銷、尋找、樣式、字型、顏色、間距、符號、邊框、段落格式等。

  儘管FrontPage的大多數文字修飾的操作方法都和word相類似,但還是有很多細小的差別,不過這些差別並不會對使用者造成很大的困擾,但還是要注意一些差別。

  在網頁中,段落和換行的差別很大,一般段落和段落的間距很大,因此常常注意到要用換行(按“Shift+Enter”)。如果要在網頁中顯示分行符號和段落符,則可以點擊工具列中的“全部顯示”按鈕(在第一排工具按鈕的後面)。

  進一步學習的建議:文字編輯的技巧性很強,而且操作的功能也很多,要熟練掌握必須要多練習,多用。一般使用word排版熟練的人就很容易上手。

  圖片

  首頁中的主要文字編輯好後,若需要在其中添加一幅小照和幾幅示意圖,讓頁面更傳神。小照圖片已經事先? 好,並用影像編輯工具進行適當的編輯,如將圖片縮放到合適的大小,圖片內容修飾,並根據圖片的內容將圖片儲存為GIF格式。注意,如果圖片顏色豐富,或者是風景、人物照片,則一般儲存為JPEG格式。而示意圖則在程式內建的剪貼畫庫中找。

  操作 添加剪貼圖片:在FrontPage中,內建了很多剪貼畫,可以很方便地添加。在網頁將滑鼠移動到要添加的位置,然後“插入/圖片/剪貼畫”,開啟剪貼畫選擇視窗,這裡面的剪貼畫非常豐富,並分類存放,尋找非常方便。找到需要的剪貼畫後,點擊該剪貼畫,在彈出的菜單中點擊“插入圖片”按鈕。然後就可以在網頁編輯視窗看到該圖片了)。

  操作 儲存圖片:現在儲存網頁,則程式提示將儲存圖片到網站所在的檔案夾,選擇圖片儲存的目錄、檔案名稱和檔案格式(也可以按照預設設定),就將該圖片儲存到網站中了。建議將圖片儲存在網站資料夾中設立的專門儲存圖片的檔案夾“image”。

  圖片添加後,可能要重新調整圖片在網頁中的位置,添加各種圖片的效果和設定圖片的屬性。

  操作 編輯圖片:在網頁編輯視窗中,選擇圖片,然後拖動圖片邊框可改變大小。拖動圖片可改變在網頁中的位置。另外,當選擇圖片後,在介面視窗的下面將顯示圖片編輯工具列,包含各種圖片編輯工具,如在圖片中添加文字、調整位置。要注意的是,當調整了圖片大小,程式將會以新的圖片大小來儲存圖片。

  操作 設定圖片的屬性:圖片的屬性一般指圖片的一些內部性質,如源檔案、格式參數、顯示方式、對齊、邊框和留白等等。滑鼠右鍵點擊圖片,在快顯功能表中選擇“圖片屬性”,即可在彈出的圖片屬性視窗中設定圖片屬性了。

  操作 插入圖片檔案:先將要插入圖片拷貝到網站資料夾中,選擇菜單“插入/圖片/來自檔案”,在快顯視窗選擇要插入的圖片檔案。然後,按照上面的方法調整和修改圖片。

  進一步學習的建議:深入瞭解各種網頁圖片格式,深入學習各種圖片效果的編輯,掌握圖片位置的調整,學習使用背景圖片等。

  超連結

  網頁的強大之處就在它的超連結,在瀏覽器中通過點擊網頁中的超連結,可以很方便地開啟另外一個網頁,或者是圖片、檔案、郵件地址。一個網頁中的連結分成兩個部分:連結的載體和連結的目標地址。

  連結的載體就是在網頁中文字和圖片,凡是包含連結的文字和圖片都稱為超連結。

  操作 設定文字的超連結:開啟首頁檔案,用滑鼠反白選擇要超連結的文字——“歡迎光顧豆豆之家”,然後按滑鼠右鍵。在快顯功能表中選擇“超連結”。彈出超連結設定視窗,然後在列表中選擇要超串連網頁檔案——“Photo.htm”,確定後,就可以看到超級連結已建立好了。注意,在網頁編輯視窗,可以按住“Ctrl”鍵,點擊超連結就可以開啟超連結指向的網頁。

  操作 設定圖片的超連結:滑鼠右鍵點擊要設定超連結的圖片,在右鍵菜單中選擇“超連結屬性”,然後設定要連結的檔案,也可以連結圖片、E-Mail地址等。

  操作 管理超連結:一個網站的超連結就像一張網一樣,網住了網站的所有檔案。在“視圖”視窗中點擊“超連結”,開啟超連結的管理視窗,在這個視窗中,我們可以看到各個檔案相互間的連結情況,例如,要看“photo.htm”檔案中連結了哪些檔案,又被哪些檔案連結,可以在旁邊的檔案夾視窗中選擇該檔案,然後即可在連結示意視窗中查看了。也可以在超連結的示意視窗直接展開某個檔案的上、下超連結。

  進一步學習的建議:掌握各種超連結的設定、書籤,學習使用導航條,學習使用圖形熱點。學習使用圖片的熱區。



相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。