1《網(wǎng)頁(yè)設(shè)計(jì)》課程整體教學(xué)設(shè)計(jì)課件

1、 尋找我的一席之地 ?網(wǎng)頁(yè)制作?課程整體教學(xué)設(shè)計(jì) 電子信息系 凌雄娟課程信息v課程名稱：?網(wǎng)頁(yè)設(shè)計(jì)與制作? v課程類型：v學(xué) 時(shí)：3-19周 周4v先 修 課：計(jì)算機(jī)應(yīng)用根底v后續(xù)課程：v授課對(duì)象：v課程特點(diǎn)：實(shí)用，貼近市場(chǎng)需求v教學(xué)軟件：Dreamweaver+HTML+IIS學(xué)習(xí)什么？課程面向的職業(yè)崗位群網(wǎng)頁(yè)設(shè)計(jì)師網(wǎng)頁(yè)設(shè)計(jì)師規(guī)劃、設(shè)計(jì)、制規(guī)劃、設(shè)計(jì)、制作網(wǎng)站作網(wǎng)站網(wǎng)站維護(hù)管理員網(wǎng)站維護(hù)管理員網(wǎng)站維護(hù)與更新網(wǎng)站維護(hù)與更新大技術(shù) 小界面網(wǎng)頁(yè)素材網(wǎng)站規(guī)劃資源獲取、處理素材加工網(wǎng)頁(yè)設(shè)計(jì)師所需要職業(yè)核心能力信息處理信息處理團(tuán)隊(duì)合作團(tuán)隊(duì)合作職業(yè)核心能力職業(yè)核心能力解決問(wèn)題解決問(wèn)題自學(xué)能力自學(xué)能力與人溝

2、通與人溝通創(chuàng)新能力創(chuàng)新能力 課程的教學(xué)目標(biāo) v能夠規(guī)劃、設(shè)計(jì)和制作門戶網(wǎng)站或電子商務(wù)等中小型網(wǎng)站.v本課程以實(shí)際工程網(wǎng)趣商城網(wǎng)站作為驅(qū)動(dòng)，學(xué)生參加學(xué)院網(wǎng)頁(yè)設(shè)計(jì)大賽為促進(jìn)，使學(xué)生系統(tǒng)、完整掌握網(wǎng)頁(yè)制作技術(shù)，培養(yǎng)的工程經(jīng)驗(yàn)和良好的合作精神，并為后續(xù)動(dòng)態(tài)網(wǎng)頁(yè)編程打下堅(jiān)實(shí)根底HTML+CSS。 教學(xué)內(nèi)容設(shè)計(jì)模 塊 名 稱 網(wǎng)站項(xiàng)目理解、規(guī)劃、設(shè)計(jì)與實(shí)現(xiàn) 獲取素材資源并作相應(yīng)處理 制作首頁(yè) 商城新聞信息管理頁(yè)面 產(chǎn)品管理頁(yè)面 登陸系統(tǒng)頁(yè)面 定義網(wǎng)站外觀統(tǒng)一 完善、豐富其他功能模塊 網(wǎng)站的管理、上傳與維護(hù)合計(jì)：51各工程所使用的知識(shí)點(diǎn)教學(xué)方法-學(xué)中做，做中學(xué) 教師考核v效果展示效果展示v教師操作教師操作v

3、學(xué)生模仿學(xué)生模仿v獨(dú)立練習(xí)獨(dú)立練習(xí)課程工程熟悉行業(yè)術(shù)語(yǔ)v1、Internet與wwwv Internet亦稱為互聯(lián)網(wǎng)，是將許多不同功能的計(jì)算機(jī)和網(wǎng)絡(luò)通過(guò)線路連接起來(lái)形成的一個(gè)世界范圍內(nèi)的特大型的網(wǎng)絡(luò)，是一個(gè)集各個(gè)部門、各個(gè)領(lǐng)域的各種信息資源為一體，供網(wǎng)上用戶共享的信息資源網(wǎng)。v Internet提供的主要效勞有www效勞、電子郵件效勞、文件傳輸效勞FTP)、遠(yuǎn)程登錄、在線聊天、網(wǎng)上購(gòu)物電子商務(wù)等。v Wwwworld wide web，萬(wàn)維網(wǎng)是Internet上的一種信息效勞系統(tǒng)。v2、網(wǎng)頁(yè)v 網(wǎng)頁(yè)是www系統(tǒng)中信息的根本單位，web效勞器就是以網(wǎng)頁(yè)為單位處理信息的，客戶端的信息請(qǐng)求也是以網(wǎng)頁(yè)

