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

下載本文檔

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

文檔簡(jiǎn)介

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

1.1.1Internet與WWW1．計(jì)算機(jī)網(wǎng)絡(luò)與網(wǎng)絡(luò)協(xié)議2．什么是Internet

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

3．什么是WWW圖1.1Internet示意圖1.1.2網(wǎng)站與網(wǎng)頁(yè)我們已經(jīng)知道，WWW是由遍布世界各地的Web服務(wù)器組成，那么，這些Web服務(wù)器又是如何構(gòu)成一個(gè)龐大的資源集合呢？答案就是網(wǎng)頁(yè)。由于網(wǎng)頁(yè)中包含“超鏈接”，這些超鏈接可以將一個(gè)網(wǎng)頁(yè)鏈接到其他網(wǎng)頁(yè)，從而構(gòu)成了萬(wàn)維網(wǎng)的縱橫交織結(jié)構(gòu)。通過(guò)超鏈接連接起來(lái)的一系列邏輯上可以視為一個(gè)整體的一些網(wǎng)頁(yè)就叫做網(wǎng)站?；蛘哒f(shuō)，網(wǎng)站就是一個(gè)鏈接的頁(yè)面集合，通常為了完成某個(gè)特定目標(biāo)。一般情況下，網(wǎng)站都有一個(gè)首頁(yè)，或者說(shuō)主頁(yè)，作為網(wǎng)站的開(kāi)始點(diǎn)。首頁(yè)的作用一般像是一本書(shū)的目錄，使訪問(wèn)者能夠了解網(wǎng)站的內(nèi)容。首頁(yè)的名稱(chēng)一般是固定的，例如index.htm或default.htm等（具體名稱(chēng)由Web服務(wù)器確定）。1.1.3網(wǎng)頁(yè)的本質(zhì)瀏覽者是通過(guò)瀏覽器來(lái)訪問(wèn)Web服務(wù)器上的網(wǎng)頁(yè)的。那么，網(wǎng)頁(yè)的本質(zhì)到底是什么呢？如果在瀏覽器窗口中任意打開(kāi)一個(gè)網(wǎng)頁(yè)，然后選擇“查看”菜單中的“源文件”命令，則系統(tǒng)會(huì)啟動(dòng)“記事本”程序，其中包含一些文本信息，如圖1.3所示。圖1.2網(wǎng)頁(yè)的本質(zhì)這些文本實(shí)際就是網(wǎng)頁(yè)的本質(zhì)——HTML源代碼。由此可以看出，網(wǎng)頁(yè)就是用HTML寫(xiě)成的文檔，在Internet中可以通過(guò)瀏覽器程序進(jìn)行瀏覽。

