Web前端開發(fā)任務(wù)驅(qū)動式教程(HTML5+CSS3+JavaScript)任務(wù)1--搭建開發(fā)環(huán)境課件

1、任務(wù)1 搭建開發(fā)環(huán)境第一單元 Web基礎(chǔ)知識網(wǎng)頁文件的創(chuàng)建和保存Web的工作原理網(wǎng)頁開發(fā)環(huán)境的搭建站點的創(chuàng)建和管理掌握學(xué)習(xí)目標(biāo)Web的類型了解:學(xué)習(xí)目標(biāo)實戰(zhàn)演練搭建開發(fā)環(huán)境強(qiáng)化訓(xùn)練創(chuàng)建第一個HTML5頁面任務(wù)目標(biāo)1. 什么是Internet？什么是Web？Internet：是一個全球性的計算機(jī)互聯(lián)網(wǎng)絡(luò)，又稱“因特網(wǎng)”、“互聯(lián)網(wǎng)” ，它是世界上規(guī)模最大的計算機(jī)網(wǎng)絡(luò)。Web：是用戶登錄Internet后最常用的功能。Web頁又稱網(wǎng)頁，一般都包含圖像、文字和超鏈接等元素。知識準(zhǔn)備服務(wù)器（Server）：監(jiān)聽客戶端連接請求、接收請求，返回響應(yīng)內(nèi)容通信協(xié)議（Http）：超文本傳輸協(xié)議，定義Web服務(wù)器和

2、客戶端的通訊細(xì)節(jié)工作模式：瀏覽器/服務(wù)器（B/S）2. Web的工作原理瀏覽器（Browser）：客戶端用于訪問網(wǎng)頁的主要軟件知識準(zhǔn)備2. Web的工作原理Web服務(wù)器知識準(zhǔn)備 靜態(tài)網(wǎng)頁：標(biāo)準(zhǔn)的HTML文件，采用HTML（超本文標(biāo)記語言）編寫，通過HTTP（超文本傳輸協(xié)議）在服務(wù)器端和客戶端之間傳輸?shù)募兾谋疚募?，擴(kuò)展名為.html或.htm。知識準(zhǔn)備3. Web的類型按技術(shù)分：3. Web的類型 動態(tài)網(wǎng)頁：指網(wǎng)頁文件里包含了程序代碼，通過后臺數(shù)據(jù)庫與Web服務(wù)器的信息交互，由后臺數(shù)據(jù)庫提供實時數(shù)據(jù)更新和數(shù)據(jù)查詢服務(wù)。動態(tài)網(wǎng)頁能夠根據(jù)不同時間和不同訪問者而顯示不同內(nèi)容，可由ASP、PHP、JSP

3、等技術(shù)編寫。按技術(shù)分：知識準(zhǔn)備3. Web的類型主頁（Home Page）：訪問網(wǎng)站時看到的第一頁，即首頁。主頁的名稱是特定的，一般為index.html、default.html、default.aspx或index.aspx等。按網(wǎng)頁在網(wǎng)站中的位置分：內(nèi)頁（Web Page）：指與主頁相鏈接的其他頁面，即網(wǎng)站內(nèi)部的頁面。知識準(zhǔn)備HTML5：超文本標(biāo)記語言（HyperText Markup Language）的第5代版本優(yōu)勢：標(biāo)準(zhǔn)化，解決了跨瀏覽器問題，具備良好的跨平臺性能4. HTML5概述知識準(zhǔn)備案例描述：1. 安裝網(wǎng)頁編輯軟件 2. 安裝瀏覽器搭建開發(fā)環(huán)境實戰(zhàn)演練案例描述：1. 創(chuàng)建和管理站點 2. 創(chuàng)建和保存HTML5文檔創(chuàng)建第一個HTML5頁面強(qiáng)化訓(xùn)練01Web的工作原理02網(wǎng)頁開發(fā)環(huán)境的搭建03站點的創(chuàng)建和管理04網(wǎng)頁文件的創(chuàng)建和保存任務(wù)小結(jié) 用記事本軟件