基于H5網(wǎng)頁前端開發(fā)的項目啟發(fā)式教學(xué)探究

2021-12-15 13:38:48伍尚君

科技視界 2021年33期

伍尚君

（東莞市經(jīng)濟貿(mào)易學(xué)校，廣東東莞 523000）

0 引言

隨著互聯(lián)網(wǎng)技術(shù)的飛速發(fā)展，對高素質(zhì)的網(wǎng)頁前端工程師的要求越來越高。因此，H5網(wǎng)頁前端工程師作為網(wǎng)頁前端工程師的技術(shù)專業(yè)課程越來越受到重視。在民辦中等職業(yè)院校、高職本科院校計算機專業(yè)，應(yīng)該采用哪種方式進行課堂教學(xué)是一個需要解決的問題。網(wǎng)站前端，也叫前端開發(fā)，運行在PC、手機等電腦瀏覽器上，顯示客戶瀏覽過的網(wǎng)頁。隨著云計算技術(shù)的發(fā)展，HTML5、CSS3的使用，前端框架應(yīng)用組件化響應(yīng)式網(wǎng)站網(wǎng)頁設(shè)計可以融合各種分辨率、極致動畫特效設(shè)計方案，為用戶帶來極高的體驗。

1 H5網(wǎng)頁前端

H5大家可能都聽說過，但是H5前端開發(fā)的實際工作并不是很了解。隨著前端工程師行業(yè)的日益普及，越來越多的人選擇做前端工程師。

HTML5是HTML的新標準，是Web開發(fā)的關(guān)鍵下HTML使用的第五次重大變化，這是一項推薦標準，CSS3和HTML5雖然是兩種語言表達方式，但一般來說，HTML5也包含CSS3，因為它們經(jīng)常結(jié)合使用。從技術(shù)分析來看，目前部分網(wǎng)頁制作、WApp、網(wǎng)頁開發(fā)設(shè)計和網(wǎng)頁游戲全部采用HTML5標準完成。雖然開發(fā)的應(yīng)用其實還是以JS為主，但是因為HTML5的定義很流行，所以微網(wǎng)站開發(fā)、Web、App或是微網(wǎng)站等應(yīng)用都會使用HTML5開發(fā)。

隨著HTML5“前端H5工程師”的出現(xiàn)，HTML5工程師成為前端開發(fā)中的主力，使得Web前端的使用更加靈活，移動應(yīng)用也更火爆。隨著該領(lǐng)域的快速發(fā)展，互聯(lián)網(wǎng)公司在Web前端技術(shù)的前端開發(fā)方面要具備大量的知識。當今流行的互聯(lián)網(wǎng)技術(shù)網(wǎng)站要創(chuàng)造一流的用戶交互體驗。隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展，這些人員在現(xiàn)階段的人力市場中非常罕見，所有互聯(lián)網(wǎng)公司都在高薪招聘技術(shù)人才。

優(yōu)秀的前端開發(fā)是新時代文明世界的布道者、奠基人。因為只有有足夠完善的知識體系，內(nèi)容深度和廣度，才能做一些更有意義的工作，而不是只作為一名普普通通的為別人實現(xiàn)定制內(nèi)容的乙方，這也說明了前端開發(fā)的必要性。在當前互聯(lián)網(wǎng)時代的發(fā)展中，Web前端的發(fā)展已經(jīng)占據(jù)了非常重要的位置，且據(jù)Web前端開發(fā)，HTML5已經(jīng)迅速興起。

2 HTML和Web的區(qū)別

HTML5實際上是一種技術(shù)的組合，其中包括HTML5、CSS3、JS等技術(shù)，Web前端是一種職業(yè)，中國從2005年開始逐漸形成一種趨勢，從網(wǎng)站設(shè)計師演變而來。

通過教學(xué)，學(xué)生應(yīng)該在一定程度上能夠獨立完成軟件開發(fā)和設(shè)計方案的能力，不同的公司對Web前端開發(fā)有不同的技術(shù)標準。在傳統(tǒng)規(guī)則的實際意義上，URL分為前端和后端。前端是大家別名的網(wǎng)頁和大家經(jīng)常看到的各種展示實際效果，后臺管理的關(guān)鍵是指管理方式、升級、網(wǎng)站建設(shè)和維護的后臺管理。百科是這樣定義的：工作職責是使（X）HTML/CSS/Java/Flash等各種Web技術(shù)來開發(fā)和設(shè)計移動用戶端產(chǎn)品。進行用戶端軟件（即計算機瀏覽器端）的開發(fā)設(shè)計，進行Java及其Flash控制模塊的開發(fā)設(shè)計，同時集成后臺開發(fā)技術(shù)模擬整體實際效果，通過Web開發(fā)設(shè)計豐富多彩的互聯(lián)網(wǎng)技術(shù)，基于技術(shù)提升用戶體驗。

