本篇文章給大家談?wù)凥TML5個(gè)人博客模板之家，以及HTML個(gè)人博客對(duì)應(yīng)的知識(shí)點(diǎn)，希望對(duì)各位有所幫助，不要忘了收藏本站喔。

本文目錄一覽：

• 1、如何學(xué)Web前端
• 2、怎么用html5制作個(gè)人主頁(yè)
• 3、如何利用html5 建立個(gè)人博客

如何學(xué)Web前端

網(wǎng)頁(yè)開(kāi)發(fā)工具

學(xué)習(xí)web前端開(kāi)發(fā),網(wǎng)頁(yè)開(kāi)發(fā)工具有FrontPage,會(huì)用 Word 的人很容易學(xué)會(huì)FrontPage。還有一個(gè)常用的是Dreamweaver。這兩種都是使用最多的HTML網(wǎng)頁(yè)制作工具,我使用的是Dreamweaver cs6,因?yàn)檫@套軟件提供了一套直觀的可視界面,融合了html5一些新的內(nèi)容。包括網(wǎng)格布局什么的。

學(xué)習(xí)內(nèi)容

HTML、CSS和JavaScript。html是內(nèi)容,css是表現(xiàn),javascript是行為。前端開(kāi)發(fā)的門(mén)檻其實(shí)非常低,與服務(wù)器端語(yǔ)言先慢后快的學(xué)習(xí)曲線相比,前端開(kāi)發(fā)的學(xué)習(xí)曲線是先快后慢。所以,對(duì)于從事IT工作的人來(lái)說(shuō),前端開(kāi)發(fā)是個(gè)不錯(cuò)的初入點(diǎn)。也正因?yàn)槿绱?前端開(kāi)發(fā)的領(lǐng)域有很多自學(xué)成“才”的同行。html是最基礎(chǔ)的,現(xiàn)在流行的是html5設(shè)計(jì),先學(xué)會(huì)網(wǎng)頁(yè)布局。css是用來(lái)美化html頁(yè)面的為頁(yè)面提供布局和格式。最后再學(xué)javascript。如果你把每天看電影、看電視劇的時(shí)間用來(lái)學(xué)習(xí),我想一個(gè)星期入門(mén)是沒(méi)有問(wèn)題的。

基礎(chǔ)知識(shí):

1. html + css。這部分建議在 上學(xué)習(xí),邊學(xué)邊練,每章后還有小測(cè)試。之后可以模仿一些網(wǎng)站做些頁(yè)面。本站提供的個(gè)人博客模板都是比較簡(jiǎn)單的單頁(yè),可以下載下來(lái)模仿自己做一個(gè)。理解css每個(gè)元素的屬性,樣式的實(shí)現(xiàn)不一定只有一種寫(xiě)法,多想一想還有沒(méi)有什么需要改進(jìn)的地方。

《10條HTML代碼編寫(xiě)技巧》

《CSS簡(jiǎn)明教程》

《Div+CSS 規(guī)則整理 以及注意問(wèn)題》

2、JavaScript。不是所有的網(wǎng)頁(yè)都必須有js,但是要想實(shí)現(xiàn)一些超酷的功能和界面的時(shí)候,就需要涉及到j(luò)s。如果沒(méi)有其他編程語(yǔ)言的基礎(chǔ)的話,學(xué)起來(lái)可能要費(fèi)些力,還是建議先在 w3school上學(xué)習(xí)。之后建議馬上看《javascript語(yǔ)言精粹》

《JS經(jīng)典實(shí)例》

3、Photoshop、flash。熟悉會(huì)一點(diǎn)兒就行了,沒(méi)必要全部都學(xué)得精通,當(dāng)然如果你在學(xué)習(xí)的過(guò)程中,發(fā)現(xiàn)你ps或者flash比較感興趣的話,也可以嘗試做美工這一行。

4、html5和css3。可以先了解一下,然后再入手。畢竟IE的瀏覽器大多還不支持。

《學(xué)習(xí)Html5建站教程(一)Html5簡(jiǎn)介》

《學(xué)習(xí)Html5建站教程(二)Html5 語(yǔ)法與規(guī)則》

《學(xué)習(xí)Html5建站教程(三)Html5博客頁(yè)面設(shè)計(jì)之理論》

《學(xué)習(xí)Html5建站教程(四)用HTML5做個(gè)人的網(wǎng)站》

