版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報或認(rèn)領(lǐng)
文檔簡介
1、第五章網(wǎng)頁制作1教學(xué)課題:第二節(jié)網(wǎng)頁的建立(2個課時)教學(xué)目的:讓學(xué)生熟悉網(wǎng)頁中的各種元素及其制作方法對網(wǎng)頁制作過程有初步的了解教學(xué)重點難點:網(wǎng)頁的制作及其美觀性教學(xué)方法:講解演示法,講練法教學(xué)過程:[復(fù)習(xí)回顧復(fù)習(xí)回顧]上一節(jié)課我們學(xué)習(xí)了網(wǎng)頁的幾個基本的概念。提問:1、網(wǎng)頁由哪幾種元素組成?網(wǎng)頁中所的元素主要有文字、圖片、聲音、動畫、影像以及鏈接等文字是網(wǎng)頁中最常用的元素;2、網(wǎng)頁和網(wǎng)站有什么區(qū)別?若干個通過鏈接連接在一起的網(wǎng)頁就構(gòu)成了
2、網(wǎng)站。網(wǎng)站是計算機(jī)網(wǎng)絡(luò)上的位置。網(wǎng)頁可以是站點的一部分,也可以獨(dú)立存在。[教授新課教授新課]一、網(wǎng)站的建立方法:文件?新建?站點?單擊“空站點”,指定站點的位置?確定演示演示:演示建立一個站點。注意注意:站點不推薦建在c盤或我的文檔下,因為c盤不可寫。講解:1、在站點下,系統(tǒng)自動會新建一組文件夾,但我們只能看到兩個_private和Images(存放圖形文件),其余都被隱藏起來了。2、2000默認(rèn)的視圖方式是“網(wǎng)頁”3、三個標(biāo)簽普通——
3、可以直觀地進(jìn)行網(wǎng)頁的編排html——系統(tǒng)自動把我們的所有的操作轉(zhuǎn)化成代碼,我們也可以自己通過輸入代碼來進(jìn)行網(wǎng)頁的制作。預(yù)覽——可以看到制作的網(wǎng)頁在瀏覽器中的情形。有一些效果在普通中看不出來,只有在瀏覽器中才能看到,這是我們只要單擊預(yù)覽標(biāo)簽就可以了。討論與思考:為什么要先新建一個站點,再進(jìn)行網(wǎng)頁的制作?答:如果進(jìn)入網(wǎng)頁視圖,就直接制作網(wǎng)頁,這樣制作出來的網(wǎng)頁文件中所插入的圖片、動畫、聲音文件的路徑使用的是絕對路徑,在這種情況下,如果網(wǎng)站位
4、置發(fā)生遷移,所有文件的路徑必須修改為服務(wù)器可以搜索到的位置,否則圖片將無法顯示,解決辦法是在代碼中將位置改為相對位置。如果先創(chuàng)建一個網(wǎng)站,再對頁面進(jìn)行編輯,則直接使用相對地址進(jìn)行文件的引用,即使整個網(wǎng)站發(fā)生遷移,網(wǎng)站內(nèi)部的相對位置始終保持不變。二、網(wǎng)頁的制作1、語言設(shè)置在網(wǎng)頁編輯窗口空白處右擊?網(wǎng)頁屬性?語言標(biāo)簽,將語言代碼定義為第五章網(wǎng)頁制作35、插入水平線水平線是貫穿網(wǎng)頁寬度的細(xì)灰條,用于分隔文本或加著重符。插入水平線可以幫助我們將
5、各類相關(guān)信息組合到一起,但同一個頁面中水平線不宜過多。方法:1、先將插入點移到目標(biāo)位置2、插入?水平線添加水平線后,可以修改其屬性來更改寬度、高度、對齊方式和顏色。如果網(wǎng)頁使用了主題,則會使用圖形來代替水平線以匹配主題。6、設(shè)置背景設(shè)置背景的主要目的是為了使網(wǎng)頁更美觀。網(wǎng)頁的背景可以是某一種顏色,也可以是一幅圖片。如果該圖片比屏幕小,則瀏覽器自動重復(fù)使用該圖片將屏幕鋪滿(平鋪)。使用較大圖片做背景無疑會延長網(wǎng)頁的下載時間,因此建議使用小
6、圖片做背景。方法:1、格式?背景2、打開“頁面屬性”對話框?背景標(biāo)簽3、“瀏覽”按鈕?在“選擇文件”對話框中選定背景圖案?確定4、關(guān)閉“選擇文件”對話框?確定?關(guān)閉“頁面屬性”對話框,背景圖案即可插入頁面三、網(wǎng)頁的保存方法1:文件?保存文件?彈出“另存為”對話框?輸入文件名?單擊保存按鈕。方法2:工具欄中的保存按鈕如果要保存的頁面含有圖片、動畫、聲音等元素,F(xiàn)rontPage還會繼續(xù)詢問是否保存這些嵌入的文件。此時最好將這些文件保存起來
7、,以保持它們在網(wǎng)頁中的位置,否則,當(dāng)網(wǎng)站發(fā)生遷移時,可能因找不到這些圖片、動畫等文件而無法顯示。每一個圖片、動畫或其他元素都按規(guī)則取了一個文件名,存放到默認(rèn)文件夾中,如圖片保存到Images文件夾中。使網(wǎng)站整潔,便于管理和維護(hù)。作業(yè)21、為什么要先新建一個站點,再進(jìn)行網(wǎng)頁的制作?2、在設(shè)計網(wǎng)頁過程中,定義字體時要注意哪些問題?3、為什么在網(wǎng)頁中通常都使用GIF或JPG格式的圖片文件?4、設(shè)置網(wǎng)頁的背景時,可不可以使用較大的圖片?有什么缺
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 眾賞文庫僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 03網(wǎng)頁圖像制作
- 2018網(wǎng)頁美工年底總結(jié)
- 2022網(wǎng)頁美工年度總結(jié)
- 2018網(wǎng)頁美工年度總結(jié)范文
- frontpage 2000網(wǎng)頁制作 考試大綱
- 2022網(wǎng)頁美工年終個人總結(jié)
- h5網(wǎng)頁設(shè)計要點總結(jié)
- 2018網(wǎng)頁美工年終個人總結(jié)范文
- 2018網(wǎng)頁美工年終總結(jié)范文
- 2018網(wǎng)頁設(shè)計師年度總結(jié)范文
- 2016年網(wǎng)頁設(shè)計 ( 第2次 )作業(yè)
- dafa888網(wǎng)頁版協(xié)會章程
- 課程標(biāo)準(zhǔn)(html5網(wǎng)頁編程)
- 2014網(wǎng)頁設(shè)計師自我鑒定
- php5網(wǎng)頁游戲開發(fā)入門教程
- 2018網(wǎng)頁設(shè)計師年終總結(jié)范文
- 2018網(wǎng)頁設(shè)計師年終個人總結(jié)范文
- 2018網(wǎng)頁美工個人年終總結(jié)范文
- 2018年6月網(wǎng)頁設(shè)計 ( 第2次 )作業(yè)
- 2018網(wǎng)頁設(shè)計師工作總結(jié)4篇
評論
0/150
提交評論