網(wǎng)頁制作基礎(chǔ)課件_第1頁
網(wǎng)頁制作基礎(chǔ)課件_第2頁
網(wǎng)頁制作基礎(chǔ)課件_第3頁
網(wǎng)頁制作基礎(chǔ)課件_第4頁
網(wǎng)頁制作基礎(chǔ)課件_第5頁
已閱讀5頁，還剩115頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

第1章網(wǎng)頁制作基礎(chǔ)第1章網(wǎng)頁制作基礎(chǔ)11.1什么是網(wǎng)頁1.2網(wǎng)頁制作工具1.3網(wǎng)站外觀設(shè)計(jì)的建議1.4網(wǎng)站建設(shè)的整體規(guī)劃1.5Web服務(wù)器的安裝與使用1.1什么是網(wǎng)頁21.1什么是網(wǎng)頁

1.1.1Internet與WWW1．計(jì)算機(jī)網(wǎng)絡(luò)與網(wǎng)絡(luò)協(xié)議2．什么是Internet普遍的觀點(diǎn)認(rèn)為：“Internet是由數(shù)百萬臺(tái)計(jì)算機(jī)和數(shù)以千萬計(jì)用戶組成的全球范圍內(nèi)的計(jì)算機(jī)互聯(lián)網(wǎng)絡(luò)，是一個(gè)世界范圍內(nèi)信息資源的大型集合體系。”如圖1.1所示。

3．什么是WWW1.1什么是網(wǎng)頁3圖1.1Internet示意圖圖1.1Internet示意圖41.1.2網(wǎng)站與網(wǎng)頁我們已經(jīng)知道，WWW是由遍布世界各地的Web服務(wù)器組成，那么，這些Web服務(wù)器又是如何構(gòu)成一個(gè)龐大的資源集合呢？答案就是網(wǎng)頁。由于網(wǎng)頁中包含“超鏈接”，這些超鏈接可以將一個(gè)網(wǎng)頁鏈接到其他網(wǎng)頁，從而構(gòu)成了萬維網(wǎng)的縱橫交織結(jié)構(gòu)。1.1.2網(wǎng)站與網(wǎng)頁5通過超鏈接連接起來的一系列邏輯上可以視為一個(gè)整體的一些網(wǎng)頁就叫做網(wǎng)站?；蛘哒f，網(wǎng)站就是一個(gè)鏈接的頁面集合，通常為了完成某個(gè)特定目標(biāo)。一般情況下，網(wǎng)站都有一個(gè)首頁，或者說主頁，作為網(wǎng)站的開始點(diǎn)。首頁的作用一般像是一本書的目錄，使訪問者能夠了解網(wǎng)站的內(nèi)容。首頁的名稱一般是固定的，例如index.htm或default.htm等（具體名稱由Web服務(wù)器確定）。通過超鏈接連接起來的一系列邏輯上可以視為一個(gè)61.1.3網(wǎng)頁的本質(zhì)瀏覽者是通過瀏覽器來訪問Web服務(wù)器上的網(wǎng)頁的。那么，網(wǎng)頁的本質(zhì)到底是什么呢？如果在瀏覽器窗口中任意打開一個(gè)網(wǎng)頁，然后選擇“查看”菜單中的“源文件”命令，則系統(tǒng)會(huì)啟動(dòng)“記事本”程序，其中包含一些文本信息，如圖1.3所示。1.1.3網(wǎng)頁的本質(zhì)7圖1.2網(wǎng)頁的本質(zhì)圖1.2網(wǎng)頁的本質(zhì)8這些文本實(shí)際就是網(wǎng)頁的本質(zhì)——HTML源代碼。由此可以看出，網(wǎng)頁就是用HTML寫成的文檔，在Internet中可以通過瀏覽器程序進(jìn)行瀏覽。HTML（HyperTextMarkupLanguage，超文本標(biāo)記語言）是表示網(wǎng)頁的一種規(guī)范，它通過標(biāo)簽（也叫做標(biāo)記符）定義了網(wǎng)頁內(nèi)容的顯示。例如，<html>標(biāo)簽表示此文檔是一個(gè)網(wǎng)頁文件，而<table>標(biāo)簽則表示網(wǎng)頁中定義的一個(gè)表格。這些文本實(shí)際就是網(wǎng)頁的本質(zhì)——HTML源代碼9通過在網(wǎng)頁中添加標(biāo)記符，可以告訴瀏覽器如何顯示網(wǎng)頁，即確定內(nèi)容的格式。瀏覽器按順序閱讀網(wǎng)頁文件（HTML文件），然后根據(jù)內(nèi)容周圍的HTML標(biāo)記符解釋和顯示各種內(nèi)容。通過在網(wǎng)頁中添加標(biāo)記符，可以告訴瀏覽器如何顯示網(wǎng)頁，即確定內(nèi)101.2網(wǎng)頁制作工具1.2.1網(wǎng)頁編輯工具1.2.2素材處理與創(chuàng)作工具圖像瀏覽與處理矢量圖創(chuàng)作工具多媒體制作工具特效制作工具1.2網(wǎng)頁制作工具11網(wǎng)頁編輯工具WYSWYG編輯器MacromediaDreamweaverMicrosoftFrontPageAdobeGoLiveSoftQuadHotMetal網(wǎng)頁編輯工具WYSWYG編輯器12素材處理與創(chuàng)作工具圖像瀏覽與處理ACDSeePhotoshopFireworksPhotoImpact矢量圖創(chuàng)作工具FreeHandCorelDrawIllustrator素材處理與創(chuàng)作工具圖像瀏覽與處理矢量圖創(chuàng)作工具13素材處理與創(chuàng)作工具特效制作工具AnfyCool3DGIFAnimator多媒體制作工具FlashDirectorAuthorwareLiveMotion素材處理與創(chuàng)作工具特效制作工具多媒體制作工具141.3網(wǎng)頁的外觀設(shè)計(jì)的建議：（1）不要先決定網(wǎng)頁的外觀，然后迫使自己去適應(yīng)它，應(yīng)該根據(jù)網(wǎng)站的訪問者對(duì)象、要提供的信息以及制作目標(biāo)得出一個(gè)最適合的網(wǎng)頁架構(gòu)。（2）每頁排版不要太松散或用太大的字，盡量避免訪問者瀏覽網(wǎng)頁時(shí)要作大幅度的滾動(dòng)，對(duì)于篇幅太長的一頁可以使用內(nèi)部鏈接解決。須知，在一頁的上部是顯眼而寶貴的地方，不要只放幾個(gè)粗大的字或圖片。1.3網(wǎng)頁的外觀設(shè)計(jì)的建議：（1）不要先決定網(wǎng)頁的外觀，15（3）切勿以800×600以上的分辨率設(shè)計(jì)網(wǎng)頁，常用的分辨率是640×480及800×600。現(xiàn)在國內(nèi)的站點(diǎn)基本上都是800×600，但是如果主要是面向國外訪問者的站點(diǎn)，建議使用640×480。（4）不要把圖片白色當(dāng)作透明，要知道別人的系統(tǒng)不一定把內(nèi)定底色設(shè)為白色，解決的辦法除了真的把該網(wǎng)頁的底色設(shè)為白色之外，最好還是用圖片編輯工具將圖片設(shè)為透明顏色。（3）切勿以800×600以上的分辨率設(shè)計(jì)網(wǎng)頁，常用的分辨率16（5）不要每頁都采用不同的墻紙，以免每次轉(zhuǎn)頁時(shí)都要花費(fèi)過多的時(shí)間去下載，采用相同的底色或墻紙還可以增強(qiáng)網(wǎng)頁一致性，以樹立自己的風(fēng)格。（6）底色或墻紙必須與文字對(duì)比強(qiáng)烈，以易于閱讀。這并不是要求永遠(yuǎn)使用鮮亮的背景搭配深色的文字，但深色背景常要求與主題配合，有較多的顧慮，如果網(wǎng)頁是文章式或是包含大量文字，不妨在底色與文字的搭配上下些工夫，力求讓訪問者能夠舒適地閱讀網(wǎng)頁。（5）不要每頁都采用不同的墻紙，以免每次轉(zhuǎn)頁時(shí)都要花費(fèi)過多的171.4網(wǎng)頁制作的基本步驟因?yàn)榫W(wǎng)頁只有在鏈接成網(wǎng)站才有其存在的意義，所以通常所說的網(wǎng)頁制作實(shí)際上就是網(wǎng)站制作。在制作網(wǎng)頁開始時(shí)就從一個(gè)網(wǎng)站的角度來考慮問題，能夠使后續(xù)的工作更容易進(jìn)行。網(wǎng)站的建設(shè)通常都遵循一個(gè)基本的流程：規(guī)劃階段、設(shè)計(jì)階段、開發(fā)階段、發(fā)布階段與維護(hù)階段，如圖1.4所示。

