總體把頁面一分為二，<header>是包含在<article>里面的，頁腳部分是單獨(dú)的一塊兒。大致結(jié)構(gòu)獲悉了后再從局部入手，<header>部分，有主標(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>包含了對圖片的完整說明，所以alt文本就顯得多于了，這種情況下，可以把<img>元素中的alt屬性刪除：　　<figure>　　<img src="/d/file/jstt/bj/2013-06-19/200e781ddaa1d92cc3996637d06c38b2.jpg">　　<figcaption>圖片來源：騰訊CDC《淺析網(wǎng)頁色彩應(yīng)用》</figcaption>　　</figure>　　最后在把上面的代碼寫在<article>里面?！　?lt;footer>部分只是一些簡單的頁腳信息。

需要做的準(zhǔn)備：1、一個(gè)網(wǎng)站程序代碼：如果你只是想建立一個(gè)比較簡單的展示網(wǎng)站，可以通過一些開源的后臺(tái)來做，比如織夢和帝國的后臺(tái)。2、買一個(gè)域名和空間3、將代碼上傳到空間里面，做好解析就可以了。最后：建網(wǎng)站雖然不是很難，但是也不是一兩句話就能夠說完的，建議你按照這個(gè)步驟，先去學(xué)一下怎么建站，怎么寫代碼，然后其他的都很簡單了。希望你采納

想在微信上分享你制作的連接網(wǎng)頁，一般有以下幾種方法，方法都比較難，需要有一定技術(shù)：一、開通微信公眾平臺(tái)，開通后制作相關(guān)頁面來分享到你朋友圈。二、通過其它APP（手機(jī)應(yīng)用軟件 ）制作好的網(wǎng)頁來分享到你朋友圈。三、自己制作一個(gè)APP軟件 ，制作好后，在微信開放平臺(tái)注冊APPID后，就可以分享完全是自己的制作的東西了。四、在各種微博、網(wǎng)站等平臺(tái)，發(fā)布你的自創(chuàng)網(wǎng)頁，然后分享在朋友圈。以上幾種是常見的，分享網(wǎng)頁到微信朋友圈的方法。第四個(gè)最簡單，前三個(gè)較難。祝生活愉快。

　　總體把頁面一分為二，<header>是包含在<article>里面的，頁腳部分是單獨(dú)的一塊兒。大致結(jié)構(gòu)獲悉了后再從局部入手，<header>部分，有主標(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>元素中?！　?lt;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>包含了對圖片的完整說明，所以alt文本就顯得多于了，這種情況下，可以把<img>元素中的alt屬性刪除：　　<figure>　　<img src="/d/file/jstt/bj/2013-06-19/200e781ddaa1d92cc3996637d06c38b2.jpg">　　<figcaption>圖片來源：騰訊CDC《淺析網(wǎng)頁色彩應(yīng)用》</figcaption>　　</figure>　　最后在把上面的代碼寫在<article>里面?！　?lt;footer>部分只是一些簡單的頁腳信息。

是做個(gè)人網(wǎng)站？？ 怎樣免費(fèi)建自己的網(wǎng)站，如何建個(gè)人網(wǎng)站？怎么自己建網(wǎng)站？ 網(wǎng)客科技 www.wkekj.cn 教你怎樣建個(gè)人網(wǎng)站的： 1.確定網(wǎng)站主題：如何建個(gè)人網(wǎng)站？首先， 你至少要找一個(gè)您感興趣的內(nèi)容或主題來做網(wǎng)站 2.找空間，注冊域名： 確定主題后，需要尋找一個(gè)比較好的主頁空間，并且為自己的網(wǎng)站注冊一個(gè)域名。目前可選的空間商很多，建議選擇資歷超過2年的公司。3.找網(wǎng)站建設(shè)工具： 怎么自己建網(wǎng)站？ 用frontpage等網(wǎng)頁制作軟件，一個(gè)頁面一個(gè)頁面的做網(wǎng)站的時(shí)代已經(jīng)過去了，您可以直接找一個(gè)免費(fèi)建網(wǎng)站的程序，安裝到您的空間里，就只用傻瓜式的添加內(nèi)容就可以了。這里，這里，你可以使用建站寶盒，建站寶盒NiceBox是自助建站工具包，包含多款精美建站模板和計(jì)數(shù)器、留言本、在線新聞系統(tǒng)、產(chǎn)品發(fā)布系統(tǒng) 、論壇系統(tǒng)、在線客服系統(tǒng)、招聘系統(tǒng)等動(dòng)態(tài)功能模塊，頁面隨意增加。使用者無需任何專業(yè)知識(shí)，運(yùn)用瀏覽器，輕點(diǎn)鼠標(biāo)就能立即生成精美實(shí)用、功能強(qiáng)大的網(wǎng)站，非常適合中小企業(yè)以及個(gè)人自助建站。本系統(tǒng)是網(wǎng)客科技虛擬主機(jī)附屬增值系統(tǒng)管理平臺(tái)，即只要是在網(wǎng)客科技購買虛擬主機(jī)產(chǎn)品，就可以免費(fèi)支持并使用此系統(tǒng)管理平臺(tái) 。 試用用戶名: test 試用密碼: nicebox試用地址： http://www.wkekj.cn/design/?p=nicebox 4.添加內(nèi)容：購買虛擬主機(jī)后，您就只需要添加內(nèi)容就可以了。這個(gè)建網(wǎng)站的工具會(huì)自動(dòng)給您生成網(wǎng)頁，做好鏈接的。 5.推廣網(wǎng)站：您的網(wǎng)站有內(nèi)容后，就需要到處推廣它了。nicebox有友情鏈接模板，您可以很方便的和其它網(wǎng)站交換友情鏈接。 6.欣賞它，愛護(hù)它：做了網(wǎng)站，要學(xué)會(huì)欣賞它，愛護(hù)他。喝杯咖啡，慢慢品嘗它吧。經(jīng)常補(bǔ)充一些新內(nèi)容，您的網(wǎng)站就會(huì)流量越來越大，人氣越來越旺。希望采納

擁有自己的個(gè)人網(wǎng)站，是一件十分令人向往的事情。下面我就自己建站的經(jīng)歷談點(diǎn)兒經(jīng)驗(yàn)，以便讓初窺門徑的網(wǎng)友少走些彎路。如果你還沒有自己的個(gè)人主頁，那么請跟我來。 第一步當(dāng)然是申請免費(fèi)的主頁空間。網(wǎng)上提供免費(fèi)主頁空間的網(wǎng)站很多，可以使用搜索引擎尋找適合自己的空間。當(dāng)然如果你手頭寬裕，可以購買收費(fèi)空間，以獲取更好的服務(wù)。 登陸提供免費(fèi)空間服務(wù)的網(wǎng)站，點(diǎn)擊免費(fèi)空間注冊，然后填寫個(gè)人資料，需要注意的一點(diǎn)是電子郵箱必須真實(shí)有效，因?yàn)樯暾埑晒?，服?wù)器會(huì)把你的帳號(hào)，密碼，F(xiàn)TP地址發(fā)送到你的郵箱里。個(gè)人資料填寫完后，提交然后是申請成功的提示，隨后你將收到注冊成功的電子郵件。有的空間還需要用電子郵件中的鏈接來激活。 第二步我不用說大家也知道，當(dāng)然是要做出自己的網(wǎng)頁。接下來，我們在本地計(jì)算機(jī)的根目錄下創(chuàng)建個(gè)人站點(diǎn)。我推薦大家使用“三劍客”,當(dāng)然微軟的Office FrontPage也可以，只是后者略顯簡陋，比較適合初學(xué)者。個(gè)人站點(diǎn)盡量簡單明了，它不同于商業(yè)網(wǎng)站，一定要有自己的風(fēng)格。制作網(wǎng)頁與文字處理有很大的相似之處，如果你能熟練使用Word之類的文字處理軟件，那么你會(huì)很輕松的制作出自己的第一個(gè)網(wǎng)頁，網(wǎng)頁的文件名盡量使用英文或者拼音，因?yàn)楹芏嗑W(wǎng)站的服務(wù)器使用的是liux操作系統(tǒng)，該操作系統(tǒng)對中文的支持不是太好。 首頁的文件名必須是index,這是服務(wù)器默認(rèn)的網(wǎng)站首頁，擴(kuò)展名htm.html均可。建議文件名都使用小寫，因?yàn)榉?wù)器對大小寫很挑剔。為了節(jié)約空間和加快網(wǎng)頁的打開速度，使用的網(wǎng)頁素材體積要盡可能的小，圖片一般不要超過50k, 音樂文件盡量使用mid格式。使用的flash動(dòng)畫不要太多，否則會(huì)使瀏覽者失去耐心。 使用的網(wǎng)頁素材必須放入站點(diǎn)文件夾中，否則網(wǎng)頁發(fā)布后，網(wǎng)頁在調(diào)用文件時(shí)會(huì)找不到文件。這是初學(xué)者易犯的錯(cuò)誤。尤其是在本機(jī)上瀏覽發(fā)布后的網(wǎng)頁時(shí)，瀏覽器會(huì)從本機(jī)的文件夾調(diào)用文件，而使你很難發(fā)現(xiàn)錯(cuò)誤。網(wǎng)頁之間的鏈接，網(wǎng)頁和首頁之間的鏈接盡量在本機(jī)上調(diào)試無誤，否則上傳后出現(xiàn)死鏈接，處理起來會(huì)很麻煩。至于網(wǎng)頁的內(nèi)容，你喜歡什么就做什么好了。 第三步，在本機(jī)根目錄下建好站點(diǎn)后，接下來就是將網(wǎng)頁上傳到網(wǎng)站的服務(wù)器，這需要用到上傳工具，此類程序很多，最有名的當(dāng)然是cuteFTP,各大程序下載網(wǎng)站幾乎都能找到，不過共享版只能使用30天，我們可以到源碼之家下載他的破解版本。至于如何安裝我就不羅嗦了。第一次運(yùn)行cuteFTP，會(huì)出現(xiàn)鏈接向?qū)?，填寫站點(diǎn)名稱，可以任意取個(gè)好聽的名字，然后是代理服務(wù)器的ftp地址，填上你申請的賬號(hào)以及密碼。點(diǎn)擊鏈接后，程序便開始嘗試同遠(yuǎn)程服務(wù)器連接。連接狀態(tài)顯示在程序的上方窗口，連接成功后，我就可以上傳自己的網(wǎng)站了。這個(gè)過程的快慢取決于服務(wù)器和網(wǎng)絡(luò)的速度。 上傳完畢后，打開瀏覽器，輸入你的網(wǎng)址，就可以欣賞自己的作品了。最后需要強(qiáng)調(diào)的一點(diǎn)，在測試網(wǎng)頁的時(shí)候，最好選擇不同的電腦，在不同的瀏覽器版本和不同的分辨率下進(jìn)行測試。這樣可以觀察一下網(wǎng)頁在不同環(huán)境下的顯示效果。

