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

下載本文檔

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

文檔簡介

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

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

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

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

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

1．安全性（1）摘要式身份驗證。（2）安全通訊。（3）服務(wù)器網(wǎng)關(guān)加密。（4）安全向?qū)А＃?）IP地址及Internet域限制。（6）Kerberos5身份驗證協(xié)議相容性。（7）證書存儲。（8）Fortezza。2．可管理性（1）重新啟動IIS。（2）備份和還原IIS。（3）進(jìn)程賬戶。（4）進(jìn)程限制。（5）改進(jìn)的自定義錯誤消息。（6）配置選項。（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）多個站點，一個IP地址。（3）Web分布式創(chuàng)作與版本管理（WebDAV）。（4）新聞和郵件。（5）PICS分級。（6）FTP重新啟動。（7）HTTP壓縮。1.5.2安裝卸載IIS5.0

安裝準(zhǔn)備

安裝IIS5.0組件

卸載IIS5.0組件

Internet信息管理器的基本使用

安裝準(zhǔn)備

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

安裝IIS5.0組件

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

卸載IIS5.0組件

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

Internet信息管理器的基本使用

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

新建Web站點

管理Web站點

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

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

新建Web站點

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

管理Web站點

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

溫馨提示

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

最新文檔

評論

0/150

提交評論