圖1.3網(wǎng)站開發(fā)工作流程1.4網(wǎng)頁制作的基本步驟因?yàn)榫W(wǎng)頁只有在鏈接成網(wǎng)站181.4.1規(guī)劃站點(diǎn)收集整理資料準(zhǔn)備素材內(nèi)容規(guī)劃1.4.2網(wǎng)頁設(shè)計(jì)與制作1.4.3測試網(wǎng)頁1.4.4網(wǎng)站發(fā)布與維護(hù)1.4.1規(guī)劃站點(diǎn)191.4.1規(guī)劃站點(diǎn)進(jìn)行網(wǎng)站的整體規(guī)劃也就是組織網(wǎng)站的內(nèi)容和設(shè)計(jì)其結(jié)構(gòu)。網(wǎng)頁制作者在明確網(wǎng)頁制作的目的及要包括的內(nèi)容之后，接下來就應(yīng)該對(duì)網(wǎng)站進(jìn)行規(guī)劃，以確保文件內(nèi)容條理清楚、結(jié)構(gòu)合理，這樣不僅可以很好地體現(xiàn)設(shè)計(jì)者的意圖，也將使網(wǎng)站可維護(hù)性與可擴(kuò)展性增強(qiáng)。1.4.1規(guī)劃站點(diǎn)進(jìn)行網(wǎng)站的整體規(guī)劃也就是組織網(wǎng)站的內(nèi)容和20①層狀結(jié)構(gòu)層狀結(jié)構(gòu)（如圖1.8所示）類似于目錄系統(tǒng)的樹型結(jié)構(gòu)，由網(wǎng)站文件的主頁開始，依次劃分為一級(jí)標(biāo)題、二級(jí)標(biāo)題等等，逐級(jí)細(xì)化，直至提供給瀏覽者具體信息。主頁頁面1頁面2頁面3頁面4頁面5頁面6頁面7一級(jí)標(biāo)題二級(jí)標(biāo)題圖1.8層狀結(jié)構(gòu)①層狀結(jié)構(gòu)主頁頁面1頁面2頁面3頁面4頁面5頁面6頁面721②線性結(jié)構(gòu)線性結(jié)構(gòu)（如圖1.9所示）類似于數(shù)據(jù)結(jié)構(gòu)中的線性表，用于組織本身的線性順序形式存在的信息，可以引導(dǎo)瀏覽者按部就班地瀏覽整個(gè)網(wǎng)站文件。這種結(jié)構(gòu)一般都用在意義是平行的頁面上。通常情況下，網(wǎng)站文件的結(jié)構(gòu)是層狀結(jié)構(gòu)和線性結(jié)構(gòu)相結(jié)合的。這樣可以充分利用兩種結(jié)構(gòu)各自的特點(diǎn)，使網(wǎng)站文件既具有條理性、規(guī)范性，又可同時(shí)滿足設(shè)計(jì)者和瀏覽者的要求。主頁頁面1頁面2頁面3圖1.9線性結(jié)構(gòu)②線性結(jié)構(gòu)主頁頁頁頁圖1.9線性結(jié)構(gòu)22③Web結(jié)構(gòu)Web結(jié)構(gòu)（如圖1.10所示）類似于Internet的組成結(jié)構(gòu)，各網(wǎng)頁之間形成網(wǎng)狀連接，允許用戶隨意瀏覽。主頁頁面1頁面2頁面3頁面4頁面5頁面7頁面8一級(jí)標(biāo)題二級(jí)標(biāo)題圖1.10Web結(jié)構(gòu)頁面6③Web結(jié)構(gòu)主頁頁面1頁面2頁面3頁面4頁面5頁面7頁面231.4.2網(wǎng)頁設(shè)計(jì)與制作1．靜態(tài)網(wǎng)頁的設(shè)計(jì)與制作2．為網(wǎng)頁的添加動(dòng)態(tài)效果靜態(tài)網(wǎng)頁制作完成后，接下來的工作就是為網(wǎng)頁添加動(dòng)態(tài)效果，包括一些腳本語言程序和數(shù)據(jù)庫程序的設(shè)計(jì)，以及加入動(dòng)畫效果等。1.4.2網(wǎng)頁設(shè)計(jì)與制作1．靜態(tài)網(wǎng)頁的設(shè)計(jì)與制作241.4.3測試網(wǎng)頁當(dāng)網(wǎng)頁設(shè)計(jì)人員制作完所有網(wǎng)站頁面之后，需要對(duì)所設(shè)計(jì)的網(wǎng)頁進(jìn)行審查和測試，測試內(nèi)容包括功能性測試和完整性測試兩個(gè)方面。所謂功能性測試就是要保證網(wǎng)頁的可用性，達(dá)到最初的內(nèi)容組織設(shè)計(jì)目標(biāo)，實(shí)現(xiàn)所規(guī)定的功能，讀者可方便快速地尋找到所需的內(nèi)容。完整性測試就是保證頁面內(nèi)容顯示正確，鏈接準(zhǔn)確，無差錯(cuò)無遺漏。如果在測試過程中發(fā)現(xiàn)了錯(cuò)誤，就要及時(shí)修改，在準(zhǔn)確無誤后,方可正式在Internet上發(fā)布。在進(jìn)行功能性測試和完整性測試后，有的還需要掌握整個(gè)站點(diǎn)的結(jié)構(gòu)以備日后的修改。1.4.3測試網(wǎng)頁當(dāng)網(wǎng)頁設(shè)計(jì)人員制作完所有網(wǎng)站頁面之后，需251.4.4網(wǎng)站發(fā)布與維護(hù)網(wǎng)頁設(shè)計(jì)好，必須把它發(fā)布到互連網(wǎng)上，否則網(wǎng)站形象仍然不能展現(xiàn)出去。發(fā)布的服務(wù)器可以是遠(yuǎn)程，也可以是本地，但必須支持ASP，因?yàn)閯?dòng)態(tài)程序是建立在ASP基礎(chǔ)上的。1.4.4網(wǎng)站發(fā)布與維護(hù)網(wǎng)頁設(shè)計(jì)好，必須把它發(fā)布到互連網(wǎng)261.5Web服務(wù)器的安裝與使用1.5.1IIS概況1.5.2安裝卸載IIS5.01.5.3WWW服務(wù)管理1.5Web服務(wù)器的安裝與使用1.5.1IIS概況271.5.1IIS概況

