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