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

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

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

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

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

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

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

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

9、服務(wù)器軟件IIS，能有效地管理網(wǎng)站，并接受用戶在客戶端通過(guò)瀏覽器發(fā)出的瀏覽請(qǐng)求，然后發(fā)送請(qǐng)求瀏覽的網(wǎng)頁(yè)到用戶瀏覽器。,第1章 相關(guān)的基礎(chǔ)知識(shí),1.1 Web的基本概念及相關(guān)知識(shí),第1章 相關(guān)的基礎(chǔ)知識(shí),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安裝光盤(pán)，放置于光盤(pán)驅(qū)動(dòng)器中。 單擊【開(kāi)始】|【設(shè)置】|【控制面板】命令，打開(kāi)【控制面板】窗口，然后再打開(kāi)【添加/刪除程序】對(duì)話框。 單擊【添加/刪除 Windows組件】按鈕，彈出【W(wǎng)indows 組件向?qū)А俊?配置IIS,WIN 2003 server,WIN 2003 server中，IIS