1．安全性（1）摘要式身份驗(yàn)證。（2）安全通訊。（3）服務(wù)器網(wǎng)關(guān)加密。（4）安全向?qū)А＃?）IP地址及Internet域限制。（6）Kerberos5身份驗(yàn)證協(xié)議相容性。（7）證書存儲(chǔ)。（8）Fortezza。1.5.1IIS概況 1．安全性282．可管理性（1）重新啟動(dòng)IIS。（2）備份和還原IIS。（3）進(jìn)程賬戶。（4）進(jìn)程限制。（5）改進(jìn)的自定義錯(cuò)誤消息。（6）配置選項(xiàng)。（7）遠(yuǎn)程管理。（8）終端服務(wù)。（9）集中管理。2．可管理性293．可編程性與ASP的新功能（1）ActiveServerPages（2）新的ASP功能（3）應(yīng)用程序保護(hù)（4）ADSI2.03．可編程性與ASP的新功能304．支持更多的Internet標(biāo)準(zhǔn)（1）各種標(biāo)準(zhǔn)的基礎(chǔ)。（2）多個(gè)站點(diǎn)，一個(gè)IP地址。（3）Web分布式創(chuàng)作與版本管理（WebDAV）。（4）新聞和郵件。（5）PICS分級(jí)。（6）FTP重新啟動(dòng)。（7）HTTP壓縮。4．支持更多的Internet標(biāo)準(zhǔn)311.5.2安裝卸載IIS5.0

安裝準(zhǔn)備

安裝IIS5.0組件

卸載IIS5.0組件Internet信息管理器的基本使用1.5.2安裝卸載IIS5.0 安裝32

安裝準(zhǔn)備

