網(wǎng)頁設(shè)計與制作.ppt

1、網(wǎng)頁設(shè)計與制作,-Web程序設(shè)計,連云港網(wǎng)絡(luò)公司,連云港網(wǎng)站建設(shè)整理發(fā)布,課程介紹,電子商務(wù)專業(yè)為什么要開設(shè)? 網(wǎng)站建設(shè)技術(shù)從過去的靜態(tài)發(fā)展到現(xiàn)在的動態(tài)。 掌握ASP編程的一般理論和技巧，熟練使用ASP的組件，能夠在實際開發(fā)過程完成如信息發(fā)布系統(tǒng)、電子商務(wù)交互系統(tǒng)、留言板等的制作，能開發(fā)制作有一定實用性的交互式網(wǎng)站。 實踐性很強(qiáng)且面向?qū)嶋H應(yīng)用的重要專業(yè)課。 學(xué)習(xí)基礎(chǔ)：對本課程的學(xué)習(xí)要有一定的基礎(chǔ)，包括網(wǎng)絡(luò)基礎(chǔ)知識、網(wǎng)頁制作、VB語言、數(shù)據(jù)庫。 學(xué)生課余可以通過校園網(wǎng)絡(luò)中WEB程序設(shè)計與應(yīng)用教學(xué)平臺進(jìn)行學(xué)習(xí)，以此教學(xué)平臺輔助教學(xué)。,第1章 相關(guān)的基礎(chǔ)知識,1.1 Web的基本概念及相關(guān)知識,We

2、b,Web，World Wide Web，簡稱WWW，又稱萬維網(wǎng)。 Web采用瀏覽器/服務(wù)器工作模式。信息以頁面（或稱Web頁）的形式存儲在Web服務(wù)器中，通過瀏覽器為用戶提供方便友好的信息瀏覽界面。 統(tǒng)一資源定位器URL。 超鏈接。,HTML語言,HTML超文本標(biāo)記語言（Hyper Text Markup Language）。 HTML是標(biāo)記語言，定義了一系列的特殊標(biāo)記，以便區(qū)分頁面的不同部分，定義了內(nèi)容的顯示位置和風(fēng)格。 例： 這是標(biāo)題 你好，這是正文！ ,超鏈接,瀏覽網(wǎng)頁時，當(dāng)鼠標(biāo)指針指向某段文本或是某個圖像，鼠標(biāo)指針變成小手狀，單擊鼠標(biāo)可以打開其他的網(wǎng)頁或是跳轉(zhuǎn)到其他的網(wǎng)站，這就是超鏈

3、接。 采用超鏈接技術(shù)可以將不同的網(wǎng)站、網(wǎng)站中的不同網(wǎng)頁、網(wǎng)頁中的不同位置彼此串在一起，實現(xiàn)相互間的跳轉(zhuǎn)，方便信息的瀏覽和查找。人們通過超鏈接可以很方便很迅速地訪問分布于全球計算機(jī)上的海量資源，實現(xiàn)在互聯(lián)網(wǎng)中的漫游。超鏈接能使Web服務(wù)存在廣泛和持久的生命力，超鏈接可以說是Web的靈魂。,站點(diǎn),將網(wǎng)頁文件和素材文件，有條理地放置站點(diǎn)文件夾里，這些文件與文件夾就構(gòu)成了網(wǎng)站的實質(zhì)內(nèi)容。 站點(diǎn)文件夾里除了網(wǎng)頁文件還有素材文件，所謂素材就是網(wǎng)頁中所用到的圖像、聲音、視頻等，這些內(nèi)容是以單獨(dú)文件的形式存在。,首頁,首頁是網(wǎng)站的門戶。訪問某個網(wǎng)站，首先打開的第一個網(wǎng)頁就是首頁。例如，要訪問搜狐公司的網(wǎng)站，在

4、IE地址欄中輸入：，打開的第一個頁面就是 首頁起網(wǎng)站索引的作用，通過首頁的導(dǎo)航功能去訪問網(wǎng)站中其他的網(wǎng)頁。 一般首頁的取名為index.htm或default.htm，“index”的意思是“索引”，“default”的意思是“默認(rèn)”。 如果主頁空間支持ASP技術(shù)，你的首頁中又包含ASP程序，則首頁的取名一般為index.asp或default.asp。 首頁的具體取名，一般由ISP來指定。,URL,URL（Uniform Resource Locator的縮寫），統(tǒng)一資源定位器。 互聯(lián)網(wǎng)中某種信息資源以某種方式存儲在網(wǎng)絡(luò)中的某處，必須用一個惟一的URL來進(jìn)行標(biāo)識，這樣才能方便查找。對于Web

5、來說，可以簡單并通俗把URL理解為網(wǎng)址。每個Web網(wǎng)頁都有自己的網(wǎng)址，在瀏覽器地址欄里輸入網(wǎng)頁的URL，就可以訪問這個網(wǎng)頁。 例如，,IP地址,為了使互聯(lián)網(wǎng)上的電腦主機(jī)在通信時能夠相互識別，每臺主機(jī)都分配一個能表示其位置的IP（Internet Protocol）地址，這如同公用電話網(wǎng)中電話的號碼一樣。 IP地址是由專門的互聯(lián)網(wǎng)機(jī)構(gòu)來分配。 IP地址具有惟一性。,靜態(tài)和動態(tài)網(wǎng)頁,靜態(tài)網(wǎng)頁，就是該網(wǎng)頁文件里沒有程序代碼，只有HTML標(biāo)記，這種網(wǎng)頁文件的后綴為.htm或.html。靜態(tài)網(wǎng)頁一經(jīng)制成，內(nèi)容就不會再變化，不管何時何人訪問，顯示的都是一樣的內(nèi)容，如果要修改有關(guān)內(nèi)容，就必須修改源代碼，然后

