怎么用html5制作個人主頁

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

創(chuàng)新互聯(lián)建站專業(yè)為企業(yè)提供永州網(wǎng)站建設(shè)、永州做網(wǎng)站、永州網(wǎng)站設(shè)計、永州網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計與制作、永州企業(yè)網(wǎng)站模板建站服務(wù)，十多年永州做網(wǎng)站經(jīng)驗，不只是建網(wǎng)站，更提供有價值的思路和整體網(wǎng)絡(luò)服務(wù)。

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元素都可以，比如鏈接、小圖標(biāo)。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模板怎么使用？

1、啟動 Visual Studio 2010。

2、在“文件”菜單中，依次選擇“新建”和“項目”。將打開“新建項目”對話框。在 Visual Basic 或 Visual C# 中選擇“WEB應(yīng)用程序”，然后將其命名為“HTML5Template”。單擊“確定”。

3、在這個項目中添加下面這些文件。

兩個分別放置js和css的文件夾：css、js

HTML5基本模板頁：index.html

jQuery：jquery-1.4.2.min.js

Modernizr ：modernizr-1.5.min.js

HTML5 樣式文件：html5reset.css

關(guān)于dedecms織夢建站。能否用網(wǎng)頁模板建站

可行啊，你都有模板了，那多簡單啊，你就安裝dedecms，然后把你的網(wǎng)頁模板復(fù)制到dedecms的對應(yīng)模板中，比如index.html源碼復(fù)制到/templats/default/index.htm。然后用織夢的標(biāo)簽替換網(wǎng)頁中的可后臺更新的元素，比如說新聞列表就用{dede:artlist}{/dede:artlist}標(biāo)簽。

如何利用html5 建立個人博客

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

博客模板

博客模板系統(tǒng)，可用于免費創(chuàng)建自己的博客，也有大量精美的模板使用，也就是說你不懂技術(shù)，下載博客網(wǎng)站模板也能創(chuàng)建自己的博客。

一般來說搭建博客網(wǎng)站，除了織夢cms，還可以使用wordpress、emlog個人博客系統(tǒng)、z-blog、thinkcmf、fastadmin等，可以根據(jù)自己喜好進(jìn)行挑選。

名稱欄目：html5博客模板,css博客模板
當(dāng)前鏈接：http://www.rwnh.cn/article22/dscopjc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、關(guān)鍵詞優(yōu)化、網(wǎng)站策劃、搜索引擎優(yōu)化、App設(shè)計、自適應(yīng)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)