1、啟動(dòng) Visual Studio 2010。

創(chuàng)新互聯(lián)是一家專注于成都網(wǎng)站建設(shè)、成都做網(wǎng)站與策劃設(shè)計(jì),忻府網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)十載,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:忻府等地區(qū)。忻府做網(wǎng)站價(jià)格咨詢:18980820575
2、在“文件”菜單中,依次選擇“新建”和“項(xiàng)目”。將打開“新建項(xiàng)目”對(duì)話框。在 Visual Basic 或 Visual C# 中選擇“WEB應(yīng)用程序”,然后將其命名為“HTML5Template”。單擊“確定”。
3、在這個(gè)項(xiàng)目中添加下面這些文件。
兩個(gè)分別放置js和css的文件夾:css、js
HTML5基本模板頁:index.html
jQuery:jquery-1.4.2.min.js
Modernizr :modernizr-1.5.min.js
HTML5 樣式文件:html5reset.css
博客模板系統(tǒng),可用于免費(fèi)創(chuàng)建自己的博客,也有大量精美的模板使用,也就是說你不懂技術(shù),下載博客網(wǎng)站模板也能創(chuàng)建自己的博客。
一般來說搭建博客網(wǎng)站,除了織夢(mèng)cms,還可以使用wordpress、emlog個(gè)人博客系統(tǒng)、z-blog、thinkcmf、fastadmin等,可以根據(jù)自己喜好進(jìn)行挑選。
總體把頁面一分為二,header是包含在article里面的,頁腳部分是單獨(dú)的一塊兒。大致結(jié)構(gòu)獲悉了后再?gòu)木植咳胧郑琱eader部分,有主標(biāo)題、副標(biāo)題、還有作者署名,前面我們講過,如果除了主標(biāo)題,還有一個(gè)副標(biāo)題,那可以把這兩個(gè)標(biāo)題寫在一個(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)頁的色彩——決定用戶是否駐足停留的關(guān)鍵/h2
/hgroup
p class="Byline"design by DanceSmile/p
/header
接下來是文章正文部分:
部分代碼:
div class="Content"
p第一眼看到楊青個(gè)人博客網(wǎng)站的時(shí)候,如果你喜歡.../p
...
/div
正文當(dāng)中還有一幅插圖,html5新增加了插圖這個(gè)figure語義元素,figcaption不是只能包含文本,任何html元素都可以,比如鏈接、小圖標(biāo)。figcaption包含了對(duì)圖片的完整說明,所以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部分只是一些簡(jiǎn)單的頁腳信息。
可行啊,你都有模板了,那多簡(jiǎn)單啊,你就安裝dedecms,然后把你的網(wǎng)頁模板復(fù)制到dedecms的對(duì)應(yīng)模板中,比如index.html源碼復(fù)制到/templats/default/index.htm。然后用織夢(mèng)的標(biāo)簽替換網(wǎng)頁中的可后臺(tái)更新的元素,比如說新聞列表就用{dede:artlist}{/dede:artlist}標(biāo)簽。
這個(gè)不單是用HTML5就能建立起來的。目前html5在電腦上瀏覽器的支持并不是那么的全面,而且就算用html 5寫出了博客頁面,也需要用后臺(tái)語言來進(jìn)行程序上的編寫,讓博客頁面有功能。。你可以用HTML+CSS學(xué)個(gè)簡(jiǎn)單的博客頁面,然后再套個(gè)模板,比如wordpress,不過這個(gè)需要有些PHP的基礎(chǔ)。。
網(wǎng)站名稱:html5博客模板,博客前端模板
本文來源:http://chinadenli.net/article46/dsejjeg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供App開發(fā)、營(yíng)銷型網(wǎng)站建設(shè)、品牌網(wǎng)站制作、網(wǎng)頁設(shè)計(jì)公司、網(wǎng)站內(nèi)鏈、網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)