- HTML5+CSS3網頁布局項目化教程
- 謝冠懷 林曉儀
- 595字
- 2019-09-30 12:15:50
項目1 制作一個網頁廣告單頁的內容
?項目簡介
本項目將通過“制作一個網頁廣告單頁的內容”,制作一個HTML頁面來承載HTML知識,完成網頁開發環境、HTML基礎知識和HTML5標簽的學習。
?項目情景
隨著高考平行志愿的執行,某工業大學信息工程系招生就業辦公室希望能夠制作一個網頁,來宣傳其系專業學科及招生情況,以期能夠吸引更多優秀的畢業生報考。
招生就業辦公室希望網頁能夠通過手機掃描二維碼的方式在手機瀏覽,以彌補招生宣傳渠道的不足,且網頁所有內容都應該包含在這個網頁上,包括:
● 招生廣告詞
● 關于我們
● 招生計劃
● 專業介紹
● 實訓環境
● 優秀畢業生
● 聯系我們
● 新媒體分享
招生就業辦公室已經將必要的圖文材料整理好,并找到專業的設計公司完成了網頁界面的設計工作。
你所在的科技公司已經拿到了設計稿,由于項目不大,你的項目主管希望擔任前端工程師的你來完成本次項目的前端工作,并將你的成果交付程序員張妃完成邏輯制作,最后交給客戶發布。

?項目分析
拿到設計稿后,你需要根據網頁制作的一般流程,完成網頁的制作。
網頁制作的一般流程如下:

首先,需求是明確的,項目的目標為:根據設計稿制作一個適合手機瀏覽的網頁單頁。
其次,需要制訂項目完成的計劃:

考慮知識的結構和類型,將“設置網頁格式”“網頁測試”“發布網頁”的任務安排在了項目2。
?能力目標
①能夠選擇合適的軟件完成HTML網頁頁面的制作。
②能夠根據內容屬性選擇HTML5標簽并設置標簽屬性,同時保證代碼符合W3C規范。
推薦閱讀
- 零基礎學Visual C++第3版
- Python for Secret Agents:Volume II
- Arduino開發實戰指南:LabVIEW卷
- Java程序員面試算法寶典
- Functional Programming in JavaScript
- Amazon S3 Cookbook
- Python高效開發實戰:Django、Tornado、Flask、Twisted(第3版)
- Java 11 Cookbook
- 零基礎入門學習Python(第2版)
- Python Deep Learning
- INSTANT LESS CSS Preprocessor How-to
- Koa與Node.js開發實戰
- H5匠人手冊:霸屏H5實戰解密
- Leaflet.js Essentials
- 開發者測試