利用Dreamweaver制作一個個人虛擬網(wǎng)站的步驟如下：1、打開DW，DW界面如圖2、分析所制作的網(wǎng)頁的需求，明確目標(biāo)3、明確需求。如果是建議一個網(wǎng)站，需要建立一個站點，方便管理并使制作步驟更為有條理。4、新建站點彈出來的窗口。在這里以“新聞網(wǎng)頁”來舉例，放在Dreamwaver CS6文件夾下的新聞網(wǎng)頁文件夾5、在新聞網(wǎng)頁文件夾下新建“images”文件，導(dǎo)入制作網(wǎng)頁所需要的素材，這里所需要的素材都是圖片6、新建HTML，選擇“創(chuàng)建”7、在“標(biāo)題”中輸入“新聞網(wǎng)頁首頁”，轉(zhuǎn)換到“設(shè)計”界面8、根據(jù)制作網(wǎng)頁需求插入表格，只是在行列有所變化，下面的“表格寬度”以下選項根據(jù)圖設(shè)置9、插入表格如圖，選擇表格，會看到表格邊框變紅，選擇之后變黑。在屬性中對齊選項選擇“居中對齊”10、在表格第一行第一列輸入“用戶名”，在第一行第二個表格插入“文件域”。然后是密碼，同樣的插入“文件域”。切換到“拆分”界面，選中密碼對應(yīng)的“文件域”，將“type”改為“password”11、插入圖像，不知道怎么填的話就一直選擇“確定”即可12、插入按鈕，同上面插入圖像的處理方法那樣處理，如果不知道填什么就一直“確定”，無妨。在屬性欄里的值改為“登錄”。然后插入圖像“谷歌logo”，附上效果圖13、選中第二行，點擊鼠標(biāo)右鍵，選擇“表格”，“合并單元格”14、在第二行插入圖片。完成頁面制作。保存HTML文件。然后在站點“新聞網(wǎng)頁”可以看到保存的HTML文件15、點擊制作好的HTML文件，選擇用360瀏覽器打開，輸入用戶名和密碼，然后會看到如下情況：用戶名課件，密碼不可見，符合實際16、當(dāng)然也可以在Dreamwaver CS6 的實時視圖中完成第15步

你可以用播放器代碼播放這段視頻，前提是你的視頻有地址，我建議你把視頻上傳到其他視頻類網(wǎng)站在自己的網(wǎng)站上調(diào)用 播放器代碼？能詳細(xì)說說嗎？或者給個地址給我看看詳細(xì) 這個很簡單在百度搜索網(wǎng)頁播放器代碼一大把并且還有相對應(yīng)的教程如果你有編程基礎(chǔ)一看就明白，如果你把你的視頻上傳到視頻類的網(wǎng)站上都不用代碼直接分享你的視頻后直接點擊轉(zhuǎn)發(fā)和分享的按鈕把分享鏈接加在網(wǎng)頁中就能播放 …我想要一個在網(wǎng)頁上的播放窗口，比如cf.qq.com一進去就可以播放的那種 這就是網(wǎng)頁視頻播放器啊 你可以自己設(shè)置進入網(wǎng)站自動播放啊 這沒什么不一樣的你說的那個cf。qq。com是騰訊視頻調(diào)用的都是一樣的道理，你去找代碼放在網(wǎng)頁上就行了，我想給你找一個代碼的但是字?jǐn)?shù)顯示粘貼不上 你自己在百度搜索就好了然后斧子粘貼到網(wǎng)站上自己試試就明白了 雖然你資料沒給我，但是這么熱心，謝謝。我找到了，順帶問一下。為什么用ie可以正常播放，用360播放器說缺少播放視頻的組件。用ie允許被阻止的內(nèi)容就可以播放了

個人的生平簡歷，如學(xué)歷，愛好，專長等，讓人充分的了解你，在附上照片，讓別人認(rèn)識你。然后在簡介后面添加一點小標(biāo)題，介紹你自己的一些人生經(jīng)歷，還可以在適當(dāng)?shù)牡胤浇⑿碌逆溄?。如地名，人名等，鏈接之后再具體介紹。如果你想看具體的格式，可以上網(wǎng)查查看個人簡歷的樣式。如果你是想做工作簡歷的介紹，就分小點介紹你對工作的認(rèn)識或者工作經(jīng)驗；如果是網(wǎng)頁作業(yè)的簡歷，則可以寫入一點自己的生活樂事······