（1）必須安裝WindowsTCP/IP網(wǎng)絡(luò)傳輸協(xié)議和連接實(shí)用程序。（2）推薦安裝以下的可選組件：安裝域名系統(tǒng)（DNS）服務(wù)、將IIS安裝在NTFS分區(qū)上、使用MicrosoftFrontPage為Web站點(diǎn)創(chuàng)建和編輯HTML頁、使用MicrosoftVisualInterDev創(chuàng)建和開發(fā)交互式Web應(yīng)用程序。安裝準(zhǔn)備 （1）必須安裝WindowsT33

安裝IIS5.0組件

（1）單擊“開始”→“設(shè)置”→“控制面板”→“添加/刪除程序”選項(xiàng)，啟動(dòng)“添加/刪除程序”窗口。（2）單擊“添加/刪除Windows組件”按鈕，啟動(dòng)之后出現(xiàn)“Windows組件向?qū)А睂?duì)話框，選中“Internet信息服務(wù)（IIS）”并雙擊。安裝IIS5.0組件 （1）單擊“開始”34（3）根據(jù)需要選擇所要安裝的組件，單擊“確定”，執(zhí)行自動(dòng)安裝，同時(shí)出現(xiàn)“正在配置組件”對(duì)話框。（4）IIS5.0組件信息配置完成后，向?qū)нM(jìn)入最后一步，單擊“完成”按鈕安裝過程結(jié)束。（3）根據(jù)需要選擇所要安裝的組件，單擊“確定”，執(zhí)行自動(dòng)安35

卸載IIS5.0組件

（1）單擊“開始”→“設(shè)置”→“控制面板”→“添加/刪除程序”，啟動(dòng)“添加/刪除程序”窗口。（2）單擊“添加/刪除Windows組件”按鈕，啟動(dòng)后出現(xiàn)“Windows組件向?qū)А睂?duì)話框，選中“Internet信息服務(wù)（IIS）”，并雙擊。卸載IIS5.0組件 （1）單擊“開始”36（3）選擇所要?jiǎng)h除的組件，并單擊“確定”按鈕后進(jìn)行下一步的安裝操作，同時(shí)出現(xiàn)“正在配置組件”對(duì)話框。（4）IIS5.0組件信息配置完成后，單擊“完成”按鈕。（5）卸載后保留的目錄。（3）選擇所要?jiǎng)h除的組件，并單擊“確定”按鈕后進(jìn)行下一步的安37Internet信息管理器的基本使用

（1）在“Internet信息服務(wù)”中，許多配置任務(wù)涉及更改選項(xiàng)卡中的設(shè)置。（2）使用“查看”菜單可改變顯示方式。（3）在Internet服務(wù)管理器中，可操作的對(duì)象有以下幾種。計(jì)算機(jī)：Web或FTP站點(diǎn)：一Web或FTP虛擬目錄：Web或FTP目錄：Web或FTP目錄下的文件：（4）連接服務(wù)器以及啟動(dòng)和停止站點(diǎn)和服務(wù)器。Internet信息管理器的基本使用 （138圖14-1“Internet信息服務(wù)”窗口圖14-1“Internet信息服務(wù)”窗口39圖14-2站點(diǎn)、目錄或文件快捷菜單圖14-2站點(diǎn)、目錄或文件快捷菜單401.5.3WWW服務(wù)管理

新建Web站點(diǎn)

管理Web站點(diǎn)WWW服務(wù)高級(jí)屬性管理

建立虛擬服務(wù)器和虛擬目錄1.5.3WWW服務(wù)管理 新建Web站41

新建Web站點(diǎn)

（1）運(yùn)行“Internet服務(wù)管理器”。（2）單擊“Internet信息服務(wù)”窗口中需添加Web站點(diǎn)的計(jì)算機(jī)名中選擇“新建”→“Web站點(diǎn)”，即可打開“Web站點(diǎn)創(chuàng)建向?qū)А贝翱凇＃?）單擊“下一步”按鈕，在彈出的對(duì)話框中輸入站點(diǎn)說明。（4）單擊“下一步”按鈕，在彈出的對(duì)話框中指定Web站點(diǎn)的IP地址和端口號(hào)等信息。新建Web站點(diǎn) （1）運(yùn)行“Interne42（5）單擊“下一步”按鈕，在彈出的對(duì)話框中添加Web站點(diǎn)信息所在的文件夾，在這里單擊“瀏覽”按鈕為站點(diǎn)選擇一個(gè)主目錄，并選擇是否允許匿名訪問。（6）單擊“下一步”按鈕，在彈出的對(duì)話框中設(shè)定對(duì)于主目錄的訪問權(quán)限。（7）單擊“完成”按鈕，新建Web站點(diǎn)完成。（5）單擊“下一步”按鈕，在彈出的對(duì)話框中添加Web站點(diǎn)信息43

管理Web站點(diǎn)

