網(wǎng)站建設(shè)制作與維護(hù)

第十章建立自己的網(wǎng)站計(jì)算機(jī)網(wǎng)絡(luò)應(yīng)用基礎(chǔ)1主要內(nèi)容網(wǎng)站建設(shè)概述網(wǎng)頁(yè)制作網(wǎng)站的管理與維護(hù)2課時(shí)安排本章總計(jì)教學(xué)時(shí)數(shù)為4課時(shí)，其中理論課時(shí)：2實(shí)驗(yàn)課時(shí)：2本章實(shí)驗(yàn)內(nèi)容：實(shí)驗(yàn)十六用HTML語(yǔ)言制作簡(jiǎn)單的網(wǎng)頁(yè)310.1網(wǎng)站建設(shè)概述網(wǎng)站的概念網(wǎng)站大體包括個(gè)人網(wǎng)站、企業(yè)網(wǎng)站、學(xué)術(shù)機(jī)構(gòu)及政府團(tuán)體網(wǎng)站等將大量網(wǎng)頁(yè)放置在服務(wù)器中供Internet上的人瀏覽，就構(gòu)成了一個(gè)網(wǎng)站。網(wǎng)頁(yè)就是在瀏覽器上看到的一頁(yè)，網(wǎng)頁(yè)也稱為Web頁(yè)。每個(gè)網(wǎng)站都有一個(gè)最基本的網(wǎng)頁(yè)，稱為主頁(yè)，主頁(yè)通常是進(jìn)入網(wǎng)站首先瀏覽到的網(wǎng)頁(yè)，具有引導(dǎo)用戶瀏覽整個(gè)網(wǎng)站內(nèi)容的作用。410.1網(wǎng)站建設(shè)概述網(wǎng)站的組建方法空間租賃：適合內(nèi)容不太多的小型網(wǎng)站。它費(fèi)用低廉，管理方便，手續(xù)簡(jiǎn)便。主機(jī)托管：適合訪問量大，內(nèi)容多的中型網(wǎng)站，它的費(fèi)用高昂，需專門技術(shù)人員安裝及設(shè)置服務(wù)器。但管理的自由度較大，訪問速度較快。申請(qǐng)專線：可以使用戶對(duì)網(wǎng)站擁有最大限度的管理權(quán)，可以放置多臺(tái)服務(wù)器，甚至可以對(duì)外租賃空間。但它技術(shù)要求高，安裝設(shè)置復(fù)雜，還需要專門的技術(shù)人員維護(hù)。510.1網(wǎng)站建設(shè)概述網(wǎng)站的組建步驟構(gòu)建網(wǎng)站框架：構(gòu)建網(wǎng)站框架就是要在自己的計(jì)算機(jī)中新建一個(gè)存放網(wǎng)站所有文件的文件夾，并根據(jù)網(wǎng)站網(wǎng)頁(yè)的結(jié)構(gòu)和文件的類型新建此文件夾的子文件夾結(jié)構(gòu)。設(shè)計(jì)網(wǎng)頁(yè)版面：設(shè)計(jì)網(wǎng)頁(yè)版面就是設(shè)計(jì)網(wǎng)頁(yè)的布局，包括網(wǎng)站標(biāo)志、導(dǎo)航條、正文內(nèi)容的擺放位置、相互之間的大小比例、樣式等。一個(gè)網(wǎng)站的大部分網(wǎng)頁(yè)應(yīng)該具有相似的版面，這樣才能體現(xiàn)統(tǒng)一的風(fēng)格。創(chuàng)建模板：制作主頁(yè)：主頁(yè)文件的文件名必須是index.htm。制作普通網(wǎng)頁(yè)：添加更多功能610.1網(wǎng)站建設(shè)概述網(wǎng)站的發(fā)布申請(qǐng)空間：就是向提供Internet服務(wù)器的網(wǎng)站申請(qǐng)一個(gè)個(gè)人主頁(yè)空間。上傳網(wǎng)站：方法主要有3種采用FTP軟件借助網(wǎng)頁(yè)制作工具軟件的上傳功能使用空間所在網(wǎng)站提供的FTP上傳服務(wù)宣傳網(wǎng)站7

