第六章網(wǎng)頁制作軟件FrontPage

1、 WebWeb服務(wù)器是服務(wù)器是Intranet/InternetIntranet/Internet上處理上處理HTTPHTTP請求的系統(tǒng)請求的系統(tǒng)目前常見的目前常見的WebWeb服務(wù)軟件有：服務(wù)軟件有：IISIIS、Netscape Enterprise ServerNetscape Enterprise Server、HTTPDHTTPD、W3CW3C等。等。 在在Windows 2000Windows 2000/ /XP ProfessionalXP Professional環(huán)境下通過控制面板環(huán)境下通過控制面板中的中的“添加刪除組件添加刪除組件| |WindowsWindows組件向?qū)ЫM件

2、向?qū) |InternetInternet信息信息服務(wù)服務(wù)”完成安裝。完成安裝。當(dāng)安裝完成后，系統(tǒng)自動創(chuàng)建一個(gè)當(dāng)安裝完成后，系統(tǒng)自動創(chuàng)建一個(gè)WebWeb服務(wù)器，設(shè)置了服務(wù)器，設(shè)置了一個(gè)默認(rèn)的一個(gè)默認(rèn)的 Web Web 站點(diǎn)，該站點(diǎn)位于站點(diǎn)，該站點(diǎn)位于C:InetPubwwwrootC:InetPubwwwroot中，默認(rèn)的中，默認(rèn)的IPIP地址為地址為, , 對應(yīng)域名為對應(yīng)域名為Localhost“管理工具管理工具| |InternetInternet服務(wù)管理器服務(wù)管理器”命令，命令， 1.選擇選擇2.選擇選擇3.填入填入1.選擇選擇2.填入填入資料資料:

3、IIS服務(wù)器組建服務(wù)器組建HTML( HyperText Markup Language )超文本標(biāo)記語言超文本標(biāo)記語言一種制作一種制作WebWeb網(wǎng)頁的標(biāo)準(zhǔn)語言。目前統(tǒng)一的版本是網(wǎng)頁的標(biāo)準(zhǔn)語言。目前統(tǒng)一的版本是HTML4.0HTML4.0標(biāo)題部分標(biāo)題部分內(nèi)容部分內(nèi)容部分HTMLHTML結(jié)構(gòu)結(jié)構(gòu) 規(guī)定的項(xiàng)目規(guī)定的項(xiàng)目 我的第一個(gè)主頁我的第一個(gè)主頁 welcome to my homepage 文檔文檔標(biāo)題標(biāo)題n=1n=16 6字符格式標(biāo)志字符格式標(biāo)志 黑體黑體 斜體斜體 下劃線下劃線 文字內(nèi)容文字內(nèi)容 Face=Face=字體字體Size=Size=字號字號Color=Color=顏色顏色例：

4、例：fontwelcome to my homepage 段落格式標(biāo)志段落格式標(biāo)志 為段落標(biāo)志為段落標(biāo)志 產(chǎn)生回車產(chǎn)生回車 超鏈接說明文字超鏈接說明文字 插入插入圖片圖片相對路徑相對路徑例：例：圖片大小圖片大小鏈接目標(biāo)鏈接目標(biāo)例：例：教育網(wǎng)教育網(wǎng) 顯示文字顯示文字為用戶提供輸入信息的界面，通常由為用戶提供輸入信息的界面，通常由FORMFORM標(biāo)識來完成標(biāo)識來完成INPUTTYPE: 文字文字口令口令復(fù)選框復(fù)選框單選框單選框發(fā)送按鈕發(fā)送按鈕復(fù)位按鈕復(fù)位按鈕FORM Action=“URL” Method=GET/POST由由表格內(nèi)容表格內(nèi)容標(biāo)識來完成標(biāo)識來完成表格元素表格元素表格標(biāo)題表格標(biāo)題表格

5、行表格行列名列名單元格內(nèi)容單元格內(nèi)容 Tr Th 時(shí)時(shí) 間間/Th Th 語語 言言/Th /Tr Tr 1996 1996 HTML4.0 HTML4.0 /Tr FrontPage編輯區(qū)視圖模式網(wǎng)頁查看方式默認(rèn)文件名網(wǎng)頁視圖網(wǎng)頁視圖文件夾視圖文件夾視圖報(bào)表視圖報(bào)表視圖導(dǎo)航視圖導(dǎo)航視圖超鏈接視圖超鏈接視圖任務(wù)視圖任務(wù)視圖編輯網(wǎng)頁編輯網(wǎng)頁用于組織用于組織Web站點(diǎn)中的文件和文件夾站點(diǎn)中的文件和文件夾報(bào)告站點(diǎn)中的文件和超鏈接的狀態(tài)報(bào)告站點(diǎn)中的文件和超鏈接的狀態(tài)顯示站點(diǎn)的導(dǎo)航結(jié)構(gòu)顯示站點(diǎn)的導(dǎo)航結(jié)構(gòu)顯示站點(diǎn)中每一頁的超鏈接顯示站點(diǎn)中每一頁的超鏈接顯示站點(diǎn)中要完成的任務(wù)顯示站點(diǎn)中要完成的任務(wù)普通方式普