Web站點(diǎn)屬性有以下選項(xiàng)卡：1．“Web站點(diǎn)”選項(xiàng)卡2．“操作員”選項(xiàng)卡3．“性能”選項(xiàng)卡4．“ISAPI篩選器”選項(xiàng)卡管理Web站點(diǎn) Web站點(diǎn)屬性有以下選項(xiàng)卡44圖14-5“Web站點(diǎn)”選項(xiàng)卡圖14-5“Web站點(diǎn)”選項(xiàng)卡45圖14-6“操作員”選項(xiàng)卡圖14-6“操作員”選項(xiàng)卡46圖14-7“性能”選項(xiàng)卡圖14-7“性能”選項(xiàng)卡47圖14-8“ISAPI篩選器”選項(xiàng)卡圖14-8“ISAPI篩選器”選項(xiàng)卡485．“主目錄”選項(xiàng)卡（1）此計(jì)算機(jī)上的目錄（2）另一計(jì)算機(jī)上的共享位置（3）重定向到URL5．“主目錄”選項(xiàng)卡49圖14-9此計(jì)算機(jī)上的目錄圖14-9此計(jì)算機(jī)上的目錄50圖14-10另一計(jì)算機(jī)上的共享位置圖14-10另一計(jì)算機(jī)上的共享位置51圖14-11重定向到URL圖14-11重定向到URL526．“文檔”選項(xiàng)卡7．“目錄安全性”選項(xiàng)卡8．“HTTP頭”選項(xiàng)卡9．“自定義錯(cuò)誤信息”選項(xiàng)卡10．“服務(wù)器擴(kuò)展”選項(xiàng)卡6．“文檔”選項(xiàng)卡53圖14-12“文檔”選項(xiàng)卡圖14-12“文檔”選項(xiàng)卡54圖14-13“目錄安全性”屬性表圖14-13“目錄安全性”屬性表55圖14-14“HTTP頭”選項(xiàng)卡圖14-14“HTTP頭”選項(xiàng)卡56圖14-15“自定義錯(cuò)誤信息”選項(xiàng)卡圖14-15“自定義錯(cuò)誤信息”選項(xiàng)卡57圖14-16“服務(wù)器擴(kuò)展”選項(xiàng)卡圖14-16“服務(wù)器擴(kuò)展”選項(xiàng)卡58WWW服務(wù)高級(jí)屬性管理1．多個(gè)地址或多個(gè)端口對(duì)應(yīng)一個(gè)Web站點(diǎn)2．將客戶定向到多個(gè)他站點(diǎn)中的一個(gè)3．管理MIME類型4．使用HTTP主機(jī)標(biāo)題5．篩選器6．維護(hù)站點(diǎn)和資源的安全性WWW服務(wù)高級(jí)屬性管理1．多個(gè)地址或多個(gè)端59

建立虛擬服務(wù)器和虛擬目錄1．建立虛擬Web服務(wù)器：使用多個(gè)IP地址或使用主機(jī)標(biāo)題來實(shí)現(xiàn)虛擬Web服務(wù)器。2．新建虛擬目錄：（1）在“Internet信息服務(wù)”窗口，右Web站點(diǎn)中選擇“新建虛擬目錄”命令，出現(xiàn)“虛擬目錄創(chuàng)建向?qū)А睂?duì)話框、（2）單擊“下一步”按鈕，輸入別名（3）單擊“下一步”按鈕，選擇虛擬目錄路徑（4）完成對(duì)目錄讀寫權(quán)限的限制就建立。建立虛擬服務(wù)器和虛擬目錄1．建立虛擬Web60第1章網(wǎng)頁制作基礎(chǔ)第1章網(wǎng)頁制作基礎(chǔ)611.1什么是網(wǎng)頁1.2網(wǎng)頁制作工具1.3網(wǎng)站外觀設(shè)計(jì)的建議1.4網(wǎng)站建設(shè)的整體規(guī)劃1.5Web服務(wù)器的安裝與使用1.1什么是網(wǎng)頁621.1什么是網(wǎng)頁

1.1.1Internet與WWW1．計(jì)算機(jī)網(wǎng)絡(luò)與網(wǎng)絡(luò)協(xié)議2．什么是Internet普遍的觀點(diǎn)認(rèn)為：“Internet是由數(shù)百萬臺(tái)計(jì)算機(jī)和數(shù)以千萬計(jì)用戶組成的全球范圍內(nèi)的計(jì)算機(jī)互聯(lián)網(wǎng)絡(luò)，是一個(gè)世界范圍內(nèi)信息資源的大型集合體系?！比鐖D1.1所示。