一般來說，在實際意義上，Web前端工程師不僅需要開發(fā)設(shè)計技能，還需要進行移動應(yīng)用程序開發(fā)。也就是說，大家在學(xué)習(xí)Web的同時，也要學(xué)習(xí)HTML5技術(shù)。據(jù)統(tǒng)計，公司現(xiàn)在的招聘標準包括HTML5開發(fā)和設(shè)計。

3 課程現(xiàn)狀及問題

3.1 課程現(xiàn)狀

Web業(yè)務(wù)流程智能管理系統(tǒng)的日益完善推動了Web技術(shù)的快速發(fā)展。許多迭代開發(fā)技術(shù)加快了新Web應(yīng)用程序的項目進度，互聯(lián)網(wǎng)表達方式和客戶體驗也發(fā)生了巨大的變化。Web前端工程師是高校軟件專業(yè)開發(fā)的專業(yè)技能教學(xué)內(nèi)容。學(xué)習(xí)中比較困難的代碼。由于提升新項目層次和實踐活動的機構(gòu)有限，學(xué)生的學(xué)習(xí)和訓(xùn)練只停留在對專業(yè)知識的掌握環(huán)節(jié)，但由于專業(yè)性強，覆蓋面廣，專業(yè)技能和實踐量大，學(xué)生個體差異大，傳統(tǒng)課堂教學(xué)的核心理念和教學(xué)方法無法滿足如今的教學(xué)需求。

3.2 存在的問題

學(xué)生一般都是在課堂上完成Web前端工程學(xué)習(xí)，包括實訓(xùn)中的專業(yè)知識、實驗學(xué)習(xí)中很難測試的代碼。由于學(xué)習(xí)和培訓(xùn)新項目層次和實踐活動的機構(gòu)很少，學(xué)生的學(xué)習(xí)和培訓(xùn)只停留在對專業(yè)知識關(guān)鍵環(huán)節(jié)的掌握上，很少有新的工作經(jīng)驗積累。

4 課堂教學(xué)設(shè)計方案

為了更好地塑造學(xué)生的編程愛好，完成學(xué)生自主學(xué)習(xí)的總體目標，選擇新項目作為實訓(xùn)指導(dǎo)。講授網(wǎng)站開發(fā)專業(yè)知識要點，讓學(xué)員更清晰地掌握學(xué)習(xí)和培訓(xùn)的目的，將枯燥的序列號數(shù)據(jù)信息可視化。下面以H5 Web前端工程師的HTML5方法為例，對新項目的教學(xué)情境設(shè)計進行研究。

4.1 創(chuàng)設(shè)課堂教學(xué)情境

教師先詳細講解，這個控制模塊會進行2個新項目。新增項目1：移動登陸頁面。項目描述：這個新項目必須有一個移動客戶登錄頁面，包括一個登錄名文本框、一個賬戶密碼文本框和一個登錄按鈕。其中，“登錄名”和“賬戶登錄密碼”為提示文本，只存儲客戶輸入的文本，焦點所在的輸入框顏色才會發(fā)生變化。新增項目2：會員注冊網(wǎng)頁。會員注冊是指向Web服務(wù)器提交相關(guān)客戶信息的全過程。未申請注冊的客戶無權(quán)使用本站部分功能。某個輸入框聚焦后，會增大，無法正常填充。該信息為紅色，包含警告標志。

4.2 建立學(xué)習(xí)目標項目

項目1學(xué)習(xí)目標：（1）規(guī)定學(xué)生掌握報告的應(yīng)用；（2）規(guī)定學(xué)生掌握HTML5的應(yīng)用；（3）規(guī)定學(xué)生明確執(zhí)行本項目的實際效果和網(wǎng)頁結(jié)構(gòu)；（4）要求學(xué)生掌握本項目的重點及相關(guān)知識點的應(yīng)用。項目2、學(xué)習(xí)目標：（1）要求學(xué)生掌握、、

伊人色综合九久久天天蜜桃黄片大全免费视频观看人人妻人人澡人人爽久

江陵县| 榆中县| 义乌市| 保靖县| 孙吴县| 邳州市| 富顺县| 潼南县| 射洪县| 佛教| 彩票| 太保市| 金山区| 紫金县| 綦江县| 福海县| 大方县| 呼和浩特市| 兰坪| 全南县| 无锡市| 赣州市| 民和| 江城| 曲松县| 黄山市| 景泰县| 沙雅县| 于都县| 合江县| 江陵县| 韶山市| 拉孜县| 微山县| 大余县| 荥经县| 双流县| 郧西县| 镇江市| 黎川县| 宽甸|