HTML5+CSS3 Web前端開發(fā)技術(shù)（任務(wù)式）課件 01知識鏈接

HTML5+CSS3Web前端開發(fā)技術(shù)知識圖譜01搭建項(xiàng)目開發(fā)環(huán)境知識鏈接01.WEB概述02.03.04.05.主流WEB瀏覽器常用WEB開發(fā)工具WEB標(biāo)準(zhǔn)HTML5的優(yōu)勢WEB概述01WEB標(biāo)準(zhǔn)Internet，又名因特網(wǎng)，國際互聯(lián)網(wǎng)。指所有使用一定規(guī)則的公用交互語言進(jìn)行通信的計(jì)算機(jī)連接而成的巨大全球網(wǎng)絡(luò)。WEB，WorldWideWeb，全球信息網(wǎng)，萬維網(wǎng)，互聯(lián)網(wǎng)。WEB是Internet的一個應(yīng)用，就是我們?nèi)粘Ｉ钪性L問得到各種網(wǎng)站的網(wǎng)頁的集合。前端開發(fā)前端開發(fā)是創(chuàng)建Web頁面或App等前端界面呈現(xiàn)給用戶的過程，通過HTML，CSS及JavaScript以及衍生出來的各種技術(shù)、框架、解決方案，來實(shí)現(xiàn)互聯(lián)網(wǎng)產(chǎn)品的用戶界面交互。它從網(wǎng)頁制作演變而來，名稱上有很明顯的時代特征。前端招聘崗位Web前端開發(fā)崗位群主要包括網(wǎng)頁設(shè)計(jì)、網(wǎng)頁制作、響應(yīng)式頁面搭建、移動網(wǎng)頁制作與設(shè)計(jì)、UI設(shè)計(jì)、HTML5開發(fā)、前端開發(fā)、網(wǎng)站搭建、網(wǎng)站規(guī)劃與設(shè)計(jì)。招聘崗位：前端開發(fā)工程師、Web開發(fā)工程師、網(wǎng)頁開發(fā)工程師、HTML開發(fā)工程師、App開發(fā)工程師、小程序開發(fā)工程師…H5開發(fā)工程師、移動應(yīng)用開發(fā)工程師、前端架構(gòu)師…JS開發(fā)工程師、Node.js開發(fā)工程師、小游戲開發(fā)工程師、WebVR開發(fā)工程師…前端招聘崗位Web前端開發(fā)崗位群主要包括網(wǎng)頁設(shè)計(jì)、網(wǎng)頁制作、響應(yīng)式頁面搭建、移動網(wǎng)頁制作與設(shè)計(jì)、UI設(shè)計(jì)、HTML5開發(fā)、前端開發(fā)、網(wǎng)站搭建、網(wǎng)站規(guī)劃與設(shè)計(jì)。招聘崗位：前端開發(fā)工程師、Web開發(fā)工程師、網(wǎng)頁開發(fā)工程師、HTML開發(fā)工程師、App開發(fā)工程師、小程序開發(fā)工程師…H5開發(fā)工程師、移動應(yīng)用開發(fā)工程師、前端架構(gòu)師…JS開發(fā)工程師、Node.js開發(fā)工程師、小游戲開發(fā)工程師、WebVR開發(fā)工程師…Web前端開發(fā)職業(yè)素養(yǎng)單擊此處添加正文素養(yǎng)類別素養(yǎng)內(nèi)容職業(yè)道德自覺遵守中國軟件行業(yè)基本公約有良好的知識產(chǎn)權(quán)保護(hù)觀念，自覺抵制各種違反知識產(chǎn)權(quán)保護(hù)法規(guī)的行為能自覺遵守企業(yè)規(guī)章制度與產(chǎn)品開發(fā)保密制度合作意識具有積極協(xié)助同事完成開發(fā)任務(wù)的意識講誠信，堅(jiān)決反對各種弄虛作假現(xiàn)象，對已經(jīng)承諾的事，要保證做到辦助同事全面了解當(dāng)前的標(biāo)準(zhǔn)工作慣例，包括保護(hù)口令和文件、常規(guī)的安全措施以及其他息的政策和規(guī)程能夠與項(xiàng)目組人員協(xié)調(diào)，確定自己的開發(fā)任務(wù)質(zhì)量意識遵守從軟件需求分析直到軟件驗(yàn)收完成的整個軟件開發(fā)工作全過程執(zhí)行和協(xié)調(diào)軟件開發(fā)所需的方法、時間表、進(jìn)度控制和相關(guān)軟件開發(fā)事項(xiàng)能夠根據(jù)產(chǎn)品經(jīng)理和主管的要求進(jìn)行功能開發(fā)修改客觀地驗(yàn)證軟件開發(fā)產(chǎn)品，驗(yàn)證開發(fā)過程是否遵循了恰當(dāng)?shù)臉?biāo)準(zhǔn)步驟服務(wù)意識能夠與客戶和主管及時溝通前端開發(fā)任務(wù)需求和進(jìn)展?fàn)顩r能及時收集用戶反饋，提升前端開發(fā)的實(shí)用性、易用性提高在合理的時間內(nèi)以合理的費(fèi)用創(chuàng)建安全、可靠和高質(zhì)量軟件的能力學(xué)習(xí)意識能自覺跟蹤前端開發(fā)技術(shù)發(fā)展動態(tài)，積極參與各種技術(shù)交流、技術(shù)培訓(xùn)和繼續(xù)教育活動能自覺學(xué)習(xí)，提高程序編寫文檔的準(zhǔn)確性、語言的流暢性提高對所使用的軟件和相關(guān)文檔的理解，以及對這些軟件和文檔將要應(yīng)用的環(huán)境的理解主流WEB瀏覽器02主流WEB瀏覽器