HTML（HyperTextMarkupLanguage，超文本標(biāo)記語(yǔ)言）是表示網(wǎng)頁(yè)的一種規(guī)范，它通過(guò)標(biāo)簽（也叫做標(biāo)記符）定義了網(wǎng)頁(yè)內(nèi)容的顯示。例如，<html>標(biāo)簽表示此文檔是一個(gè)網(wǎng)頁(yè)文件，而<table>標(biāo)簽則表示網(wǎng)頁(yè)中定義的一個(gè)表格。通過(guò)在網(wǎng)頁(yè)中添加標(biāo)記符，可以告訴瀏覽器如何顯示網(wǎng)頁(yè)，即確定內(nèi)容的格式。瀏覽器按順序閱讀網(wǎng)頁(yè)文件（HTML文件），然后根據(jù)內(nèi)容周?chē)腍TML標(biāo)記符解釋和顯示各種內(nèi)容。1.2網(wǎng)頁(yè)制作工具1.2.1網(wǎng)頁(yè)編輯工具1.2.2素材處理與創(chuàng)作工具圖像瀏覽與處理矢量圖創(chuàng)作工具多媒體制作工具特效制作工具網(wǎng)頁(yè)編輯工具WYSWYG編輯器MacromediaDreamweaverMicrosoftFrontPageAdobeGoLiveSoftQuadHotMetal素材處理與創(chuàng)作工具圖像瀏覽與處理ACDSeePhotoshopFireworksPhotoImpact矢量圖創(chuàng)作工具FreeHandCorelDrawIllustrator素材處理與創(chuàng)作工具特效制作工具AnfyCool3DGIFAnimator多媒體制作工具FlashDirectorAuthorwareLiveMotion1.3網(wǎng)頁(yè)的外觀設(shè)計(jì)的建議：（1）不要先決定網(wǎng)頁(yè)的外觀，然后迫使自己去適應(yīng)它，應(yīng)該根據(jù)網(wǎng)站的訪問(wèn)者對(duì)象、要提供的信息以及制作目標(biāo)得出一個(gè)最適合的網(wǎng)頁(yè)架構(gòu)。（2）每頁(yè)排版不要太松散或用太大的字，盡量避免訪問(wèn)者瀏覽網(wǎng)頁(yè)時(shí)要作大幅度的滾動(dòng)，對(duì)于篇幅太長(zhǎng)的一頁(yè)可以使用內(nèi)部鏈接解決。須知，在一頁(yè)的上部是顯眼而寶貴的地方，不要只放幾個(gè)粗大的字或圖片。（3）切勿以800×600以上的分辨率設(shè)計(jì)網(wǎng)頁(yè)，常用的分辨率是640×480及800×600?，F(xiàn)在國(guó)內(nèi)的站點(diǎn)基本上都是800×600，但是如果主要是面向國(guó)外訪問(wèn)者的站點(diǎn)，建議使用640×480。（4）不要把圖片白色當(dāng)作透明，要知道別人的系統(tǒng)不一定把內(nèi)定底色設(shè)為白色，解決的辦法除了真的把該網(wǎng)頁(yè)的底色設(shè)為白色之外，最好還是用圖片編輯工具將圖片設(shè)為透明顏色。（5）不要每頁(yè)都采用不同的墻紙，以免每次轉(zhuǎn)頁(yè)時(shí)都要花費(fèi)過(guò)多的時(shí)間去下載，采用相同的底色或墻紙還可以增強(qiáng)網(wǎng)頁(yè)一致性，以樹(shù)立自己的風(fēng)格。（6）底色或墻紙必須與文字對(duì)比強(qiáng)烈，以易于閱讀。這并不是要求永遠(yuǎn)使用鮮亮的背景搭配深色的文字，但深色背景常要求與主題配合，有較多的顧慮，如果網(wǎng)頁(yè)是文章式或是包含大量文字，不妨在底色與文字的搭配上下些工夫，力求讓訪問(wèn)者能夠舒適地閱讀網(wǎng)頁(yè)。1.4網(wǎng)頁(yè)制作的基本步驟因?yàn)榫W(wǎng)頁(yè)只有在鏈接成網(wǎng)站才有其存在的意義，所以通常所說(shuō)的網(wǎng)頁(yè)制作實(shí)際上就是網(wǎng)站制作。在制作網(wǎng)頁(yè)開(kāi)始時(shí)就從一個(gè)網(wǎng)站的角度來(lái)考慮問(wèn)題，能夠使后續(xù)的工作更容易進(jìn)行。網(wǎng)站的建設(shè)通常都遵循一個(gè)基本的流程：規(guī)劃階段、設(shè)計(jì)階段、開(kāi)發(fā)階段、發(fā)布階段與維護(hù)階段，如圖1.4所示。