網(wǎng)站的幾個(gè)基本組成元素:域名+空間+程序+模板+維護(hù)經(jīng)驗(yàn)+日常管理。網(wǎng)站建設(shè) 是一個(gè)綜合性的技巧，小說網(wǎng)站也不例外，這個(gè)就像種菜,并不是說看個(gè)操作流程就一定會(huì)種菜，還要土壤，水肥，氣候，直接間接的相關(guān)知識(shí)都做足夠的了解，才能真正去操作，最終還要一個(gè)好的服務(wù)商。以十幾年的企業(yè)網(wǎng)建運(yùn)維網(wǎng)商系統(tǒng)經(jīng)驗(yàn)，網(wǎng)站=域名+服務(wù)器空間+網(wǎng)站程序+售后服務(wù)，網(wǎng)站就像一個(gè)家：【域名】：網(wǎng)址 就相當(dāng)于家的住址。記住和找到家所在的位置?！究臻g】：就是蓋房子的基礎(chǔ) 土地 環(huán)境 等?！境绦颉浚壕褪羌业闹黧w框架,是整個(gè)家的運(yùn)轉(zhuǎn)中心?！灸０濉浚壕W(wǎng)站的美化 就是家的裝修,當(dāng)然因人而異有人不裝修原汁原味也可以?！揪S護(hù)】：技術(shù)性維護(hù)就像安居樂業(yè)的保安和堅(jiān)實(shí)后盾?！厩趧凇浚菏钦麄€(gè)家可以穩(wěn)定持續(xù)運(yùn)轉(zhuǎn)極其重要的部分，家里所有的東西都要靠勤奮去填充，增加新鮮，讓大家覺著你家很好 很充實(shí)。這就是一個(gè)完美網(wǎng)站的所有，有能力和經(jīng)驗(yàn)的可以全部自己做好,沒有相關(guān)經(jīng)驗(yàn)的部分可以找專業(yè)的技術(shù)團(tuán)隊(duì)協(xié)助。有一個(gè)非常直接的真理：用合適的成本，找合適的人，去做合適的事...這是大自然發(fā)展的規(guī)律。域名，由域名中心統(tǒng)一管理，諸多代理商銷售推廣，可以聯(lián)系任何一家代理商在線付款注冊?？臻g，服務(wù)器，尋找有資質(zhì)的服務(wù)商選購和自己網(wǎng)站規(guī)劃搭配的配置，切記，夠用即可，現(xiàn)在的服務(wù)器大多可以無縫升級，沒有必要為未來的想法預(yù)消費(fèi)，需要的時(shí)候再升級即可。關(guān)鍵是商家的信譽(yù)，資歷，多年經(jīng)驗(yàn)的優(yōu)先考慮。模板程序維護(hù)等，技術(shù)方面，最好找專業(yè)技術(shù)團(tuán)隊(duì)協(xié)助運(yùn)作，避免出現(xiàn)問題網(wǎng)站故障臨時(shí)找人抱佛腳。影響就大了。