InternetExplorer微軟公司的InternetExplorer，即IE瀏覽器，是Windows操作系統(tǒng)默認(rèn)安裝的瀏覽器,雖然IE瀏覽器已經(jīng)停止更新和維護(hù)，但它仍然有很大的市場占有率。主流WEB瀏覽器

Edge瀏覽器

Windows10操作系統(tǒng)中不僅有IE瀏覽器，還默認(rèn)安裝了微軟公司期望用來替代IE瀏覽器的新一代瀏覽器——MicrosoftEdge（經(jīng)典版），即Edge瀏覽器。在2020年，微軟公司在官網(wǎng)放出了基于Chromium內(nèi)核的新版Edge瀏覽器。2021年之后發(fā)布的Windows10操作系統(tǒng)全部使用基于Chromium內(nèi)核的新版Edge瀏覽器來代替Edge（經(jīng)典版）瀏覽器。新的Edge瀏覽器棄用了原來的EdgeHTML渲染引擎而使用Chromium引擎，由此獲得了性能、擴(kuò)展、兼容性上的大幅增強(qiáng)，實(shí)現(xiàn)了用戶與微軟公司的雙贏。主流WEB瀏覽器

FireFox瀏覽器Mozilla公司的FireFox瀏覽器（火狐瀏覽器）是一個開源的自由瀏覽器。在IE瀏覽器占領(lǐng)絕大部分瀏覽器市場的時期，火狐瀏覽器因自身提供給用戶豐富便利的功能性插件和更快的運(yùn)行速度等優(yōu)勢，深受以程序員為主的用戶群體的喜愛，曾連續(xù)3年成為最受互聯(lián)網(wǎng)用戶信賴的瀏覽器。主流WEB瀏覽器

Chrome瀏覽器

谷歌公司的Chrome瀏覽器（見圖1-4）由其開源瀏覽器項(xiàng)目Chromium定制開發(fā)而來，因內(nèi)置強(qiáng)大的JavaScriptV8引擎，并且具有簡潔、快速、安全的特點(diǎn)，占據(jù)了當(dāng)前瀏覽器市場的巨大份額。主流WEB瀏覽器

國產(chǎn)瀏覽器

國內(nèi)很多瀏覽器，如QQ瀏覽器、360極速瀏覽器、百分瀏覽器等，均同Chrome瀏覽器一樣，是基于Chromium進(jìn)行二次開發(fā)得到的。常用WEB開發(fā)工具03常用WEB開發(fā)工具