3．什么是WWW1.1什么是網(wǎng)頁63圖1.1Internet示意圖圖1.1Internet示意圖641.1.2網(wǎng)站與網(wǎng)頁我們已經(jīng)知道，WWW是由遍布世界各地的Web服務(wù)器組成，那么，這些Web服務(wù)器又是如何構(gòu)成一個(gè)龐大的資源集合呢？答案就是網(wǎng)頁。由于網(wǎng)頁中包含“超鏈接”，這些超鏈接可以將一個(gè)網(wǎng)頁鏈接到其他網(wǎng)頁，從而構(gòu)成了萬維網(wǎng)的縱橫交織結(jié)構(gòu)。1.1.2網(wǎng)站與網(wǎng)頁65通過超鏈接連接起來的一系列邏輯上可以視為一個(gè)整體的一些網(wǎng)頁就叫做網(wǎng)站?；蛘哒f，網(wǎng)站就是一個(gè)鏈接的頁面集合，通常為了完成某個(gè)特定目標(biāo)。一般情況下，網(wǎng)站都有一個(gè)首頁，或者說主頁，作為網(wǎng)站的開始點(diǎn)。首頁的作用一般像是一本書的目錄，使訪問者能夠了解網(wǎng)站的內(nèi)容。首頁的名稱一般是固定的，例如index.htm或default.htm等（具體名稱由Web服務(wù)器確定）。通過超鏈接連接起來的一系列邏輯上可以視為一個(gè)661.1.3網(wǎng)頁的本質(zhì)瀏覽者是通過瀏覽器來訪問Web服務(wù)器上的網(wǎng)頁的。那么，網(wǎng)頁的本質(zhì)到底是什么呢？如果在瀏覽器窗口中任意打開一個(gè)網(wǎng)頁，然后選擇“查看”菜單中的“源文件”命令，則系統(tǒng)會(huì)啟動(dòng)“記事本”程序，其中包含一些文本信息，如圖1.3所示。1.1.3網(wǎng)頁的本質(zhì)67圖1.2網(wǎng)頁的本質(zhì)圖1.2網(wǎng)頁的本質(zhì)68這些文本實(shí)際就是網(wǎng)頁的本質(zhì)——HTML源代碼。由此可以看出，網(wǎng)頁就是用HTML寫成的文檔，在Internet中可以通過瀏覽器程序進(jìn)行瀏覽。HTML（HyperTextMarkupLanguage，超文本標(biāo)記語言）是表示網(wǎng)頁的一種規(guī)范，它通過標(biāo)簽（也叫做標(biāo)記符）定義了網(wǎng)頁內(nèi)容的顯示。例如，<html>標(biāo)簽表示此文檔是一個(gè)網(wǎng)頁文件，而<table>標(biāo)簽則表示網(wǎng)頁中定義的一個(gè)表格。這些文本實(shí)際就是網(wǎng)頁的本質(zhì)——HTML源代碼69通過在網(wǎng)頁中添加標(biāo)記符，可以告訴瀏覽器如何顯示網(wǎng)頁，即確定內(nèi)容的格式。瀏覽器按順序閱讀網(wǎng)頁文件（HTML文件），然后根據(jù)內(nèi)容周圍的HTML標(biāo)記符解釋和顯示各種內(nèi)容。通過在網(wǎng)頁中添加標(biāo)記符，可以告訴瀏覽器如何顯示網(wǎng)頁，即確定內(nèi)701.2網(wǎng)頁制作工具1.2.1網(wǎng)頁編輯工具1.2.2素材處理與創(chuàng)作工具圖像瀏覽與處理矢量圖創(chuàng)作工具多媒體制作工具特效制作工具1.2網(wǎng)頁制作工具71網(wǎng)頁編輯工具WYSWYG編輯器MacromediaDreamweaverMicrosoftFrontPageAdobeGoLiveSoftQuadHotMetal網(wǎng)頁編輯工具WYSWYG編輯器72素材處理與創(chuàng)作工具圖像瀏覽與處理ACDSeePhotoshopFireworksPhotoImpact矢量圖創(chuàng)作工具FreeHandCorelDrawIllustrator素材處理與創(chuàng)作工具圖像瀏覽與處理矢量圖創(chuàng)作工具73素材處理與創(chuàng)作工具特效制作工具AnfyCool3DGIFAnimator多媒體制作工具FlashDirectorAuthorwareLiveMotion素材處理與創(chuàng)作工具特效制作工具多媒體制作工具741.3網(wǎng)頁的外觀設(shè)計(jì)的建議：（1）不要先決定網(wǎng)頁的外觀，然后迫使自己去適應(yīng)它，應(yīng)該根據(jù)網(wǎng)站的訪問者對(duì)象、要提供的信息以及制作目標(biāo)得出一個(gè)最適合的網(wǎng)頁架構(gòu)。（2）每頁排版不要太松散或用太大的字，盡量避免訪問者瀏覽網(wǎng)頁時(shí)要作大幅度的滾動(dòng)，對(duì)于篇幅太長的一頁可以使用內(nèi)部鏈接解決。須知，在一頁的上部是顯眼而寶貴的地方，不要只放幾個(gè)粗大的字或圖片。1.3網(wǎng)頁的外觀設(shè)計(jì)的建議：（1）不要先決定網(wǎng)頁的外觀，75（3）切勿以800×600以上的分辨率設(shè)計(jì)網(wǎng)頁，常用的分辨率是640×480及800×600?，F(xiàn)在國內(nèi)的站點(diǎn)基本上都是800×600，但是如果主要是面向國外訪問者的站點(diǎn)，建議使用640×480。（4）不要把圖片白色當(dāng)作透明，要知道別人的系統(tǒng)不一定把內(nèi)定底色設(shè)為白色，解決的辦法除了真的把該網(wǎng)頁的底色設(shè)為白色之外，最好還是用圖片編輯工具將圖片設(shè)為透明顏色。（3）切勿以800×600以上的分辨率設(shè)計(jì)網(wǎng)頁，常用的分辨率76（5）不要每頁都采用不同的墻紙，以免每次轉(zhuǎn)頁時(shí)都要花費(fèi)過多的時(shí)間去下載，采用相同的底色或墻紙還可以增強(qiáng)網(wǎng)頁一致性，以樹立自己的風(fēng)格。（6）底色或墻紙必須與文字對(duì)比強(qiáng)烈，以易于閱讀。這并不是要求永遠(yuǎn)使用鮮亮的背景搭配深色的文字，但深色背景常要求與主題配合，有較多的顧慮，如果網(wǎng)頁是文章式或是包含大量文字，不妨在底色與文字的搭配上下些工夫，力求讓訪問者能夠舒適地閱讀網(wǎng)頁。（5）不要每頁都采用不同的墻紙，以免每次轉(zhuǎn)頁時(shí)都要花費(fèi)過多的771.4網(wǎng)頁制作的基本步驟因?yàn)榫W(wǎng)頁只有在鏈接成網(wǎng)站才有其存在的意義，所以通常所說的網(wǎng)頁制作實(shí)際上就是網(wǎng)站制作。在制作網(wǎng)頁開始時(shí)就從一個(gè)網(wǎng)站的角度來考慮問題，能夠使后續(xù)的工作更容易進(jìn)行。網(wǎng)站的建設(shè)通常都遵循一個(gè)基本的流程：規(guī)劃階段、設(shè)計(jì)階段、開發(fā)階段、發(fā)布階段與維護(hù)階段，如圖1.4所示。

