老菜鳥難免凌亂,一通忙乎,按照百度學(xué)院要求,在本地計算機和github之間,建立了互相聯(lián)系的兩個代碼倉庫,也試驗了git diff功能,粗略了解所謂代碼版本管理。
仔細審查任務(wù)一,詳見附件。核心是 文檔結(jié)構(gòu)一詞,也就說雖然是學(xué)習(xí)標簽,卻不能忘記成品:文檔。而且是有結(jié)構(gòu)的文檔,什么標簽是用來管理結(jié)構(gòu)的呢?
根據(jù)設(shè)計稿(例圖),寫出結(jié)構(gòu),總不能為了結(jié)構(gòu)而結(jié)構(gòu)吧?結(jié)構(gòu)不能不聯(lián)系文檔內(nèi)容。結(jié)構(gòu)和內(nèi)容的辯證統(tǒng)一,就是前段的工作屬性吧?
看了幾段慕課網(wǎng)參考教程(附件),對語義化的解釋,是標簽的含義,那就沒必要在另立個新名詞:語義化 了?我猜想,語義化的奧妙,就在于上述的文檔內(nèi)容與文檔結(jié)構(gòu)的統(tǒng)一上。僅僅是我的猜想而已。換句話說,語義化是在文檔的層面上理解標簽。
基于文檔的概念,基于把握內(nèi)容和結(jié)構(gòu)的需要;我不要立馬寫代碼,細讀一些網(wǎng)站吧,看他們是怎樣做的,靈感源自欣賞~
附件:自百度學(xué)院小薇學(xué)院任務(wù)一
任務(wù)一:零基礎(chǔ)HTML編碼
課程概述
作業(yè)提交截止時間:04-24
重要說明
百度前端技術(shù)學(xué)院的課程任務(wù)是由百度前端工程師專為對前端不同掌握程度的同學(xué)設(shè)計。我們盡力保證課程內(nèi)容的質(zhì)量以及學(xué)習(xí)難度的合理性,但即使如此,真正決定課程效果的,還是你的每一次思考和實踐。
課程多數(shù)題目的解決方案都不是唯一的,這和我們在實際工作中的情況也是一致的。因此,我們的要求不僅僅是實現(xiàn)設(shè)計稿的效果,更是要多去思考不同的解決方案,評估不同方案的優(yōu)劣,然后使用在該場景下最優(yōu)雅的方式去實現(xiàn)。那些最終沒有被我們采納的方案,同樣也可以幫助我們學(xué)到很多知識。所以,我們列出的參考資料未必是實現(xiàn)需求所必須的。有的時候,實現(xiàn)題目的要求很簡單,甚至參考資料里就有,但是背后的思考和親手去實踐卻是任務(wù)最關(guān)鍵的一部分。在學(xué)習(xí)這些資料時,要多思考,多提問,多質(zhì)疑。相信通過和小伙伴們的交流,能讓你的學(xué)習(xí)事半功倍。
任務(wù)目的
了解HTML的定義、概念、發(fā)展簡史
掌握常用HTML標簽的含義、用法
能夠基于設(shè)計稿來合理規(guī)劃HTML文檔結(jié)構(gòu)
理解語義化,合理地使用HTML標簽來構(gòu)建頁面
任務(wù)描述
參考示例圖(點擊查看),完成一個HTML頁面代碼編寫(不寫CSS,不需要關(guān)注樣式,只關(guān)注文檔結(jié)構(gòu))
任務(wù)注意事項
只需要完成HTML代碼編寫,不需要寫CSS
示例圖僅為參考,不需要完全實現(xiàn)一致,其中的圖片、文案均可自行設(shè)定
盡可能多地嘗試更多的HTML標簽
在線學(xué)習(xí)參考資料