SublimeText4SublimeText由程序員JonSkinner（喬恩·斯金納）于2008年1月開發(fā)，也是程序員用得比較多的一款編輯工具。它有漂亮的用戶界面，有菜單和工具欄，還有便利的功能，例如迷你地圖、多選擇、Python的插件、代碼段、完全可自定義鍵綁定等。SublimeText的主要功能包括：拼寫檢查、書簽、完整的PythonAPI、Goto功能、即時項(xiàng)目切換、多選擇、多窗口等。SublimeText4對整體界面風(fēng)格進(jìn)行了優(yōu)化，使用起來更加友好。常用WEB開發(fā)工具

VSCodeVisualStudioCode是一款由微軟公司開發(fā)的跨平臺且免費(fèi)開源的代碼編輯器，該軟件支持語法高亮、代碼自動補(bǔ)全（IntelliSense）、代碼重構(gòu)、代碼折疊、代碼片段、查看定義等功能，并且內(nèi)置了命令行工具和Git版本控制系統(tǒng)。用戶可以更改主題和鍵盤快捷方式以實(shí)現(xiàn)個性化設(shè)置，也可以通過內(nèi)置的擴(kuò)展程序商店安裝擴(kuò)展程序以擴(kuò)展軟件的功能等。常用WEB開發(fā)工具

HBuilderXHBuilderX是數(shù)字天堂公司推出的支持HTML5的Web開發(fā)的IDE。H是HTML的縮寫，Builder是建設(shè)者。HBuilderX是為前端開發(fā)人員服務(wù)的通用IDE（或者稱為編輯器），與VisualStudioCode、SublimeText類似。HBuilderX可以開發(fā)普通Web項(xiàng)目，也可以開發(fā)數(shù)字天堂出品的uni-app項(xiàng)目、5+App項(xiàng)目、wap2app項(xiàng)目。WEB標(biāo)準(zhǔn)04WEB標(biāo)準(zhǔn)網(wǎng)頁是有三部分組成：HTML、CSS、JavaScriptWEB標(biāo)準(zhǔn)是由多個網(wǎng)頁相關(guān)標(biāo)準(zhǔn)構(gòu)成的標(biāo)準(zhǔn)集合，其中主要有以下三個標(biāo)準(zhǔn)：HTML標(biāo)準(zhǔn)，頁面結(jié)構(gòu)標(biāo)準(zhǔn)CSS標(biāo)準(zhǔn)，頁面樣式標(biāo)準(zhǔn)Javascript標(biāo)準(zhǔn)，頁面行為標(biāo)準(zhǔn)HTML標(biāo)準(zhǔn)發(fā)展歷程版本相關(guān)內(nèi)容HTML1.0在1993年6月作為互聯(lián)網(wǎng)工程工作小組（IETF）工作草案發(fā)布（并非標(biāo)準(zhǔn)）HTML2.01995年11月作為RFC1866發(fā)布，在RFC2854于2000年6月發(fā)布之后被宣布已經(jīng)過時HTML3.21997年1月14日，W3C推薦標(biāo)準(zhǔn)HTML4.01997年12月18日，W3C推薦標(biāo)準(zhǔn)HTML4.011999年12月24日，W3C推薦標(biāo)準(zhǔn)（僅做了微小改進(jìn)，HTML標(biāo)準(zhǔn)已經(jīng)基本成型）XHTML1.0發(fā)布于2000年1月26日，是W3C推薦標(biāo)準(zhǔn)，后來經(jīng)過修訂于2002年8月1日重新發(fā)布。XHTML1.12001年5月31日發(fā)布，W3C推薦標(biāo)準(zhǔn)XHTML2.0W3C在草案階段中止該標(biāo)準(zhǔn)的制定計(jì)劃HTML52014年10月28日，W3C推薦標(biāo)準(zhǔn)HTML5的優(yōu)勢05HTML5的優(yōu)勢HTML5標(biāo)準(zhǔn)是受到了廣大瀏覽器廠商和開發(fā)者認(rèn)可和支持的標(biāo)準(zhǔn)。HTML5標(biāo)準(zhǔn)添加了大量的語義化標(biāo)簽，讓代碼含義更明確，便于搜索引擎解析識別，也便