1、想好網(wǎng)站主體內(nèi)容2、選擇網(wǎng)上的開源程序，如果你做個人博客，您可以選擇Z-BLOG等個人博客開源程序，如果您想做文章類網(wǎng)站，可選擇織夢系統(tǒng)，如果你想做論壇，可選擇DZ論壇程序（現(xiàn)在個人做論壇無法備案）3、選好想要的程序后，根據(jù)程序所需的服務(wù)器參數(shù)，購買虛擬空間，虛擬空間分為國內(nèi)空間和國外空間，國內(nèi)空間較為穩(wěn)定，但必須備案，國外空間，無需備案，但不是很穩(wěn)定，你可以根據(jù)自己的需求選擇4、選擇購買的域名，域名價值在于其與你網(wǎng)站名稱的一致性，方便輸入且好記為主，同時越短越好5、把選擇好的程序上傳到購買好的虛擬空間里，需要的工具是FTP，可百度搜索下載，如果不會使用，建議百度搜索使用教程參照學(xué)習(xí)使用6、上傳好程序號，在虛擬空間里綁定域名，同時在域名管理中心解析域名，7、給域名備案（若是國外服務(wù)器無需備案）6步驟操作完成后網(wǎng)站即可打開以上是做個個人網(wǎng)站的基本步驟，希望對您有幫助，雖只是幾個小小的步驟，但是里面涵蓋的知識點很多，如果想做網(wǎng)站就需要深入學(xué)習(xí)，慢慢積累，方可！

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