圖1.3網(wǎng)站開(kāi)發(fā)工作流程1.4.1規(guī)劃站點(diǎn)收集整理資料準(zhǔn)備素材內(nèi)容規(guī)劃1.4.2網(wǎng)頁(yè)設(shè)計(jì)與制作1.4.3測(cè)試網(wǎng)頁(yè)1.4.4網(wǎng)站發(fā)布與維護(hù)1.4.1規(guī)劃站點(diǎn)進(jìn)行網(wǎng)站的整體規(guī)劃也就是組織網(wǎng)站的內(nèi)容和設(shè)計(jì)其結(jié)構(gòu)。網(wǎng)頁(yè)制作者在明確網(wǎng)頁(yè)制作的目的及要包括的內(nèi)容之后，接下來(lái)就應(yīng)該對(duì)網(wǎng)站進(jìn)行規(guī)劃，以確保文件內(nèi)容條理清楚、結(jié)構(gòu)合理，這樣不僅可以很好地體現(xiàn)設(shè)計(jì)者的意圖，也將使網(wǎng)站可維護(hù)性與可擴(kuò)展性增強(qiáng)。①層狀結(jié)構(gòu)層狀結(jié)構(gòu)（如圖1.8所示）類(lèi)似于目錄系統(tǒng)的樹(shù)型結(jié)構(gòu)，由網(wǎng)站文件的主頁(yè)開(kāi)始，依次劃分為一級(jí)標(biāo)題、二級(jí)標(biāo)題等等，逐級(jí)細(xì)化，直至提供給瀏覽者具體信息。主頁(yè)頁(yè)面1頁(yè)面2頁(yè)面3頁(yè)面4頁(yè)面5頁(yè)面6頁(yè)面7一級(jí)標(biāo)題二級(jí)標(biāo)題圖1.8層狀結(jié)構(gòu)②線性結(jié)構(gòu)線性結(jié)構(gòu)（如圖1.9所示）類(lèi)似于數(shù)據(jù)結(jié)構(gòu)中的線性表，用于組織本身的線性順序形式存在的信息，可以引導(dǎo)瀏覽者按部就班地瀏覽整個(gè)網(wǎng)站文件。這種結(jié)構(gòu)一般都用在意義是平行的頁(yè)面上。通常情況下，網(wǎng)站文件的結(jié)構(gòu)是層狀結(jié)構(gòu)和線性結(jié)構(gòu)相結(jié)合的。這樣可以充分利用兩種結(jié)構(gòu)各自的特點(diǎn)，使網(wǎng)站文件既具有條理性、規(guī)范性，又可同時(shí)滿(mǎn)足設(shè)計(jì)者和瀏覽者的要求。主頁(yè)頁(yè)面1頁(yè)面2頁(yè)面3圖1.9線性結(jié)構(gòu)③Web結(jié)構(gòu)