1、購買域名空間2、選擇源碼3、上傳服務(wù)器安裝4、二次開發(fā)改版5、填充內(nèi)容6、正式上線主要的是要在前期規(guī)劃好，比如你想做一個(gè)服裝的網(wǎng)站，參考（安正http://www.anzheng.com/），需要把域名想好；空間用哪里的也想好；網(wǎng)站的類型樣式想好，做出原型圖；網(wǎng)站的內(nèi)容類型想好，主要是什么類型的內(nèi)容；網(wǎng)站的服務(wù)對象想好，選擇合適的用戶去推廣網(wǎng)站；最后就是網(wǎng)站的盈利模式要明確，沒有盈利模式網(wǎng)站就沒有做的必要。

首先需要清楚，制作網(wǎng)站需要準(zhǔn)備的三樣?xùn)|西。這些有的不是免費(fèi)的，包含著一定的費(fèi)用在里面。1、域名（可以到萬網(wǎng)或者新網(wǎng)注冊）這個(gè)是沒有免費(fèi)的，注冊必須要錢。2、服務(wù)器（看你制作網(wǎng)站的主題類型和后期布局）每種服務(wù)器的價(jià)格不一，也有一些免費(fèi)的虛擬空間可以在空間商的網(wǎng)站自行申請，大部分都是收費(fèi)。3、CMS，看你制作的網(wǎng)站類型是什么類型，自己不會(huì)代碼的情況下，可以自行百度查找免費(fèi)開源的CMS進(jìn)行建站使用。博客一般用wordpress、zblog，文章類型的可以考慮選擇織夢，論壇和問答社交類型的可以選擇discuz等。建站步驟：第一步，做網(wǎng)站當(dāng)然要先想好要做個(gè)什么樣的網(wǎng)站，拿來干什么，是否有意義。之前我做了一個(gè)網(wǎng)站，里面的內(nèi)容雜的很。網(wǎng)站里面有搞笑的動(dòng)態(tài)圖，有搞笑的段子，有經(jīng)典的知乎回答，有精彩的動(dòng)畫。總之，是我喜歡的東西我都放上去。直到有一天我去問別人交換友情鏈接的時(shí)候，別人看了我的網(wǎng)站就問了我一個(gè)問題“你這個(gè)網(wǎng)站，到底是干嘛的？第二步，主題明確以后，就要選擇一種網(wǎng)站制作語言來制做了。要選擇一個(gè)自己熟悉的語言，就算是不熟悉，略懂也可以。至少以后遇到問題，你還能知道大概方向在哪里。自己一個(gè)人重新這一個(gè)功能完整的網(wǎng)站出來，還是蠻累人的。除非做的是簡單的企業(yè)網(wǎng)站。我也是比較懶的人，用的是WordPress做的網(wǎng)站，我也是一個(gè)非常懶得人，連主題都不愿意自己寫，直接在網(wǎng)上搜了一個(gè)主題。這里我推薦，完全不懂編程語言的，先用用WordPress.用一段時(shí)間就知道個(gè)大概了。第三步，那就是走正常建站路線了。1.買個(gè)域名，買個(gè)服務(wù)器。推薦國內(nèi)服務(wù)器，速度快，穩(wěn)定，而且申請百度廣告聯(lián)盟方便。如果是國內(nèi)服務(wù)器，那就必須得備案，別看備案麻煩，但是好處還是很多的。現(xiàn)在各大支付寶，財(cái)付通，sina，騰訊等接口，都是要求備案網(wǎng)站。域名注冊也很關(guān)鍵，域名注冊分個(gè)人和企業(yè)注冊。第四步，上傳或者在線安裝就可以生成你的網(wǎng)站了。