HTML5個人博客模板之家（HTML個人博客）
本篇文章給大家談?wù)凥TML5個人博客模板之家，以及HTML個人博客對應(yīng)的知識點，希望對各位有所幫助，不要忘了收藏本站喔。
本文目錄一覽：
如何學(xué)Web前端
網(wǎng)頁開發(fā)工具
學(xué)習(xí)web前端開發(fā),網(wǎng)頁開發(fā)工具有FrontPage,會用 Word 的人很容易學(xué)會FrontPage。還有一個常用的是Dreamweaver。這兩種都是使用最多的HTML網(wǎng)頁制作工具,我使用的是Dreamweaver cs6,因為這套軟件提供了一套直觀的可視界面,融合了html5一些新的內(nèi)容。包括網(wǎng)格布局什么的。
學(xué)習(xí)內(nèi)容
HTML、CSS和JavaScript。html是內(nèi)容,css是表現(xiàn),javascript是行為。前端開發(fā)的門檻其實非常低,與服務(wù)器端語言先慢后快的學(xué)習(xí)曲線相比,前端開發(fā)的學(xué)習(xí)曲線是先快后慢。所以,對于從事IT工作的人來說,前端開發(fā)是個不錯的初入點。也正因為如此,前端開發(fā)的領(lǐng)域有很多自學(xué)成“才”的同行。html是最基礎(chǔ)的,現(xiàn)在流行的是html5設(shè)計,先學(xué)會網(wǎng)頁布局。css是用來美化html頁面的為頁面提供布局和格式。最后再學(xué)javascript。如果你把每天看電影、看電視劇的時間用來學(xué)習(xí),我想一個星期入門是沒有問題的。
基礎(chǔ)知識:
1. html + css。這部分建議在 上學(xué)習(xí),邊學(xué)邊練,每章后還有小測試。之后可以模仿一些網(wǎng)站做些頁面。本站提供的個人博客模板都是比較簡單的單頁,可以下載下來模仿自己做一個。理解css每個元素的屬性,樣式的實現(xiàn)不一定只有一種寫法,多想一想還有沒有什么需要改進的地方。
《10條HTML代碼編寫技巧》
《CSS簡明教程》
《Div+CSS 規(guī)則整理 以及注意問題》
2、JavaScript。不是所有的網(wǎng)頁都必須有js,但是要想實現(xiàn)一些超酷的功能和界面的時候,就需要涉及到j(luò)s。如果沒有其他編程語言的基礎(chǔ)的話,學(xué)起來可能要費些力,還是建議先在 w3school上學(xué)習(xí)。之后建議馬上看《javascript語言精粹》
《JS經(jīng)典實例》
3、Photoshop、flash。熟悉會一點兒就行了,沒必要全部都學(xué)得精通,當(dāng)然如果你在學(xué)習(xí)的過程中,發(fā)現(xiàn)你ps或者flash比較感興趣的話,也可以嘗試做美工這一行。
4、html5和css3?？梢韵攘私庖幌?然后再入手。畢竟IE的瀏覽器大多還不支持。
《學(xué)習(xí)Html5建站教程(一)Html5簡介》
《學(xué)習(xí)Html5建站教程(二)Html5 語法與規(guī)則》
《學(xué)習(xí)Html5建站教程(三)Html5博客頁面設(shè)計之理論》
《學(xué)習(xí)Html5建站教程(四)用HTML5做個人的網(wǎng)站》
5、瀏覽器兼容。懂web標準,熟練手寫 xhtml css3 并符合 符合w3c標準。代碼能兼容主流瀏覽器Firfox,Chrome、Safari、IE、Opera。雖然IE6很多都不兼容,但現(xiàn)在還使用的人還是有的。W3C驗證地址: 通過驗證指定URI的CSS內(nèi)容,可以幫我們檢查一下有沒有錯誤。
6、熟悉一門后臺編程語言 asp、php、jsp等《關(guān)于asp、php、asp.net、jsp的學(xué)習(xí)心得、介紹及優(yōu)缺點比較》
web前端設(shè)計師前景
遇到很多想換行的朋友,第一句就問,這行賺錢嗎?我相信一句話,沒有付出,是沒有回報的!前面已經(jīng)說過了,咱們這行門檻是很低的,所以薪資階段也不一樣。2000初入這行的現(xiàn)在還普遍,工作經(jīng)驗2年以上,有很多代表性作品的時候,工資在4000左右;高手級別的估計在6000左右,大師級別這個階段的薪資參考:10000以上(上海北京深圳為例)網(wǎng)頁設(shè)計師課程一般包括:Photoshop、Fireworks、用戶界面設(shè)計實操,xhtml、css、dreamweaver、網(wǎng)站架構(gòu)與網(wǎng)站策劃、flash動畫制作,域名與空間、ftp、dhtml、javascript、動態(tài)交互網(wǎng)站(asp、php、aja)
怎么用html5制作個人主頁
總體把頁面一分為二，header是包含在article里面的，頁腳部分是單獨的一塊兒。大致結(jié)構(gòu)獲悉了后再從局部入手，header部分，有主標題、副標題、還有作者署名，前面我們講過，如果除了主標題，還有一個副標題，那可以把這兩個標題寫在一個hgroup元素中。如果除了主標題之外，還有其他內(nèi)容，比如內(nèi)容摘要、發(fā)表時間、作者、圖片或者小標題鏈接等，那就應(yīng)該把他們放在一個 header元素中。
header
hgroup
h1給個人博客增加色彩元素提升網(wǎng)站用戶體驗/h1
h2網(wǎng)頁的色彩——決定用戶是否駐足停留的關(guān)鍵/h2
/hgroup
p class="Byline"design by DanceSmile/p
/header
接下來是文章正文部分：
部分代碼：
div class="Content"
p第一眼看到楊青個人博客網(wǎng)站的時候，如果你喜歡.../p
...
/div
正文當(dāng)中還有一幅插圖，html5新增加了插圖這個figure語義元素，figcaption不是只能包含文本，任何html元素都可以，比如鏈接、小圖標。figcaption包含了對圖片的完整說明，所以alt文本就顯得多于了，這種情況下，可以把img元素中的alt屬性刪除：
figure
img src="/d/file/jstt/bj/2013-06-19/200e781ddaa1d92cc3996637d06c38b2.jpg"
figcaption圖片來源：騰訊CDC《淺析網(wǎng)頁色彩應(yīng)用》/figcaption
/figure
最后在把上面的代碼寫在article里面。
footer部分只是一些簡單的頁腳信息。
如何利用html5 建立個人博客
這個不單是用HTML5就能建立起來的。目前html5在電腦上瀏覽器的支持并不是那么的全面，而且就算用html 5寫出了博客頁面，也需要用后臺語言來進行程序上的編寫，讓博客頁面有功能。。你可以用HTML+CSS學(xué)個簡單的博客頁面，然后再套個模板，比如wordpress，不過這個需要有些PHP的基礎(chǔ)。。
關(guān)于HTML5個人博客模板之家和HTML個人博客的介紹到此就結(jié)束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關(guān)注本站。
掃描二維碼推送至手機訪問。
版權(quán)聲明：本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布，如需轉(zhuǎn)載請注明出處。
