網(wǎng)頁制作（HTML5+CSS3） 課件ch01-1開發(fā)前的準備-環(huán)境搭建_第1頁
網(wǎng)頁制作（HTML5+CSS3） 課件ch01-1開發(fā)前的準備-環(huán)境搭建_第2頁
網(wǎng)頁制作（HTML5+CSS3） 課件ch01-1開發(fā)前的準備-環(huán)境搭建_第3頁
網(wǎng)頁制作（HTML5+CSS3） 課件ch01-1開發(fā)前的準備-環(huán)境搭建_第4頁
網(wǎng)頁制作（HTML5+CSS3） 課件ch01-1開發(fā)前的準備-環(huán)境搭建_第5頁
已閱讀5頁，還剩37頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

開發(fā)前的準備-環(huán)境搭建寧波城市職業(yè)技術學院教師簡介本節(jié)內容為什么要學這門課？如何學這門課開發(fā)工具選擇開發(fā)環(huán)境的搭建和測試網(wǎng)頁可以用來干什么？Web前端工程師zhengzhe全棧工程師全?！狈g自英文full-stack，表示為了完成一個項目，所需要的一系列技術的集合?！皸！笔侵敢幌盗凶幽K的集合。全棧工程師（Full-StackEngineer），也叫全端工程師，指的是掌握多種技能，對前端知識和后端架構都有深入的了解，并擁有足夠的學習能力，能利用多種技能解決問題，獨立完成產(chǎn)品的人。全棧工程師熟悉多種開發(fā)語言，同時具備前端和后臺開發(fā)能力，從需求分析，原型設計到產(chǎn)品開發(fā)，測試，部署，發(fā)布全流程都十分熟悉。zhengzhe哪些人適合學Web前端大學生設計師電商從業(yè)者網(wǎng)蟲轉前端策劃、編輯轉行業(yè)策劃、編輯轉行業(yè)zhengzhe如何來學？/工業(yè)互聯(lián)網(wǎng)資源庫熟練使用常用工具HBuilderVSCodeDreamweaverPhotoshop工具下載和環(huán)境搭建網(wǎng)頁與網(wǎng)站網(wǎng)頁（WebPage）：用戶通過瀏覽器里看到那些包含表單、文字、圖片、鏈接，有時還有動畫、音頻、視頻等內容。承載這些內容的頁面為網(wǎng)頁。網(wǎng)站(WebSite)：就是各種各樣內容網(wǎng)頁及其相關資源的集合，有的網(wǎng)站包含的信息內容繁多，如騰訊、網(wǎng)易這樣的門戶網(wǎng)站；有的網(wǎng)站可能只有幾個產(chǎn)品頁面，如小型公司的產(chǎn)品網(wǎng)站，但它們都是由多個基本網(wǎng)頁構成的。zhengzhe網(wǎng)頁構成要素zhengzhe網(wǎng)頁構成要素文本和圖片：是網(wǎng)頁的基本元索，早期的網(wǎng)頁主要就是由文字或圖片來表達它的內容。超級鏈接：又分為“文字鏈接”和“圖片鏈接”，只要瀏覽者用鼠標單擊帶鏈接的文字或圖片，就可以自動鏈接上對應的其他文件，這樣才讓浩如煙海的網(wǎng)頁能連接成一個整體，這也正是網(wǎng)頁的魅力所在。動畫：又分為兩種，一種是GIF格式的動畫，一種是CSS3動畫，通常運動的內容總比靜止的要吸引人的注意力，所以精彩的動畫讓網(wǎng)頁變得更加魅力四射。表單：是一種可以在瀏覽者與服務器之間進行數(shù)據(jù)信息“交互”的控件，使用表單可以實現(xiàn)信息搜索、數(shù)據(jù)提交等交互動能。音/視頻：隨著網(wǎng)絡技術的發(fā)展，網(wǎng)站上面已經(jīng)不再是單調的MIDI背景音樂，而豐常多彩的網(wǎng)絡電視、直播等已經(jīng)開始成為網(wǎng)絡新潮流。zhengzhe什么是HTML,CSS,JavascriptHTMLzhengzhe什么是HTML,CSS,JavascriptHTML+CSSzhengzhe什么是HTML,CSS,JavascriptHTML+CSS+JavaScriptzhengzhe項目1：開發(fā)前的準備（環(huán)境配置）項目1：開發(fā)前的準備討論：網(wǎng)站工作原理？(15分鐘)上網(wǎng)過程中，網(wǎng)頁是如何呈現(xiàn)的？服務器的資源是如何獲取的？什么是C/S,什么是B/S?他們有哪些區(qū)別和優(yōu)缺點？什么是動態(tài)網(wǎng)頁、靜態(tài)網(wǎng)頁？動態(tài)頁面的制作技術ASPASP.NETJSPPHP28Web應用程序工作原理