6、通方式HTML方式方式預(yù)覽方式預(yù)覽方式用于編輯網(wǎng)頁，產(chǎn)生由用于編輯網(wǎng)頁，產(chǎn)生由HTML標(biāo)志語言產(chǎn)生的網(wǎng)頁文件標(biāo)志語言產(chǎn)生的網(wǎng)頁文件提供了直接用提供了直接用HTML標(biāo)志語言編寫網(wǎng)頁的途徑標(biāo)志語言編寫網(wǎng)頁的途徑用于查看所設(shè)計(jì)的網(wǎng)頁在瀏覽器內(nèi)的效果用于查看所設(shè)計(jì)的網(wǎng)頁在瀏覽器內(nèi)的效果q 建立空白的網(wǎng)頁建立空白的網(wǎng)頁工具欄上的工具欄上的“新建新建”按鈕按鈕q 使用模板使用模板執(zhí)行執(zhí)行“文件文件|新建新建|網(wǎng)頁網(wǎng)頁”命令命令 文件格式網(wǎng)頁文件（*.htm）模板文件（*.tem）Active Server Pages文件（*.asp）超文本模板文件（*.htt）超文本樣式文件（*.css） 網(wǎng)頁保存的方法

7、與Office系列其他軟件基本相同模板：一組預(yù)先設(shè)計(jì)好的頁面模板：一組預(yù)先設(shè)計(jì)好的頁面通過插入菜單通過插入菜單 （1 1）符號）符號（2 2）水平線）水平線（3 3）注釋）注釋（4 4）時(shí)間戳）時(shí)間戳 創(chuàng)建創(chuàng)建WebWeb站點(diǎn)站點(diǎn) 文件文件| |新建新建| |站點(diǎn)站點(diǎn) 包括主頁、產(chǎn)品信息、用戶問題答復(fù)、建議、下載、包括主頁、產(chǎn)品信息、用戶問題答復(fù)、建議、下載、討論、搜索等結(jié)構(gòu)的網(wǎng)面。討論、搜索等結(jié)構(gòu)的網(wǎng)面。提供一個(gè)空白主頁，其內(nèi)容及其他頁面需要設(shè)計(jì)者自己添加。提供一個(gè)空白主頁，其內(nèi)容及其他頁面需要設(shè)計(jì)者自己添加。提供了主頁、個(gè)人興起、相冊、個(gè)人喜好等結(jié)構(gòu)的網(wǎng)頁。提供了主頁、個(gè)人興起、相冊、個(gè)人

8、喜好等結(jié)構(gòu)的網(wǎng)頁。沒有任何網(wǎng)頁，創(chuàng)建后可在站點(diǎn)內(nèi)添加網(wǎng)頁。沒有任何網(wǎng)頁，創(chuàng)建后可在站點(diǎn)內(nèi)添加網(wǎng)頁。包括主頁、成員、計(jì)劃、狀態(tài)、討論、搜索等網(wǎng)頁。包括主頁、成員、計(jì)劃、狀態(tài)、討論、搜索等網(wǎng)頁?？梢灾苯油ㄟ^可以直接通過 “ “文件文件| |打開站點(diǎn)打開站點(diǎn)” ” 命令，將一個(gè)文件夾轉(zhuǎn)換為命令，將一個(gè)文件夾轉(zhuǎn)換為Web站點(diǎn)。站點(diǎn)所在位置內(nèi)會自動新建站點(diǎn)。站點(diǎn)所在位置內(nèi)會自動新建4個(gè)文件夾個(gè)文件夾 允許插入的圖形文件格式：允許插入的圖形文件格式：JPEG、GIF、BMP、TIFF、TGA、RAS、EPS、PCX和和WMFGIF 較少的顏色種類（較少的顏色種類（256）動態(tài)動態(tài)GIF文件文件還原熱點(diǎn)凹凸

9、黑白透明裁剪亮度旋轉(zhuǎn)分層超鏈接插入文字插入圖片網(wǎng)頁內(nèi)部某一位置電子郵件本地機(jī)上其他網(wǎng)頁建立新網(wǎng)頁4 頁面內(nèi)部的超鏈接頁面內(nèi)部的超鏈接4 頁面間的超鏈接頁面間的超鏈接4 電子郵件的超鏈接電子郵件的超鏈接當(dāng)前網(wǎng)站上的網(wǎng)頁表表格格| |插入插入| |表格表格 表單為人機(jī)交互提供了一種有序的結(jié)構(gòu)表單為人機(jī)交互提供了一種有序的結(jié)構(gòu)建立表單的步驟建立表單的步驟執(zhí)行執(zhí)行“插入插入|表單表單|對應(yīng)對應(yīng)的某類表單的某類表單”命令命令確定是否要?jiǎng)h除隨表確定是否要?jiǎng)h除隨表單對象一起出現(xiàn)的按單對象一起出現(xiàn)的按鈕和虛線框鈕和虛線框雙擊表單對象，打開雙擊表單對象，打開該表單的屬性對話框，該表單的屬性對話框，設(shè)置屬性值設(shè)置屬性值資料資料: 表單表單設(shè)設(shè)計(jì)計(jì)帶有3個(gè)框架結(jié)構(gòu)的頁面總框架總框架 上框架上框架 左框架左框架 右框架右框架 含有含有n個(gè)框架網(wǎng)頁將產(chǎn)生個(gè)框架網(wǎng)頁將產(chǎn)生n+1個(gè)文件個(gè)文件 1 1創(chuàng)建字幕創(chuàng)建字幕2 2創(chuàng)建鼠