首先，可以告訴想學(xué)網(wǎng)頁制作的朋友。學(xué)習(xí)制作網(wǎng)頁和學(xué)習(xí)其它知識一樣，是要有基礎(chǔ)的。在基礎(chǔ)之上學(xué)習(xí)起來會比較輕松和快捷的。其次，要清楚學(xué)習(xí)它是用來做什么。 建議你要具備的條件：對電腦熟練操作，使用電腦最好在一年以上，對網(wǎng)頁設(shè)計感興趣，有較充足的學(xué)習(xí)時間，熟悉office辦公軟件。當(dāng)然，這些不是一定必須的. 第一階段：開始時最好是學(xué)些網(wǎng)頁編輯軟件，如：FrontPage、Dreamweaver.這樣可以使您更了解網(wǎng)頁制作與運營的原理。最好使拿本教程來學(xué)學(xué)，結(jié)合教程邊學(xué)習(xí)邊制作。 第二階段：會用網(wǎng)頁制作軟件后，已會制作一個較完整的網(wǎng)站了。但為了能使自己設(shè)計制作的網(wǎng)頁盡善盡美，還是學(xué)習(xí)網(wǎng)頁的核心技術(shù)吧！網(wǎng)頁編輯語言（包括:html、css、javascript、asp、xml等）。你可以選擇地學(xué)習(xí)。 第三階段:結(jié)合你自己已掌握地知識來開發(fā)網(wǎng)站，可以開發(fā)出別人給你定義的目標(biāo)網(wǎng)站。到了這個時候，你就成為真正的網(wǎng)站開發(fā)者了。 怎樣制作網(wǎng)頁，不是說一兩篇文章能夠說清楚的。以上介紹的是制作網(wǎng)頁的主要綱要，希望能夠給想要學(xué)習(xí)制作網(wǎng)頁的朋友一個參考。 二 一、工具 1、空間 網(wǎng)頁做好了肯定是要發(fā)表上網(wǎng)的，所以必須先申請一個空間；免費的空間不是很穩(wěn)定，容量又小，也不好申請，建議到大的網(wǎng)站如新浪、網(wǎng)易去先買一個個人空間，大概有個20M以上的就可以了。 2、軟件 推薦使用Dreamweaver8.0中文版，這個軟件最大的特點就是“所見即所得”，也即是制作過程中看到的，便是到時發(fā)布到網(wǎng)絡(luò)上的。 二、教程 花點時間，找個比較通俗易懂的教程看一看是很有必要的。每個網(wǎng)頁的組成，不外是文字、表格、圖、動畫還有就是背景音樂等幾個大的元素，搞清楚如何將這些元素擺放進去，你也就算懂得如何制作網(wǎng)頁了。三、制作 開始時建議去下載一個比較簡單的網(wǎng)頁，在制作軟件中將它打開，然后仔細(xì)觀察人家的網(wǎng)頁的構(gòu)成，模仿它去填充各種元素，實踐中再配合著教城，進度會快很多，記得也牢一些。 其實做網(wǎng)頁并不難，但要做出有特色的網(wǎng)頁來，那就非一朝一夕之功了。 一點個人的粗淺體會，不妥之處敬請指正。 三 網(wǎng)站設(shè)計八步驟 由于目前所見即所得類型的工具越來越多，使用也越來越方便，所以制作網(wǎng)頁已經(jīng)變成了一件輕松的工作，不像以前要手工編寫一行行的源代碼那樣。一般初學(xué)者經(jīng)過短暫的學(xué)習(xí)就可以學(xué)會制作網(wǎng)頁，于是他們認(rèn)為網(wǎng)頁制作非常簡單，就匆匆忙忙制作自己的網(wǎng)站，可是做出來之后與別人一比，才發(fā)現(xiàn)自己的網(wǎng)站非常粗糙，這是為什么呢？常言道：“性急吃不了熱豆腐”。建立一個網(wǎng)站就像蓋一幢大樓一樣，它是一個系統(tǒng)工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設(shè)計出一個滿意的網(wǎng)站。 一、確定網(wǎng)站主題 網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容，一個網(wǎng)站必須要有一個明確的主題。特別是對于個人網(wǎng)站，你不可能像綜合網(wǎng)站那樣做得內(nèi)容大而全，包羅萬象。你沒有這個能力，也沒這個精力，所以必須要找準(zhǔn)一個自己最感興趣內(nèi)容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網(wǎng)站的主題無定則，只要是你感興趣的，任何內(nèi)容都可以，但主題要鮮明，在你的主題范圍內(nèi)內(nèi)容做到大而全、精而深。 二、搜集材料 明確了網(wǎng)站的主題以后，你就要圍繞主題開始搜集材料了。常言道：“巧婦難為無米之炊”。要想讓自己的網(wǎng)站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。材料既可以從圖書、報紙、光盤、多媒體上得來，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁的素材。 三、規(guī)劃網(wǎng)站 一個網(wǎng)站設(shè)計得成功與否，很大程度上決定于設(shè)計者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設(shè)計師設(shè)計大樓一樣，圖紙設(shè)計好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運用等，你只有在制作網(wǎng)頁之前把這些方面都考慮到了，才能在制作時駕輕就熟，胸有成竹。也只有如此制作出來的網(wǎng)頁才能有個性、有特色，具有吸引力。如何規(guī)劃網(wǎng)站的每一項具體內(nèi)容，我們在下面會有詳細(xì)介紹。四、選擇合適的制作工具 盡管選擇什么樣的工具并不會影響你設(shè)計網(wǎng)頁的好壞，但是一款功能強大、使用簡單的軟件往往可以起到事半功倍的效果。網(wǎng)頁制作涉及的工具比較多，首先就是網(wǎng)頁制作工具了，目前大多數(shù)網(wǎng)民選用的都是所見即所得的編輯工具，這其中的優(yōu)秀者當(dāng)然是Dreamweaver和Frontpage了，如果是初學(xué)者，F(xiàn)rontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動畫制作工具，如Flash、Cool 3d、Gif Animator等；還有網(wǎng)頁特效工具，如有聲有色等，網(wǎng)上有許多這方面的軟件，你可以根據(jù)需要靈活運用。 五、制作網(wǎng)頁 材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實了，這是一個復(fù)雜而細(xì)致的過程，一定要按照先大后小、先簡單后復(fù)雜來進行制作。所謂先大后小，就是說在制作網(wǎng)頁時，先把大的結(jié)構(gòu)設(shè)計好，然后再逐步完善小的結(jié)構(gòu)設(shè)計。所謂先簡單后復(fù)雜，就是先設(shè)計出簡單的內(nèi)容，然后再設(shè)計復(fù)雜的內(nèi)容，以便出現(xiàn)問題時好修改。在制作網(wǎng)頁時要多靈活運用模板，這樣可以大大提高制作效率。 六、上傳測試 網(wǎng)頁制作完畢，最后要發(fā)布到Web服務(wù)器上，才能夠讓全世界的朋友觀看，現(xiàn)在上傳的工具有很多，有些網(wǎng)頁制作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網(wǎng)站發(fā)布到自己申請的主頁存放服務(wù)器上。網(wǎng)站上傳以后，你要在瀏覽器中打開自己的網(wǎng)站，逐頁逐個鏈接的進行測試，發(fā)現(xiàn)問題，及時修改，然后再上傳測試。全部測試完畢就可以把你的網(wǎng)址告訴給朋友，讓他們來瀏覽。 七、推廣宣傳 網(wǎng)頁做好之后，還要不斷地進行宣傳，這樣才能讓的朋友認(rèn)識它，提高網(wǎng)站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網(wǎng)站交換鏈接、加入廣告鏈等。 八、維護更新 網(wǎng)站要注意經(jīng)常維護更新內(nèi)容，保持內(nèi)容的新鮮，不要一做好就放在那兒不變了，只有不斷地給它補充新的內(nèi)容，才能夠吸引住瀏覽者 .

