5.2網頁的建立

1、第五章網頁制作1教學課題：第二節(jié)網頁的建立(2個課時)教學目的：讓學生熟悉網頁中的各種元素及其制作方法對網頁制作過程有初步的了解教學重點難點：網頁的制作及其美觀性教學方法：講解演示法，講練法教學過程：[復習回顧復習回顧]上一節(jié)課我們學習了網頁的幾個基本的概念。提問：1、網頁由哪幾種元素組成？網頁中所的元素主要有文字、圖片、聲音、動畫、影像以及鏈接等文字是網頁中最常用的元素；2、網頁和網站有什么區(qū)別？若干個通過鏈接連接在一起的網頁就構成了

2、網站。網站是計算機網絡上的位置。網頁可以是站點的一部分，也可以獨立存在。[教授新課教授新課]一、網站的建立方法：文件?新建?站點?單擊“空站點”，指定站點的位置?確定演示演示：演示建立一個站點。注意注意：站點不推薦建在c盤或我的文檔下，因為c盤不可寫。講解：1、在站點下，系統自動會新建一組文件夾，但我們只能看到兩個_private和Images（存放圖形文件），其余都被隱藏起來了。2、2000默認的視圖方式是“網頁”3、三個標簽普通——

3、可以直觀地進行網頁的編排html——系統自動把我們的所有的操作轉化成代碼，我們也可以自己通過輸入代碼來進行網頁的制作。預覽——可以看到制作的網頁在瀏覽器中的情形。有一些效果在普通中看不出來，只有在瀏覽器中才能看到，這是我們只要單擊預覽標簽就可以了。討論與思考：為什么要先新建一個站點，再進行網頁的制作？答：如果進入網頁視圖，就直接制作網頁，這樣制作出來的網頁文件中所插入的圖片、動畫、聲音文件的路徑使用的是絕對路徑，在這種情況下，如果網站位

4、置發(fā)生遷移，所有文件的路徑必須修改為服務器可以搜索到的位置，否則圖片將無法顯示，解決辦法是在代碼中將位置改為相對位置。如果先創(chuàng)建一個網站，再對頁面進行編輯，則直接使用相對地址進行文件的引用，即使整個網站發(fā)生遷移，網站內部的相對位置始終保持不變。二、網頁的制作1、語言設置在網頁編輯窗口空白處右擊?網頁屬性?語言標簽，將語言代碼定義為第五章網頁制作35、插入水平線水平線是貫穿網頁寬度的細灰條，用于分隔文本或加著重符。插入水平線可以幫助我們將

5、各類相關信息組合到一起，但同一個頁面中水平線不宜過多。方法：1、先將插入點移到目標位置2、插入?水平線添加水平線后，可以修改其屬性來更改寬度、高度、對齊方式和顏色。如果網頁使用了主題，則會使用圖形來代替水平線以匹配主題。6、設置背景設置背景的主要目的是為了使網頁更美觀。網頁的背景可以是某一種顏色，也可以是一幅圖片。如果該圖片比屏幕小，則瀏覽器自動重復使用該圖片將屏幕鋪滿（平鋪）。使用較大圖片做背景無疑會延長網頁的下載時間，因此建議使用小

6、圖片做背景。方法：1、格式?背景2、打開“頁面屬性”對話框?背景標簽3、“瀏覽”按鈕?在“選擇文件”對話框中選定背景圖案?確定4、關閉“選擇文件”對話框?確定?關閉“頁面屬性”對話框，背景圖案即可插入頁面三、網頁的保存方法1：文件?保存文件?彈出“另存為”對話框?輸入文件名?單擊保存按鈕。方法2：工具欄中的保存按鈕如果要保存的頁面含有圖片、動畫、聲音等元素，FrontPage還會繼續(xù)詢問是否保存這些嵌入的文件。此時最好將這些文件保存起來

7、，以保持它們在網頁中的位置，否則，當網站發(fā)生遷移時，可能因找不到這些圖片、動畫等文件而無法顯示。每一個圖片、動畫或其他元素都按規(guī)則取了一個文件名，存放到默認文件夾中，如圖片保存到Images文件夾中。使網站整潔，便于管理和維護。作業(yè)21、為什么要先新建一個站點，再進行網頁的制作？2、在設計網頁過程中，定義字體時要注意哪些問題？3、為什么在網頁中通常都使用GIF或JPG格式的圖片文件？4、設置網頁的背景時，可不可以使用較大的圖片？有什么缺