第九章 網頁制作
實驗一 用記事本建立簡單的HTML檔案
【實驗目的】
學會用HTML語言建立一個簡單的網頁。
【實驗内容】
建立一個網頁，布局自定，包括自我介紹、圖檔、自己的電子信箱位址等，要求在标題與正文之間插入一條水準線。(實驗中所用到的圖檔、音樂等素材均可在計算中心配備的計算機中找到，具體路徑為C:\DATA)
【實驗步驟】
啟動“記事本”和“IE浏覽器”，并縱向平鋪兩視窗；
在“記事本”視窗輸入下面的代碼：
歡迎光臨悠悠小屋
儲存該檔案到D:\myweb檔案夾中，取名為“yoyo.htm”；(注意，檔案的擴充名一定為.htm或html；如果沒有myweb檔案夾，請建立之)
在IE浏覽器的位址欄輸入d:\myweb\yoyo.htm；顯示如圖9-1；
圖9-1 網頁頭部代碼與相應顯示
在“記事本”視窗輸入以下語句：
歡迎進入悠悠網
儲存記事本檔案，并重新整理IE浏覽器視窗，顯示如圖9-2；(請先将C:\data中的woman.gif檔案複制到D:\myweb下)
圖9-2 字型與圖檔代碼與相應顯示
在“記事本”視窗輸入以下語句(注意被超連結的檔案位址書寫格式)：
我叫悠悠，這裡是我的家，歡迎大家來這裡聽歌喝茶(當然也有coffee了)！
撒拉.布萊曼的《There for me》
撒拉.布萊曼的《The Winter of July》
儲存記事本檔案，并重新整理IE浏覽器視窗，顯示如圖9-3；
圖9－3 超連結代碼與相應顯示
在“記事本”視窗輸入以下語句(注意發送電子郵件的超連結的書寫格式)：
還想聽什麼歌，告訴我啊！[email protected]
儲存記事本檔案，并重新整理IE浏覽器視窗，顯示如圖9-4；
圖9－4 郵件超連結代碼與相應顯示
自此，該網頁設計結束，點選超連結，檢查連結是否正确，如果不正确，檢查被連結檔案是否在其設定的目錄内。
實驗二 使用FrontPage 2000設計個人網頁
【實驗目的】
通過本實驗，使學生掌握利用FrontPage 2000建立簡單個人網頁的方法。
【實驗内容】
建立有架構網頁；
插入圖檔，并設定圖檔的超級連結；
設定背景圖案和背景音樂；
插入活動字幕；
設定懸停按鈕；
設定郵件位址超連結。
【實驗步驟】
建立有架構網頁。
啟動FrontPage 2000；
單擊“檔案”－>“建立”－>“網頁”；
在彈出的“建立”對話框中，選擇“架構網頁”頁籤；
單擊“目錄”圖示－>“确定”，如圖9－5；
圖9－5 建立架構網頁
單擊左側和右側架構的“建立網頁”按鈕，建立兩個新頁面；
單擊“儲存”按鈕；
在彈出的“另存為”對話框中，給左邊的架構取名為“left”，給右邊的架構取名為“right”，給整個架構取名為“index”，如圖9－6；
圖9－6 架構網頁的儲存
在左側架構任意位置右擊，在彈出的快捷菜單中，選擇“架構屬性”；
在彈出的“架構屬性”對話框中，将“可在浏覽器中調整大小”前的對勾去掉，并在“顯示滾動條”下拉清單中選擇“不顯示”，如圖9－7；
圖9－7 “架構屬性”設定
單擊“架構網頁”按鈕，在彈出的“網頁屬性”對話框中，去掉“顯示邊框”前的對勾，如圖9－8；
圖9－8 “網頁屬性”對話框
在右視窗輸入網頁介紹文字，其字型、段落格式的設定同WORD，略；
插入圖檔，并設定圖檔的超級連結
在左視窗任意位置單擊，點選“插入”－>“圖檔”－>“來自檔案”；
在彈出的視窗中選擇已經編