　　網(wǎng)站設(shè)計八步驟 由于目前所見即所得類型的工具越來越多，使用也越來越方便，所以制作網(wǎng)頁已經(jīng)變成了一件輕松的工作，不像以前要手工編寫一行行的源代碼那樣。一般初學(xué)者經(jīng)過短暫的學(xué)習(xí)就可以學(xué)會制作網(wǎng)頁，于是他們認(rèn)為網(wǎng)頁制作非常簡單，就匆匆忙忙制作自己的網(wǎng)站，可是做出來之后與別人一比，才發(fā)現(xiàn)自己的網(wǎng)站非常粗糙，這是為什么呢？常言道：“性急吃不了熱豆腐”。建立一個網(wǎng)站就像蓋一幢大樓一樣，它是一個系統(tǒng)工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設(shè)計出一個滿意的網(wǎng)站?！　∫?、確定網(wǎng)站主題 網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容，一個網(wǎng)站必須要有一個明確的主題。特別是對于個人網(wǎng)站，你不可能像綜合網(wǎng)站那樣做得內(nèi)容大而全，包羅萬象。你沒有這個能力，也沒這個精力，所以必須要找準(zhǔn)一個自己最感興趣內(nèi)容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網(wǎng)站的主題無定則，只要是你感興趣的，任何內(nèi)容都可以，但主題要鮮明，在你的主題范圍內(nèi)內(nèi)容做到大而全、精而深?！　《?、搜集材料 明確了網(wǎng)站的主題以后，你就要圍繞主題開始搜集材料了。常言道：“巧婦難為無米之炊”。要想讓自己的網(wǎng)站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。材料既可以從圖書、報紙、光盤、多媒體上得來，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁的素材?！　∪?、規(guī)劃網(wǎng)站 一個網(wǎng)站設(shè)計得成功與否，很大程度上決定于設(shè)計者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設(shè)計師設(shè)計大樓一樣，圖紙設(shè)計好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運用等，你只有在制作網(wǎng)頁之前把這些方面都考慮到了，才能在制作時駕輕就熟，胸有成竹。也只有如此制作出來的網(wǎng)頁才能有個性、有特色，具有吸引力。如何規(guī)劃網(wǎng)站的每一項具體內(nèi)容，我們在下面會有詳細(xì)介紹?！　∷摹⑦x擇合適的制作工具 盡管選擇什么樣的工具并不會影響你設(shè)計網(wǎng)頁的好壞，但是一款功能強大、使用簡單的軟件往往可以起到事半功倍的效果。網(wǎng)頁制作涉及的工具比較多，首先就是網(wǎng)頁制作工具了，目前大多數(shù)網(wǎng)民選用的都是所見即所得的編輯工具，這其中的優(yōu)秀者當(dāng)然是Dreamweaver和Frontpage了，如果是初學(xué)者，F(xiàn)rontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動畫制作工具，如Flash、Cool 3d、Gif Animator等；還有網(wǎng)頁特效工具，如有聲有色等，網(wǎng)上有許多這方面的軟件，你可以根據(jù)需要靈活運用?！　∥?、制作網(wǎng)頁 材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實了，這是一個復(fù)雜而細(xì)致的過程，一定要按照先大后小、先簡單后復(fù)雜來進行制作。所謂先大后小，就是說在制作網(wǎng)頁時，先把大的結(jié)構(gòu)設(shè)計好，然后再逐步完善小的結(jié)構(gòu)設(shè)計。所謂先簡單后復(fù)雜，就是先設(shè)計出簡單的內(nèi)容，然后再設(shè)計復(fù)雜的內(nèi)容，以便出現(xiàn)問題時好修改。在制作網(wǎng)頁時要多靈活運用模板，這樣可以大大提高制作效率?！　×⑸蟼鳒y試 網(wǎng)頁制作完畢，最后要發(fā)布到Web服務(wù)器上，才能夠讓全世界的朋友觀看，現(xiàn)在上傳的工具有很多，有些網(wǎng)頁制作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網(wǎng)站發(fā)布到自己申請的主頁存放服務(wù)器上。網(wǎng)站上傳以后，你要在瀏覽器中打開自己的網(wǎng)站，逐頁逐個鏈接的進行測試，發(fā)現(xiàn)問題，及時修改，然后再上傳測試。全部測試完畢就可以把你的網(wǎng)址告訴給朋友，讓他們來瀏覽?！　∑摺⑼茝V宣傳 網(wǎng)頁做好之后，還要不斷地進行宣傳，這樣才能讓的朋友認(rèn)識它，提高網(wǎng)站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網(wǎng)站交換鏈接、加入廣告鏈等?！　“恕⒕S護更新 網(wǎng)站要注意經(jīng)常維護更新內(nèi)容，保持內(nèi)容的新鮮，不要一做好就放在那兒不變了，只有不斷地給它補充新的內(nèi)容，才能夠吸引住瀏覽者.

