網(wǎng)頁制作教程-1-網(wǎng)頁的基本組成-文字的排版課件

1、網(wǎng)頁制作教程 1 網(wǎng)頁的基本組成 文字的排版電教中心 楊飛雄1網(wǎng)頁制作教程 1 網(wǎng)頁的基本組成 文字的排版電教1.網(wǎng)頁組成的基本要素：文字圖片 圖形表格超級鏈接視頻 動畫 聲音表單元素例子1 例子2 例子3 例子421.網(wǎng)頁組成的基本要素：文字22.網(wǎng)頁的基本類型靜態(tài)網(wǎng)頁（*.htm *.html *.shtml）頁面從編輯好后一直保持同樣的狀態(tài)。動態(tài)網(wǎng)頁（*.asp *.jsp *.php *.aspx）動態(tài)網(wǎng)頁是指網(wǎng)頁的內(nèi)容是否可根據(jù)某種條件的改變而自動改變，如計數(shù)器就是動態(tài)的，當(dāng)有人點擊我們的網(wǎng)頁時，計數(shù)器的值會自動增加；BBS論壇也是動態(tài)的，當(dāng)用戶在論壇上發(fā)布信息時，網(wǎng)頁內(nèi)容會自動更新

2、，顯示出新發(fā)布的信息及相關(guān)回復(fù)等等。32.網(wǎng)頁的基本類型靜態(tài)網(wǎng)頁（*.htm *.html *.s3.Dreamweaver的安裝先要有Dreamweaver安裝光盤或文件，可在電教中心網(wǎng)站教師培訓(xùn)里面找到。雙擊安裝文件單擊“下一步”進行安裝43.Dreamweaver的安裝先要有Dreamweaver4. IISIIS是Internet Information Server的縮寫，即因特網(wǎng)信息服務(wù)器。IIS意味著你能發(fā)布網(wǎng)頁，從而將自己的電腦作為一臺網(wǎng)頁服務(wù)器使用默認的xp系統(tǒng)沒有安裝IIS，因此必須使用安裝光盤來進行安裝。54. IISIIS是Internet Informatio4.II

3、S的安裝插入安裝光盤單擊“安裝可選的Windows組件”單擊“Internet信息服務(wù)（IIS）”前面的方框單擊“下一步”進行安裝即可。64.IIS的安裝插入安裝光盤64.IIS的配置單擊“開始菜單”，選擇“控制面板”雙擊“管理工具”雙擊“Internet 信息服務(wù)” 單擊號依次展開本地計算機即網(wǎng)站的目錄。74.IIS的配置單擊“開始菜單”，選擇“控制面板”74.IIS的配置右鍵單擊“默認網(wǎng)站”，選擇“屬性”單擊“主目錄”標簽單擊“本地路徑”后面的瀏覽按鈕，選擇F盤SRC目錄 單擊“確定”按鈕。84.IIS的配置右鍵單擊“默認網(wǎng)站”，選擇“屬性”85.準備工作準備工作（使用說明1）準備好做練習(xí)

4、的文件將光盤中的SRC目錄復(fù)制到copy到F盤右鍵單擊SRC文件夾，選擇“屬性”單擊“只讀”前面的小方框單擊“確定”按鈕單擊“將改動應(yīng)用于該文件夾、子文件夾及文件”前面的選擇框單擊“確定”按鈕95.準備工作準備工作（使用說明1）96.建立站點建立站點（使用說明2）點擊“站點”菜單，選擇“新建站點”點擊“高級”標簽設(shè)定你的站點的名字，如設(shè)置為Myweb選擇你的網(wǎng)站文件存儲的位置，設(shè)置為F盤SRC目錄設(shè)置你的測試服務(wù)器地址，輸入Localhost點擊“完成”按鈕106.建立站點建立站點（使用說明2）107.簡單的文字排版文字的字體與顏色常用的字體一般為宋體、楷體和黑體。顏色與顏色代碼 網(wǎng)頁中的顏色

5、使用三原色（RGB）編碼。每種原色使用兩位十六位數(shù)字編碼。如000000為黑色，即當(dāng)三原色光線都為零時為黑色；FFFFFF則為白色，即當(dāng)三原色光線都為最強時為白色；FF0000為紅色。簡單而言顏色代碼就是不同強度的紅、綠、藍顏色的結(jié)合。117.簡單的文字排版文字的字體與顏色117.簡單的文字排版CSS樣式表CSS（Cascading Style Sheets)， 中文翻譯為層疊樣式表。CSS樣式表是一個包含樣式和格式的規(guī)范的外部文本文件。當(dāng)編輯外部CSS樣式表時會影響所有鏈接到CSS樣式表的文檔。127.簡單的文字排版CSS樣式表127.簡單的文字排版CSS樣式表實例1（Page122）本例的

6、目的是初步認識CSS樣式表，并規(guī)范文本中所有帶超級的文本的顏色。說明： A.link 帶超級鏈接的文本 A.visited 已經(jīng)訪問過的超級鏈接 A.active 激活狀態(tài)的超級鏈接 A.hover 鼠標懸停狀態(tài)的超級鏈接137.簡單的文字排版CSS樣式表實例1（Page122）137.簡單的文字排版CSS樣式表實例2（Page127）本例的目的是定義CSS樣式表及編輯。說明： TD：網(wǎng)頁中單元格的標識147.簡單的文字排版CSS樣式表實例2（Page127）147.簡單的文字排版CSS樣式表實例4（Page138）本例的目的是使用CSS美化段落。說明： px：pixel，像素，屏幕上顯示的最小單位，用于網(wǎng)頁設(shè)計，直觀方便。 pt：point，是一個標準的長度單位，1pt1/72英寸，用于印刷業(yè)，非常簡單易用。157.簡單的文字排版CSS樣式表實例4（Page138）157.簡單的文字排版CSS