FrontPage是Microsoft公司的“拳頭產(chǎn)品”O(jiān)ffice的一個(gè)重要組件，是一個(gè)較為優(yōu)秀的網(wǎng)頁(yè)制作和網(wǎng)站管理工具，基本上實(shí)現(xiàn)了“所見即所得”的工作方式。使用FrontPage可以很方便地輸入、編輯和調(diào)試用HTML語(yǔ)言編寫的腳本代碼，是一個(gè)很好的網(wǎng)頁(yè)編輯器。當(dāng)然，對(duì)于不懂HTML語(yǔ)言的人，使用FrontPage也能制作出專業(yè)效果的網(wǎng)頁(yè)。它是常用、最簡(jiǎn)單的網(wǎng)頁(yè)制作工具之一，它的大部分操作與Word類似。10.2網(wǎng)頁(yè)制作FrontPage簡(jiǎn)介8Frontpage的基本操作啟動(dòng)和退出Frontpage界面簡(jiǎn)介基本操作9編輯區(qū)視圖模式網(wǎng)頁(yè)查看方式默認(rèn)文件名Frontpage的基本操作101.網(wǎng)頁(yè)視視圖2.文件夾夾視圖3.報(bào)表視視圖4.導(dǎo)航視視圖5.超鏈接接視圖6.任務(wù)視視圖用于編輯網(wǎng)網(wǎng)頁(yè)，網(wǎng)頁(yè)頁(yè)默認(rèn)文件件名為new_page_#.htm打開Web站點(diǎn)時(shí)，，用于組織織站點(diǎn)中的的文件和文文件夾打開Web站點(diǎn)時(shí)，，報(bào)告站點(diǎn)點(diǎn)中的文件件和超鏈接接的狀態(tài)打開Web站點(diǎn)時(shí)，，顯示站點(diǎn)點(diǎn)的導(dǎo)航結(jié)結(jié)構(gòu)打開Web站點(diǎn)時(shí)，，顯示站點(diǎn)點(diǎn)中的每一一頁(yè)的超鏈鏈接狀態(tài)打開Web站點(diǎn)時(shí)，，顯示站點(diǎn)點(diǎn)中要完成成的任務(wù)Frontpage的基本操操作11查看網(wǎng)頁(yè)的的三種方式式：1.普通方方式：2.HTML方式3.預(yù)覽方方式用于編輯網(wǎng)網(wǎng)頁(yè)，在內(nèi)內(nèi)部自動(dòng)產(chǎn)產(chǎn)生有HTML標(biāo)志志語(yǔ)言產(chǎn)生生的網(wǎng)頁(yè)文文件。提供了直接接用HTML標(biāo)志語(yǔ)語(yǔ)言編寫網(wǎng)網(wǎng)頁(yè)的途徑徑用于查看所所設(shè)計(jì)的網(wǎng)網(wǎng)頁(yè)在瀏覽覽器內(nèi)的效效果Frontpage的基本操操作121.新建網(wǎng)網(wǎng)頁(yè)2.打開網(wǎng)網(wǎng)頁(yè)3.保存網(wǎng)網(wǎng)頁(yè)單擊工具欄欄的“新建建”按鈕“文件”“新建”“網(wǎng)頁(yè)”選擇““模板”“確定定”“文件”“打開”網(wǎng)頁(yè)的保存存類型：選選“網(wǎng)頁(yè)文文件”如果網(wǎng)頁(yè)有有圖片，會(huì)會(huì)彈出“保保存嵌入文文件”對(duì)話話框，用于于指定圖片片的保存位位置和文件件名。Frontpage的基本操操作13網(wǎng)頁(yè)中的文文本編輯插入特殊對(duì)對(duì)象圖形處理網(wǎng)頁(yè)設(shè)計(jì)操操作141.文本的的輸出與編編輯網(wǎng)頁(yè)中的文文本編輯同Word編輯提供6級(jí)不不同大小的的標(biāo)題提供7種不不同大小的的字體，默默認(rèn)3號(hào)建議：制作作網(wǎng)頁(yè)使用用比較常見見的字體網(wǎng)頁(yè)設(shè)計(jì)操操作15插入特殊符符號(hào)(1)水水平線：用于分割段段落操作：“插插入”“水平線””編輯：雙擊擊水平線，，在彈出的的對(duì)話框中中設(shè)置(2)注注釋：有利于以以后的維護(hù)護(hù)和管理“插入”“注釋”只有在普通通模式下可可見，在預(yù)預(yù)覽下就不不顯示(3)時(shí)時(shí)間戳：使網(wǎng)頁(yè)自自動(dòng)更新時(shí)時(shí)間信息“插入”“日期和時(shí)時(shí)間”設(shè)置日日期和時(shí)間間格式網(wǎng)頁(yè)設(shè)計(jì)操操作16圖形處理(1)插插入圖片操作：“插插入”“圖片”“來(lái)自自文件”選擇網(wǎng)網(wǎng)絡(luò)資源或或本機(jī)資源源圖片格式：：*.jpg,*.gif提醒：最好好將圖片和和網(wǎng)頁(yè)文件件放在同一一目錄下(2)編編輯圖片右擊網(wǎng)頁(yè)的的圖片，在在屬性窗口口中設(shè)置(3)背背景的設(shè)置置右擊網(wǎng)頁(yè)“網(wǎng)頁(yè)屬性性”“背景景”網(wǎng)頁(yè)設(shè)計(jì)操操作17表格：把文文本、數(shù)據(jù)據(jù)、圖像精精確有效的的聯(lián)系在一一起。(1)建立立表格表格“插入””或“手繪繪表格”(2)格式式化表格選定表格或或單元格區(qū)區(qū)域“表格菜單單”““表格屬屬性”或““單元屬性性”進(jìn)行相相應(yīng)的設(shè)置置表格處理網(wǎng)頁(yè)設(shè)計(jì)操操作18(1)創(chuàng)建建超鏈接選定作為超超鏈接的文文字或圖像像選擇“插入入”“超鏈接””命令在對(duì)話框中中設(shè)置要鏈鏈接的目標(biāo)標(biāo)定義超鏈接接點(diǎn)的顏色色(2)鏈接接方式鏈接到網(wǎng)頁(yè)頁(yè)鏈接到本地地文件鏈接到電子子郵件圖片或區(qū)域域熱點(diǎn)鏈接接(使用繪繪圖工具欄欄設(shè)計(jì)熱區(qū)區(qū))超鏈接網(wǎng)頁(yè)設(shè)計(jì)操操作19書簽是使網(wǎng)網(wǎng)頁(yè)中被標(biāo)標(biāo)記的位置置或標(biāo)記文文本，起到到定位的作作用。步驟：(1)插插入書簽移動(dòng)光標(biāo)到到插入書簽簽的位置“插入”“書簽”輸入書簽的的名稱(2)設(shè)設(shè)置書簽的的超鏈接選中設(shè)置超超鏈接的文文本在彈出的對(duì)對(duì)話框中的的“書簽””下拉列表表框中選擇擇書簽書簽網(wǎng)頁(yè)設(shè)計(jì)操操作20網(wǎng)頁(yè)設(shè)計(jì)操操作21HTML語(yǔ)語(yǔ)言：可以用于創(chuàng)創(chuàng)建與系統(tǒng)統(tǒng)平臺(tái)無(wú)關(guān)關(guān)的網(wǎng)頁(yè)文文檔，是一一種解釋語(yǔ)語(yǔ)言1.HTML語(yǔ)言言結(jié)構(gòu)<html><head><title>標(biāo)題題</title>頭部信息</head><boby>文檔主題，，正文部分分</body></html>包括文字、、圖片、超鏈及格式描描述。網(wǎng)頁(yè)設(shè)計(jì)操作作22網(wǎng)頁(yè)設(shè)計(jì)操作作23“文件”“新建”“網(wǎng)站”選“導(dǎo)入站站點(diǎn)向?qū)А保?，并指定已建建網(wǎng)頁(yè)的位置置1.建立網(wǎng)站站“文件”“新建”“網(wǎng)頁(yè)”“框架網(wǎng)頁(yè)頁(yè)”“目目錄”設(shè)置每個(gè)框架架包含的文件件保存框架網(wǎng)頁(yè)頁(yè)2.建立框架架網(wǎng)頁(yè)動(dòng)態(tài)HTML效果網(wǎng)頁(yè)過度效果果網(wǎng)頁(yè)添加滾動(dòng)動(dòng)文字網(wǎng)頁(yè)添加計(jì)算算器3.設(shè)置網(wǎng)頁(yè)頁(yè)的動(dòng)畫效果果選擇要查看的的網(wǎng)頁(yè)再選擇“超鏈鏈接”視圖方方式4.檢查鏈接接10.3網(wǎng)網(wǎng)站的管理與與維護(hù)24(1)安裝裝Internet信息服務(wù)“開始”“設(shè)置”“控制面面板”“添添加/刪除程程序”“添加/刪刪除Windows組件”根據(jù)據(jù)提示操作即即可(2)Web服務(wù)器“開始”“設(shè)置”“控制面面板”“管管理工具”“Internet服務(wù)管理器””選“默認(rèn)Web站點(diǎn)”，右擊擊選擇“屬性性”