6、重新上傳到服務(wù)器上。 靜態(tài)網(wǎng)頁的工作原理如下：當(dāng)你在瀏覽器里輸入一個網(wǎng)址回車后，就向服務(wù)器端提出了一個瀏覽網(wǎng)頁的請求。服務(wù)器端接到請求后，就會找到你要瀏覽的靜態(tài)網(wǎng)頁文件，然后發(fā)送到你的瀏覽器上顯示出來。其原理如圖所示。,動態(tài)網(wǎng)頁，就是該網(wǎng)頁文件不僅含有HTML標(biāo)記，而且含有程序代碼，這種網(wǎng)頁的后綴一般根據(jù)不同的程序設(shè)計語言來定，如ASP文件的后綴為.asp。動態(tài)網(wǎng)頁能夠根據(jù)不同的時間、不同的來訪者而顯示不同的內(nèi)容，還可以根據(jù)用戶的即時操作和即時請求，動態(tài)網(wǎng)頁的內(nèi)容發(fā)生相應(yīng)的變化。如常見的BBS、留言板、聊天室等就是用動態(tài)網(wǎng)頁來實現(xiàn)的。 動態(tài)網(wǎng)頁的工作原理與靜態(tài)網(wǎng)頁有很大的不同。當(dāng)你在瀏覽器里輸

7、入一個動態(tài)網(wǎng)頁網(wǎng)址回車后，就向服務(wù)器端提出了一個瀏覽網(wǎng)頁的請求，服務(wù)器端接到請求后，首先會找到你要瀏覽的動態(tài)網(wǎng)頁文件，然后就執(zhí)行網(wǎng)頁文件中的程序代碼，將含有程序代碼的動態(tài)網(wǎng)頁轉(zhuǎn)化為標(biāo)準(zhǔn)的靜態(tài)網(wǎng)頁，最后將靜態(tài)網(wǎng)頁發(fā)送給你，其原理如圖所示。,腳本,腳本（Script）是網(wǎng)頁制作中常見的動態(tài)網(wǎng)頁制作技術(shù)。 根據(jù)腳本語言所編寫的代碼可以直接插入到HTML中，利用腳本可以操縱網(wǎng)頁上的元素去實現(xiàn)網(wǎng)頁的交互功能，還可以制作特殊動態(tài)效果的網(wǎng)頁，例如，注冊時用戶輸入信息的有效性驗證、彈出的信息框、鼠標(biāo)指針的文字跟隨、漸隱漸現(xiàn)的圖片等都是腳本的實際運(yùn)用。 常用的腳本語言有JavaScript和VBScript，這

8、兩種腳本語言也是本書所介紹的ASP的語言基礎(chǔ)。,FTP,FTP是一種文件傳輸協(xié)議。 通過FTP，用戶與存有大量文件的遠(yuǎn)程計算機(jī)（稱為FTP服務(wù)器）連接，查看遠(yuǎn)程計算機(jī)上的文件，然后把文件從遠(yuǎn)程計算機(jī)上復(fù)制到本地的計算機(jī)上（稱為下載），或者把本地計算機(jī)上的文件傳送到遠(yuǎn)程計算機(jī)上去（稱為上傳）。 如果我們是在ISP處申請的主頁空間，制作完成的網(wǎng)頁文件一般采用FTP的形式上傳到Web服務(wù)器上。,Web制作工具,FrontPage Dreamweaver Fireworks Photoshop Flash CuteFTP,Web服務(wù)器,一種具有高性能的計算機(jī)。網(wǎng)站所包含的文件就是存儲在里面。通過Web

9、服務(wù)器軟件IIS，能有效地管理網(wǎng)站，并接受用戶在客戶端通過瀏覽器發(fā)出的瀏覽請求，然后發(fā)送請求瀏覽的網(wǎng)頁到用戶瀏覽器。,第1章 相關(guān)的基礎(chǔ)知識,1.1 Web的基本概念及相關(guān)知識,第1章 相關(guān)的基礎(chǔ)知識,1.2 Web服務(wù)器的配置,Web服務(wù)器里安裝的操作系統(tǒng)通常有Windows系列和Unix系列。 中小型企業(yè)要建立自己的Web服務(wù)器一般選擇的是易上手易管理的Windows 2000 Server或Windows 2003 Server。 Web服務(wù)器軟件IIS（Internet Information Server，因特網(wǎng)信息服務(wù)）組件建立Web服務(wù)器。,WIN 2002 server中IIS安裝,準(zhǔn)備好Windows 2000安裝光盤，放置于光盤驅(qū)動器中。 單擊【開始】|【設(shè)置】|【控制面板】命令，打開【控制面板】窗口，然后再打開【添加/刪除程序】對話框。 單擊【添加/刪除 Windows組件】按鈕，彈出【W(wǎng)indows 組件向?qū)А俊?配置IIS,WIN 2003 server,WIN 2003 server中，IIS