圖1.3網(wǎng)站開發(fā)工作流程1.4網(wǎng)頁制作的基本步驟因?yàn)榫W(wǎng)頁只有在鏈接成網(wǎng)站781.4.1規(guī)劃站點(diǎn)收集整理資料準(zhǔn)備素材內(nèi)容規(guī)劃1.4.2網(wǎng)頁設(shè)計(jì)與制作1.4.3測試網(wǎng)頁1.4.4網(wǎng)站發(fā)布與維護(hù)1.4.1規(guī)劃站點(diǎn)791.4.1規(guī)劃站點(diǎn)進(jìn)行網(wǎng)站的整體規(guī)劃也就是組織網(wǎng)站的內(nèi)容和設(shè)計(jì)其結(jié)構(gòu)。網(wǎng)頁制作者在明確網(wǎng)頁制作的目的及要包括的內(nèi)容之后，接下來就應(yīng)該對(duì)網(wǎng)站進(jìn)行規(guī)劃，以確保文件內(nèi)容條理清楚、結(jié)構(gòu)合理，這樣不僅可以很好地體現(xiàn)設(shè)計(jì)者的意圖，也將使網(wǎng)站可維護(hù)性與可擴(kuò)展性增強(qiáng)。1.4.1規(guī)劃站點(diǎn)進(jìn)行網(wǎng)站的整體規(guī)劃也就是組織網(wǎng)站的內(nèi)容和80①層狀結(jié)構(gòu)層狀結(jié)構(gòu)（如圖1.8所示）類似于目錄系統(tǒng)的樹型結(jié)構(gòu)，由網(wǎng)站文件的主頁開始，依次劃分為一級(jí)標(biāo)題、二級(jí)標(biāo)題等等，逐級(jí)細(xì)化，直至提供給瀏覽者具體信息。主頁頁面1頁面2頁面3頁面4頁面5頁面6頁面7一級(jí)標(biāo)題二級(jí)標(biāo)題圖1.8層狀結(jié)構(gòu)①層狀結(jié)構(gòu)主頁頁面1頁面2頁面3頁面4頁面5頁面6頁面781②線性結(jié)構(gòu)線性結(jié)構(gòu)（如圖1.9所示）類似于數(shù)據(jù)結(jié)構(gòu)中的線性表，用于組織本身的線性順序形式存在的信息，可以引導(dǎo)瀏覽者按部就班地瀏覽整個(gè)網(wǎng)站文件。這種結(jié)構(gòu)一般都用在意義是平行的頁面上。通常情況下，網(wǎng)站文件的結(jié)構(gòu)是層狀結(jié)構(gòu)和線性結(jié)構(gòu)相結(jié)合的。這樣可以充分利用兩種結(jié)構(gòu)各自的特點(diǎn)，使網(wǎng)站文件既具有條理性、規(guī)范性，又可同時(shí)滿足設(shè)計(jì)者和瀏覽者的要求。主頁頁面1頁面2頁面3圖1.9線性結(jié)構(gòu)②線性結(jié)構(gòu)主頁頁頁頁圖1.9線性結(jié)構(gòu)82③Web結(jié)構(gòu)Web結(jié)構(gòu)（如圖1.10所示）類似于Internet的組成結(jié)構(gòu)，各網(wǎng)頁之間形成網(wǎng)狀連接，允許用戶隨意瀏覽。主頁頁面1頁面2頁面3頁面4頁面5頁面7頁面8一級(jí)標(biāo)題二級(jí)標(biāo)題圖1.10Web結(jié)構(gòu)頁面6③Web結(jié)構(gòu)主頁頁面1頁面2頁面3頁面4頁面5頁面7頁面831.4.2網(wǎng)頁設(shè)計(jì)與制作1．靜態(tài)網(wǎng)頁的設(shè)計(jì)與制作2．為網(wǎng)頁的添加動(dòng)態(tài)效果靜態(tài)網(wǎng)頁制作完成后，接下來的工作就是為網(wǎng)頁添加動(dòng)態(tài)效果，包括一些腳本語言程序和數(shù)據(jù)庫程序的設(shè)計(jì)，以及加入動(dòng)畫效果等。1.4.2網(wǎng)頁設(shè)計(jì)與制作1．靜態(tài)網(wǎng)頁的設(shè)計(jì)與制作841.4.3測試網(wǎng)頁當(dāng)網(wǎng)頁設(shè)計(jì)人員制作完所有網(wǎng)站頁面之后，需要對(duì)所設(shè)計(jì)的網(wǎng)頁進(jìn)行審查和測試，測試內(nèi)容包括功能性測試和完整性測試兩個(gè)方面。所謂功能性測試就是要保證網(wǎng)頁的可用性，達(dá)到最初的內(nèi)容組織設(shè)計(jì)目標(biāo)，實(shí)現(xiàn)所規(guī)定的功能，讀者可方便快速地尋找到所需的內(nèi)容。完整性測試就是保證頁面內(nèi)容顯示正確，鏈接準(zhǔn)確，無差錯(cuò)無遺漏。如果在測試過程中發(fā)現(xiàn)了錯(cuò)誤，就要及時(shí)修改，在準(zhǔn)確無誤后,方可正式在Internet上發(fā)布。在進(jìn)行功能性測試和完整性測試后，有的還需要掌握整個(gè)站點(diǎn)的結(jié)構(gòu)以備日后的修改。1.4.3測試網(wǎng)頁當(dāng)網(wǎng)頁設(shè)計(jì)人員制作完所有網(wǎng)站頁面之后，需851.4.4網(wǎng)站發(fā)布與維護(hù)網(wǎng)頁設(shè)計(jì)好，必須把它發(fā)布到互連網(wǎng)上，否則網(wǎng)站形象仍然不能展現(xiàn)出去。發(fā)布的服務(wù)器可以是遠(yuǎn)程，也可以是本地，但必須支持ASP，因?yàn)閯?dòng)態(tài)程序是建立在ASP基礎(chǔ)上的。1.4.4網(wǎng)站發(fā)布與維護(hù)網(wǎng)頁設(shè)計(jì)好，必須把它發(fā)布到互連網(wǎng)861.5Web服務(wù)器的安裝與使用1.5.1IIS概況1.5.2安裝卸載IIS5.01.5.3WWW服務(wù)管理1.5Web服務(wù)器的安裝與使用1.5.1IIS概況871.5.1IIS概況