5、瀏覽器兼容。懂web標(biāo)準(zhǔn),熟練手寫(xiě) xhtml css3 并符合 符合w3c標(biāo)準(zhǔn)。代碼能兼容主流瀏覽器Firfox,Chrome、Safari、IE、Opera。雖然IE6很多都不兼容,但現(xiàn)在還使用的人還是有的。W3C驗(yàn)證地址: 通過(guò)驗(yàn)證指定URI的CSS內(nèi)容,可以幫我們檢查一下有沒(méi)有錯(cuò)誤。

6、熟悉一門(mén)后臺(tái)編程語(yǔ)言 asp、php、jsp等《關(guān)于asp、php、asp.net、jsp的學(xué)習(xí)心得、介紹及優(yōu)缺點(diǎn)比較》

web前端設(shè)計(jì)師前景

遇到很多想換行的朋友,第一句就問(wèn),這行賺錢(qián)嗎?我相信一句話,沒(méi)有付出,是沒(méi)有回報(bào)的!前面已經(jīng)說(shuō)過(guò)了,咱們這行門(mén)檻是很低的,所以薪資階段也不一樣。2000初入這行的現(xiàn)在還普遍,工作經(jīng)驗(yàn)2年以上,有很多代表性作品的時(shí)候,工資在4000左右;高手級(jí)別的估計(jì)在6000左右,大師級(jí)別這個(gè)階段的薪資參考:10000以上(上海北京深圳為例)網(wǎng)頁(yè)設(shè)計(jì)師課程一般包括:Photoshop、Fireworks、用戶界面設(shè)計(jì)實(shí)操,xhtml、css、dreamweaver、網(wǎng)站架構(gòu)與網(wǎng)站策劃、flash動(dòng)畫(huà)制作,域名與空間、ftp、dhtml、javascript、動(dòng)態(tài)交互網(wǎng)站(asp、php、aja)

怎么用html5制作個(gè)人主頁(yè)

總體把頁(yè)面一分為二，header是包含在article里面的，頁(yè)腳部分是單獨(dú)的一塊兒。大致結(jié)構(gòu)獲悉了后再?gòu)木植咳胧?，header部分，有主標(biāo)題、副標(biāo)題、還有作者署名，前面我們講過(guò)，如果除了主標(biāo)題，還有一個(gè)副標(biāo)題，那可以把這兩個(gè)標(biāo)題寫(xiě)在一個(gè)hgroup元素中。如果除了主標(biāo)題之外，還有其他內(nèi)容，比如內(nèi)容摘要、發(fā)表時(shí)間、作者、圖片或者小標(biāo)題鏈接等，那就應(yīng)該把他們放在一個(gè) header元素中。

header

hgroup

h1給個(gè)人博客增加色彩元素提升網(wǎng)站用戶體驗(yàn)/h1

h2網(wǎng)頁(yè)的色彩——決定用戶是否駐足停留的關(guān)鍵/h2

/hgroup

p class="Byline"design by DanceSmile/p

/header

接下來(lái)是文章正文部分：

部分代碼：

div class="Content"

p第一眼看到楊青個(gè)人博客網(wǎng)站的時(shí)候，如果你喜歡.../p

...

/div

正文當(dāng)中還有一幅插圖，html5新增加了插圖這個(gè)figure語(yǔ)義元素，figcaption不是只能包含文本，任何html元素都可以，比如鏈接、小圖標(biāo)。figcaption包含了對(duì)圖片的完整說(shuō)明，所以alt文本就顯得多于了，這種情況下，可以把img元素中的alt屬性刪除：

figure

img src="/d/file/jstt/bj/2013-06-19/200e781ddaa1d92cc3996637d06c38b2.jpg"

figcaption圖片來(lái)源：騰訊CDC《淺析網(wǎng)頁(yè)色彩應(yīng)用》/figcaption

/figure

最后在把上面的代碼寫(xiě)在article里面。

footer部分只是一些簡(jiǎn)單的頁(yè)腳信息。

如何利用html5 建立個(gè)人博客

這個(gè)不單是用HTML5就能建立起來(lái)的。目前html5在電腦上瀏覽器的支持并不是那么的全面，而且就算用html 5寫(xiě)出了博客頁(yè)面，也需要用后臺(tái)語(yǔ)言來(lái)進(jìn)行程序上的編寫(xiě)，讓博客頁(yè)面有功能。。你可以用HTML+CSS學(xué)個(gè)簡(jiǎn)單的博客頁(yè)面，然后再套個(gè)模板，比如wordpress，不過(guò)這個(gè)需要有些PHP的基礎(chǔ)。。

關(guān)于HTML5個(gè)人博客模板之家和HTML個(gè)人博客的介紹到此就結(jié)束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關(guān)注本站。