這種架構采用Internet上標準的通信協(xié)議（通常是TCP/IP協(xié)議）作為客戶機同服務器通信的協(xié)議。這樣可以使位于Internet任意位置的人都能夠正常訪問服務器。對于服務器來說，通過相應的Web服務和數(shù)據(jù)庫服務可以對數(shù)據(jù)進行處理。對外采用標準的通信協(xié)議，以便共享數(shù)據(jù)。29zhengzheWindows下配置Web服務器基于IIS的Web應用程序30zhengzheCS結構C/SC/S結構，即大家熟知的客戶機和服務器結構。它是軟件系統(tǒng)體系結構，通過它可以充分利用兩端硬件環(huán)境的優(yōu)勢，將任務合理分配到Client端和Server端來實現(xiàn)，降低了系統(tǒng)的通訊開銷。C/S結構的優(yōu)點是能充分發(fā)揮客戶端ＰＣ的處理能力，很多工作可以在客戶端處理后再提交給服務器。對應的優(yōu)點就是客戶端響應速度快。缺點:客戶端需要安裝專用的客戶端軟件。首先涉及到安裝的工作量，其次任何一臺電腦出問題，如病毒、硬件損壞，都需要進行安裝或維護。特別是有很多分部或專賣店的情況，不是工作量的問題，而是路程的問題。還有，系統(tǒng)軟件升級時，每一臺客戶機需要重新安裝，其維護和升級成本非常高。31任務2：IIS服務器的安裝和使用任務2：IIS服務器的安裝和使用(5分鐘)32zhengzhe任務3:IIS的安裝測試任務3:IIS的安裝測試(5分鐘)任務4:使用Dreamweaver的進行站點管理33IP地址形式：

域名形式： http://localhost站點：一個網(wǎng)站可以擁有多個站點，每個站點通常存放特定功能的站點資源，這些資源包括程序，頁面，圖像，音頻，視頻等。zhengzhe任務3:IIS的安裝測試任務3:IIS的安裝測試(5分鐘)34IP地址形式：

域名形式： http://localhostzhengzhe實驗場使用HTMLHTML基礎HTML(HypeTextMarkupLanguage)超文本標記語言標記:用<標記名>數(shù)據(jù)部分

</標記名>通常有開始標簽、結束標簽成對出現(xiàn)標簽可以嵌套采用縮進形式標簽還是屬性名都是固定的用法，要記住36<html><head></head><body>

歡迎一起學習Web前端技術

</body></html>zhengzheHTML基礎單標簽形式:<標簽名/>37<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>屬性：屬性名=“屬性值”用空格隔開多個屬性屬性值都放在一個雙引號之內zhengzhe認識Dreamweaver2021A.設計視圖B.常用工具欄C.菜單欄D.文檔工具欄E.文檔標簽欄F.可視媒體查詢欄G.工作區(qū)切換器，H.面板I.狀態(tài)欄J.標簽選擇器K.代碼視圖。zhengzhe認識HBuilderXzhengzhe任務5：發(fā)布站點信息

設置web共享上傳站點通過web訪問資源40zhengzheHowToLearn微信掃碼加入zhengzheHowToLearn/course/2c918083746872e301746be8a6310c4bzhengzhe常見開發(fā)工具VisualCodeSublimeWebstormDreamweaverHbuilderX如何考核使用DW開發(fā)項目時，第一步要做的是創(chuàng)建文件新建站點設置瀏覽器以上都不對ABCD提交單選題2分要在頁面中,應將內容放置在header標簽title標簽body標簽met

溫馨提示

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

評論

0/150

提交評論