1．安全性（1）摘要式身份驗(yàn)證。（2）安全通訊。（3）服務(wù)器網(wǎng)關(guān)加密。（4）安全向?qū)?。?）IP地址及Internet域限制。（6）Kerberos5身份驗(yàn)證協(xié)議相容性。（7）證書存儲(chǔ)。（8）Fortezza。1.5.1IIS概況 1．安全性882．可管理性（1）重新啟動(dòng)IIS。（2）備份和還原IIS。（3）進(jìn)程賬戶。（4）進(jìn)程限制。（5）改進(jìn)的自定義錯(cuò)誤消息。（6）配置選項(xiàng)。（7）遠(yuǎn)程管理。（8）終端服務(wù)。（9）集中管理。2．可管理性893．可編程性與ASP的新功能（1）ActiveServerPages（2）新的ASP功能（3）應(yīng)用程序保護(hù)（4）ADSI2.03．可編程性與ASP的新功能904．支持更多的Internet標(biāo)準(zhǔn)（1）各種標(biāo)準(zhǔn)的基礎(chǔ)。（2）多個(gè)站點(diǎn)，一個(gè)IP地址。（3）Web分布式創(chuàng)作與版本管理（WebDAV）。（4）新聞和郵件。（5）PICS分級(jí)。（6）FTP重新啟動(dòng)。（7）HTTP壓縮。4．支持更多的Internet標(biāo)準(zhǔn)911.5.2安裝卸載IIS5.0

安裝準(zhǔn)備

安裝IIS5.0組件

卸載IIS5.0組件Internet信息管理器的基本使用1.5.2安裝卸載IIS5.0 安裝92

安裝準(zhǔn)備

（1）必須安裝WindowsTCP/IP網(wǎng)絡(luò)傳輸協(xié)議和連接實(shí)用程序。（2）推薦安裝以下的可選組件：安裝域名系統(tǒng)（DNS）服務(wù)、將IIS安裝在NTFS分區(qū)上、使用MicrosoftFrontPage為Web站點(diǎn)創(chuàng)建和編輯HTML頁、使用MicrosoftVisualInterDev創(chuàng)建和開發(fā)交互式Web應(yīng)用程序。安裝準(zhǔn)備 （1）必須安裝WindowsT93

安裝IIS5.0組件

（1）單擊“開始”→“設(shè)置”→“控制面板”→“添加/刪除程序”選項(xiàng)，啟動(dòng)“添加/刪除程序”窗口。（2）單擊“添加/刪除Windows組件”按鈕，啟動(dòng)之后出現(xiàn)“Windows組件向?qū)А睂?duì)話框，選中“Internet信息服務(wù)（IIS）”并雙擊。安裝IIS5.0組件 （1）單擊“開始”94（3）根據(jù)需要選擇所要安裝的組件，單擊“確定”，執(zhí)行自動(dòng)安裝，同時(shí)出現(xiàn)“正在配置組件”對(duì)話框。（4）IIS5.0組件信息配置完成后，向?qū)нM(jìn)入最后一步，單擊“完成”按鈕安裝過程結(jié)束。（3）根據(jù)需要選擇所要安裝的組件，單擊“確定”，執(zhí)行自動(dòng)安95

卸載IIS5.0組件

（1）單擊“開始”→“設(shè)置”→“控制面板”→“添加/刪除程序”，啟動(dòng)“添加/刪除程序”窗口。（2）單擊“添加/刪除Windows組件”按鈕，啟動(dòng)后出現(xiàn)“Windows組件向?qū)А睂?duì)話框，選中“Internet信息服務(wù)（IIS）”，并雙擊。卸載IIS5.0組件 （1）單擊“開始”96（3）選擇所要?jiǎng)h除的組件，并單擊“確定”按鈕后進(jìn)行下一步的安裝操作，同時(shí)出現(xiàn)“正在配置組件”對(duì)話框。（4）IIS5.0組件信息配置完成后，單擊“完成”按鈕。（5）卸載后保留的目錄。（3）選擇所要?jiǎng)h除的組件，并單擊“確定”按鈕后進(jìn)行下一步的安97Internet信息管理器的基本使用

（1）在“Internet信息服務(wù)”中，許多配置任務(wù)涉及更改選項(xiàng)卡中的設(shè)置。（2）使用“查看”菜單可改變顯示方式。（3）在Internet服務(wù)管理器中，可操作的對(duì)象有以下幾種。計(jì)算機(jī)：Web或FTP站點(diǎn)：一Web或FTP虛擬目錄：Web或FTP目錄：Web或FTP目錄下的文件：（4）連接服務(wù)器以及啟動(dòng)和停止站點(diǎn)和服務(wù)器。Internet信息管理器的基本使用 （198圖14-1“Internet信息服務(wù)”窗口圖14-1“Internet信息服務(wù)”窗口99圖14-2站點(diǎn)、目錄或文件快捷菜單圖14-2站點(diǎn)、目錄或文件快捷菜單1001.5.3WWW服務(wù)管理

新建Web站點(diǎn)

管理Web站點(diǎn)WWW服務(wù)高級(jí)屬性管理

建立虛擬服務(wù)器和虛擬目錄1.5.3WWW服務(wù)管理 新建Web站

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論