總體把頁(yè)面一分為二，<header>是包含在<article>里面的，頁(yè)腳部分是單獨(dú)的一塊兒。大致結(jié)構(gòu)獲悉了后再?gòu)木植咳胧郑?lt;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>元素中?！　?lt;header>　　<hgroup>　　<h1>給個(gè)人博客增加色彩元素提升網(wǎng)站用戶(hù)體驗(yàn)</h1>　　<h2>網(wǎng)頁(yè)的色彩——決定用戶(hù)是否駐足停留的關(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è)腳信息。

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

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

　　總體把頁(yè)面一分為二，<header>是包含在<article>里面的，頁(yè)腳部分是單獨(dú)的一塊兒。大致結(jié)構(gòu)獲悉了后再?gòu)木植咳胧郑?lt;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>元素中?！　?lt;header>　　<hgroup>　　<h1>給個(gè)人博客增加色彩元素提升網(wǎng)站用戶(hù)體驗(yàn)</h1>　　<h2>網(wǎng)頁(yè)的色彩——決定用戶(hù)是否駐足停留的關(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è)腳信息。

是做個(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)容或主題來(lái)做網(wǎng)站 2.找空間，注冊(cè)域名： 確定主題后，需要尋找一個(gè)比較好的主頁(yè)空間，并且為自己的網(wǎng)站注冊(cè)一個(gè)域名。目前可選的空間商很多，建議選擇資歷超過(guò)2年的公司。3.找網(wǎng)站建設(shè)工具： 怎么自己建網(wǎng)站？ 用frontpage等網(wǎng)頁(yè)制作軟件，一個(gè)頁(yè)面一個(gè)頁(yè)面的做網(wǎng)站的時(shí)代已經(jīng)過(guò)去了，您可以直接找一個(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è)面隨意增加。使用者無(wú)需任何專(zhuān)業(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)客科技購(gòu)買(mǎi)虛擬主機(jī)產(chǎn)品，就可以免費(fèi)支持并使用此系統(tǒng)管理平臺(tái) 。 試用用戶(hù)名: test 試用密碼: nicebox試用地址： http://www.wkekj.cn/design/?p=nicebox 4.添加內(nèi)容：購(gòu)買(mǎi)虛擬主機(jī)后，您就只需要添加內(nèi)容就可以了。這個(gè)建網(wǎng)站的工具會(huì)自動(dòng)給您生成網(wǎng)頁(yè)，做好鏈接的。 5.推廣網(wǎng)站：您的網(wǎng)站有內(nèi)容后，就需要到處推廣它了。nicebox有友情鏈接模板，您可以很方便的和其它網(wǎng)站交換友情鏈接。 6.欣賞它，愛(ài)護(hù)它：做了網(wǎng)站，要學(xué)會(huì)欣賞它，愛(ài)護(hù)他。喝杯咖啡，慢慢品嘗它吧。經(jīng)常補(bǔ)充一些新內(nèi)容，您的網(wǎng)站就會(huì)流量越來(lái)越大，人氣越來(lái)越旺。希望采納

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

網(wǎng)站的幾個(gè)基本組成元素:域名+空間+程序+模板+維護(hù)經(jīng)驗(yàn)+日常管理。網(wǎng)站建設(shè) 是一個(gè)綜合性的技巧，小說(shuō)網(wǎng)站也不例外，這個(gè)就像種菜,并不是說(shuō)看個(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ù)就像安居樂(lè)業(yè)的保安和堅(jiān)實(shí)后盾?！厩趧凇浚菏钦麄€(gè)家可以穩(wěn)定持續(xù)運(yùn)轉(zhuǎn)極其重要的部分，家里所有的東西都要靠勤奮去填充，增加新鮮，讓大家覺(jué)著你家很好 很充實(shí)。這就是一個(gè)完美網(wǎng)站的所有，有能力和經(jīng)驗(yàn)的可以全部自己做好,沒(méi)有相關(guān)經(jīng)驗(yàn)的部分可以找專(zhuān)業(yè)的技術(shù)團(tuán)隊(duì)協(xié)助。有一個(gè)非常直接的真理：用合適的成本，找合適的人，去做合適的事...這是大自然發(fā)展的規(guī)律。域名，由域名中心統(tǒng)一管理，諸多代理商銷(xiāo)售推廣，可以聯(lián)系任何一家代理商在線付款注冊(cè)?？臻g，服務(wù)器，尋找有資質(zhì)的服務(wù)商選購(gòu)和自己網(wǎng)站規(guī)劃搭配的配置，切記，夠用即可，現(xiàn)在的服務(wù)器大多可以無(wú)縫升級(jí)，沒(méi)有必要為未來(lái)的想法預(yù)消費(fèi)，需要的時(shí)候再升級(jí)即可。關(guān)鍵是商家的信譽(yù)，資歷，多年經(jīng)驗(yàn)的優(yōu)先考慮。模板程序維護(hù)等，技術(shù)方面，最好找專(zhuān)業(yè)技術(shù)團(tuán)隊(duì)協(xié)助運(yùn)作，避免出現(xiàn)問(wèn)題網(wǎng)站故障臨時(shí)找人抱佛腳。影響就大了。

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

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