Web結(jié)構(gòu)（如圖1.10所示）類(lèi)似于Internet的組成結(jié)構(gòu)，各網(wǎng)頁(yè)之間形成網(wǎng)狀連接，允許用戶(hù)隨意瀏覽。主頁(yè)頁(yè)面1頁(yè)面2頁(yè)面3頁(yè)面4頁(yè)面5頁(yè)面7頁(yè)面8一級(jí)標(biāo)題二級(jí)標(biāo)題圖1.10Web結(jié)構(gòu)頁(yè)面61.4.2網(wǎng)頁(yè)設(shè)計(jì)與制作1．靜態(tài)網(wǎng)頁(yè)的設(shè)計(jì)與制作2．為網(wǎng)頁(yè)的添加動(dòng)態(tài)效果靜態(tài)網(wǎng)頁(yè)制作完成后，接下來(lái)的工作就是為網(wǎng)頁(yè)添加動(dòng)態(tài)效果，包括一些腳本語(yǔ)言程序和數(shù)據(jù)庫(kù)程序的設(shè)計(jì)，以及加入動(dòng)畫(huà)效果等。1.4.3測(cè)試網(wǎng)頁(yè)當(dāng)網(wǎng)頁(yè)設(shè)計(jì)人員制作完所有網(wǎng)站頁(yè)面之后，需要對(duì)所設(shè)計(jì)的網(wǎng)頁(yè)進(jìn)行審查和測(cè)試，測(cè)試內(nèi)容包括功能性測(cè)試和完整性測(cè)試兩個(gè)方面。所謂功能性測(cè)試就是要保證網(wǎng)頁(yè)的可用性，達(dá)到最初的內(nèi)容組織設(shè)計(jì)目標(biāo)，實(shí)現(xiàn)所規(guī)定的功能，讀者可方便快速地尋找到所需的內(nèi)容。完整性測(cè)試就是保證頁(yè)面內(nèi)容顯示正確，鏈接準(zhǔn)確，無(wú)差錯(cuò)無(wú)遺漏。如果在測(cè)試過(guò)程中發(fā)現(xiàn)了錯(cuò)誤，就要及時(shí)修改，在準(zhǔn)確無(wú)誤后,方可正式在Internet上發(fā)布。在進(jìn)行功能性測(cè)試和完整性測(cè)試后，有的還需要掌握整個(gè)站點(diǎn)的結(jié)構(gòu)以備日后的修改。1.4.4網(wǎng)站發(fā)布與維護(hù)網(wǎng)頁(yè)設(shè)計(jì)好，必須把它發(fā)布到互連網(wǎng)上，否則網(wǎng)站形象仍然不能展現(xiàn)出去。發(fā)布的服務(wù)器可以是遠(yuǎn)程，也可以是本地，但必須支持ASP，因?yàn)閯?dòng)態(tài)程序是建立在ASP基礎(chǔ)上的。1.5Web服務(wù)器的安裝與使用1.5.1IIS概況1.5.2安裝卸載IIS5.01.5.3WWW服務(wù)管理1.5.1IIS概況

1．安全性（1）摘要式身份驗(yàn)證。（2）安全通訊。（3）服務(wù)器網(wǎng)關(guān)加密。（4）安全向?qū)?。?）IP地址及Internet域限制。（6）Kerberos5身份驗(yàn)證協(xié)議相容性。（7）證書(shū)存儲(chǔ)。（8）Fortezza。2．可管理性（1）重新啟動(dòng)IIS。（2）備份和還原IIS。（3）進(jìn)程賬戶(hù)。（4）進(jìn)程限制。（5）改進(jìn)的自定義錯(cuò)誤消息。（6）配置選項(xiàng)。（7）遠(yuǎn)程管理。（8）終端服務(wù)。（9）集中管理。3．可編程性與ASP的新功能（1）ActiveServerPages（2）新的ASP功能（3）應(yīng)用程序保護(hù)（4）ADSI2.04．支持更多的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壓縮。1.5.2安裝卸載IIS5.0

安裝準(zhǔn)備

安裝IIS5.0組件

卸載IIS5.0組件

Internet信息管理器的基本使用

安裝準(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頁(yè)、使用MicrosoftVisualInterDev創(chuàng)建和開(kāi)發(fā)交互式Web應(yīng)用程序。

安裝IIS5.0組件

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

卸載IIS5.0組件

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

Internet信息管理器的基本使用

（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ù)器。圖14-1“Internet信息服務(wù)”窗口圖14-2站點(diǎn)、目錄或文件快捷菜單1.5.3WWW服務(wù)管理

新建Web站點(diǎn)

管理Web站點(diǎn)

WWW服務(wù)高級(jí)屬性管理

建立虛擬服務(wù)器和虛擬目錄

新建Web站點(diǎn)

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

管理Web站點(diǎn)

Web站點(diǎn)屬性有以下選項(xiàng)卡：1．“Web站點(diǎn)”選項(xiàng)卡2．“操作員”選項(xiàng)卡3．“性能”選項(xiàng)卡4．“ISAPI篩選器”選項(xiàng)卡圖14-5“Web站點(diǎn)”選項(xiàng)卡圖14-6“操作員”選項(xiàng)卡圖14-7“性

溫馨提示

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

最新文檔

評(píng)論

0/150

提交評(píng)論