4、為根本單位的。網(wǎng)頁(yè)的本身是一個(gè)純文本文件，擴(kuò)展名是.htm、.html.網(wǎng)頁(yè)文件包含的內(nèi)容可以是文字、圖片、超鏈接、影片、聲音。例如：v3、網(wǎng)站與主頁(yè)v 網(wǎng)站也稱站點(diǎn)，是指Internet上能夠提供Internet效勞的一個(gè)位置，該位置由獨(dú)一無(wú)二的IP地址或域名來(lái)描述。v “站點(diǎn),既可以表示位于Internet效勞器上的遠(yuǎn)程站點(diǎn),也可以表示位于計(jì)算機(jī)上的本地站點(diǎn)。v 主頁(yè)是web站點(diǎn)中的一個(gè)特殊頁(yè)面，也被稱為首頁(yè)，是進(jìn)入一個(gè)網(wǎng)站的門戶。主頁(yè)通常為index.htm.v 4、統(tǒng)一資源定位器(URL)v URLUniform Resource Locator，簡(jiǎn)稱URL，稱為統(tǒng)一資源定位符。URL

5、主要用于指定欲取得Internet上資源的位置與方式。一個(gè)URL包括了以下所有的信息。它的構(gòu)成為：v 資源取得方式：/web效勞器地址port/目錄/./文件名稱v 其中資源取得方式是訪問(wèn)該資源所采用的協(xié)議,它可以是:v :/超文本傳輸協(xié)議v ftp:/文件傳輸協(xié)議v File:/本地文件webweb效勞器地址效勞器地址 是存放該資源主機(jī)的是存放該資源主機(jī)的IPIP地址地址, ,通常以字符形式通常以字符形式出現(xiàn)出現(xiàn). .例如例如 PortPort是效勞器在該主機(jī)所使用的端口號(hào)是效勞器在該主機(jī)所使用的端口號(hào). .一般情況下端口號(hào)一般情況下端口號(hào)不需要指定不需要指定. .只有當(dāng)效勞器所使用的端口號(hào)

6、不是缺省的端口只有當(dāng)效勞器所使用的端口號(hào)不是缺省的端口號(hào)時(shí)才指定號(hào)時(shí)才指定. . 目錄目錄 和和 文件名稱文件名稱 是該資源在效勞器中的路徑和文件名是該資源在效勞器中的路徑和文件名. .例：例：初見(jiàn)倪端-HTMLv超文本標(biāo)記語(yǔ)言，即超文本標(biāo)記語(yǔ)言，即HTMLHypertext Markup Language，是用于描述網(wǎng)頁(yè)文檔的，是用于描述網(wǎng)頁(yè)文檔的一種標(biāo)記語(yǔ)言。一種標(biāo)記語(yǔ)言。vHTML是一種標(biāo)準(zhǔn)，一種標(biāo)準(zhǔn)，它通過(guò)標(biāo)記符號(hào)來(lái)是一種標(biāo)準(zhǔn)，一種標(biāo)準(zhǔn)，它通過(guò)標(biāo)記符號(hào)來(lái)標(biāo)記要顯示的網(wǎng)頁(yè)中的各個(gè)局部。標(biāo)記要顯示的網(wǎng)頁(yè)中的各個(gè)局部。 vHTML之所以稱為超文本標(biāo)記語(yǔ)言，是因?yàn)槲谋局兄苑Q為超文本標(biāo)記語(yǔ)言，是因?yàn)槲谋局邪怂^包含了所謂“超級(jí)鏈接點(diǎn)。超級(jí)鏈接點(diǎn)。 WWW工作原理發(fā)出請(qǐng)求發(fā)出請(qǐng)求發(fā)回網(wǎng)頁(yè)發(fā)回網(wǎng)頁(yè)發(fā)出請(qǐng)求發(fā)出請(qǐng)求發(fā)回網(wǎng)頁(yè)發(fā)回網(wǎng)頁(yè)客戶端客戶端效勞器端效勞器端動(dòng)靜態(tài)網(wǎng)頁(yè)的區(qū)別vPS:v因?yàn)槟_本是在效勞器端運(yùn)行的，所以Web效勞器完成所有處理后，將標(biāo)準(zhǔn)的HTML頁(yè)面送往瀏覽器。這意味著，ASP只能在可以支持的效勞器上運(yùn)行。讓腳本駐留在效勞器端的另外一個(gè)益處是：用戶不可能看到原始腳本程序的代碼，用戶看到的，僅僅是最終產(chǎn)生的HTML內(nèi)容。