　　總體把頁面一分為二，<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>元素中?！　?lt;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>里面?！　?lt;footer>部分只是一些簡單的頁腳信息。

網(wǎng)站設(shè)計，包含的內(nèi)容非常多。大體分兩個方面：　　一方面是純網(wǎng)站本身的設(shè)計比如文字排版，圖片制作，平面設(shè)計，三維立體設(shè)計，靜態(tài)無聲圖文，動態(tài)有聲影像等；　　另一方面是網(wǎng)站的延伸設(shè)計，包括網(wǎng)站的主題定位和瀏覽群的定位，智能交互，制作策劃，形象包裝，宣傳營銷等等?！　∵@兩方面相輔相成，告訴給大家（注意：我并不會非常具體地講某一個技術(shù)或制作技巧，重點在于思路）希望能給您一些幫助。下面是大致的提綱：1.定位你的網(wǎng)站主題和名稱；2.定位你的網(wǎng)站CI形象；3.確定你的欄目和版塊；4.網(wǎng)站的整體風(fēng)格創(chuàng)意設(shè)計5.網(wǎng)站的層次結(jié)構(gòu)和鏈接結(jié)構(gòu)6.首頁的設(shè)計7.版面布局的竅門8.色彩的搭配9.效果與速度10.替瀏覽者考慮11.細(xì)微之處見功力12.建設(shè)完成度與推出時間13.交互性與親和度14.考慮不同的瀏覽器和分辨率15.字體的設(shè)置和表格的嵌套16.新技術(shù)的運用取舍17.設(shè)計好你的banner和位置