H5播放器或者FLASH播放器，網(wǎng)上很多插件的，直接去下載啊。代碼看不懂你再發(fā)上來，我?guī)湍憧?。這個三言二語說不清。

比dreamweaver還方便的軟件？dreamweaver可視化操作應(yīng)該是最方便的了，還沒有其他軟件在這方面能夠超越它吧，也非常適合初學(xué)者使用。和它比較相似的比如Microsoft Visual Web Developer等等還有其他不少網(wǎng)頁制作編程軟件，對于編寫代碼來說提供了非常方便的功能；還有的軟件占用空間小，但功能比較強(qiáng)大等等。但是這些軟件不適合初學(xué)者使用。像Notepad plus、Pspad、editplus、netbeans、komodo edit······這些都是很不錯的網(wǎng)頁制作軟件。

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

一個網(wǎng)站至少要包括域名和主機(jī)空間，域名是平時所說的網(wǎng)址，空間是用來放網(wǎng)頁文件的。 1、申請域名：域名需要便于記憶、了解，越短越好，可以是您品牌的英文或中文拼音或簡稱。 2、申請主機(jī)網(wǎng)站：如果會用DW等軟件設(shè)計網(wǎng)頁就用虛擬主機(jī)；如果不會設(shè)計就用速成網(wǎng)站做，會打字就可以做網(wǎng)站，操作簡單，功能強(qiáng)大。注意：國內(nèi)主機(jī)必須備案成功后才能用您自己的域名訪問，備案的網(wǎng)站顯得正規(guī)些，網(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è)計大樓一樣，圖紙?jiān)O(shè)計好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運(yùn)用等，你只有在制作網(wǎng)頁之前把這些方面都考慮到了，才能在制作時駕輕就熟，胸有成竹。也只有如此制作出來的網(wǎng)頁才能有個性、有特色，具有吸引力。如何規(guī)劃網(wǎng)站的每一項(xiàng)具體內(nèi)容，我們在下面會有詳細(xì)介紹。 四、選擇合適的制作工具 盡管選擇什么樣的工具并不會影響你設(shè)計網(wǎng)頁的好壞，但是一款功能強(qiá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ù)需要靈活運(yùn)用。 五、制作網(wǎng)頁 材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實(shí)了，這是一個復(fù)雜而細(xì)致的過程，一定要按照先大后小、先簡單后復(fù)雜來進(jìn)行制作。所謂先大后小，就是說在制作網(wǎng)頁時，先把大的結(jié)構(gòu)設(shè)計好，然后再逐步完善小的結(jié)構(gòu)設(shè)計。所謂先簡單后復(fù)雜，就是先設(shè)計出簡單的內(nèi)容，然后再設(shè)計復(fù)雜的內(nèi)容，以便出現(xiàn)問題時好修改。在制作網(wǎng)頁時要多靈活運(yùn)用模板，這樣可以大大提高制作效率。 六、上傳測試 網(wǎng)頁制作完畢，最后要發(fā)布到Web服務(wù)器上，才能夠讓全世界的朋友觀看，現(xiàn)在上傳的工具有很多，有些網(wǎng)頁制作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網(wǎng)站發(fā)布到自己申請的主頁存放服務(wù)器上。網(wǎng)站上傳以后，你要在瀏覽器中打開自己的網(wǎng)站，逐頁逐個鏈接的進(jìn)行測試，發(fā)現(xiàn)問題，及時修改，然后再上傳測試。全部測試完畢就可以把你的網(wǎng)址告訴給朋友，讓他們來瀏覽。 七、推廣宣傳 網(wǎng)頁做好之后，還要不斷地進(jìn)行宣傳，這樣才能讓的朋友認(rèn)識它，提高網(wǎng)站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網(wǎng)站交換鏈接、加入廣告鏈等。 八、維護(hù)更新 網(wǎng)站要注意經(jīng)常維護(hù)更新內(nèi)容，保持內(nèi)容的新鮮，不要一做好就放在那兒不變了，只有不斷地給它補(bǔ)充新的內(nèi)容，才能夠吸引住瀏覽者 ★要想學(xué)做網(wǎng)頁，首先得了解制作網(wǎng)頁的工具。 制作網(wǎng)頁主要有以下一些工具 Frontpage：office自帶的一個工具，操作簡單，實(shí)用，學(xué)起來比較輕松，功能不咋地，我不太喜歡。 Dreamweaver：這是網(wǎng)頁三劍客之一，專門制作網(wǎng)頁的工具，可以自動將網(wǎng)頁生成代碼，是普通網(wǎng)頁制作者的首選工具，界面簡單，實(shí)用功能比較強(qiáng)大。建議初學(xué)者選用。 另外一個工具就是代碼編輯工具，例如寫字本、EditPlus等，這些工具主要編輯asp等動態(tài)網(wǎng)頁。 此外還有一些網(wǎng)絡(luò)編程工具，javascript、java編輯器等。 網(wǎng)頁制作也是一個比較吃香的行業(yè)，要真正做一個好的網(wǎng)站，還必須有良好的設(shè)計功底。所以還得學(xué)很多邊緣性的軟件，例如photoshop、flash等。 大型的網(wǎng)站往往還需要數(shù)據(jù)庫的支持，所以還得懂?dāng)?shù)據(jù)庫。sql、甲骨文等。 總之，掌握好網(wǎng)頁制作，能獨(dú)立完成一個網(wǎng)站的制作工作，那就不要考慮吃飯問題。隨便混就好了！ 祝你成功。 ★你可以結(jié)合 Dreamwaver 和 Photoshop 來制作網(wǎng)頁。

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

下面是一個簡單的頁面，你復(fù)制下來放在dw里面就可以直接運(yùn)行了！但是有地方需要修改的！ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns= http://www.skyviewtech.com.cn > <head> <title></title> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <script type="text/javascript" src="js/update8.js"></script> <!--把下面代碼加到<head>與</head>之間--> <style type="text/css"> #fader{position:relative;overflow:hidden;height:300px;width:500px;} #fader li{position:absolute;left:0;top:0;} ul,li{list-style:none;margin:0;padding:0;} img{display:block;} .fader-nav{display:inline-block;margin-right:8px;color:#fff;padding:2px 6px;background:#333;border:1px solid #fff;font-family:Tahoma;font-weight:bold;font-size:12px;cursor:pointer;} .fader-cur-nav{display:inline-block;margin-right:8px;color:#fff;padding:2px 6px;background:#ff7a00;border:1px solid #fff;font-family:Tahoma;font-weight:bold;font-size:12px;cursor:pointer;} </style> </head> <body> <!--把下面代碼加到<body>與</body>之間--> <div id="fader"> <ul> <li><img src="js_img/8-24/images/01.jpg" alt="紅葉傳情"></li> <li><img src="js_img/8-24/images/02.jpg" alt="野花綻放"></li> <li><img src="js_img/8-24/images/03.jpg" alt="往事如茶"></li> <li><img src="js_img/8-24/images/04.jpg" alt="油菜花開"></li> <li><img src="js_img/8-24/images/05.jpg" alt="玫瑰情思"></li> </ul> </div> <script type="text/javascript"> var fader = new Hongru.fader.init('fader',{ id:'fader' }); </script> </body> </html>

一、工具：Dreamweaver CS6二、操作步驟：【1】新建一個ASP網(wǎng)頁并且保存。如圖所示【2】連接好數(shù)據(jù)庫，【3】 在網(wǎng)頁中插入模板的內(nèi)容，并添加好各個超鏈接【4】頁面設(shè)計好后把網(wǎng)頁另存為模板。操作如圖所示?！?】接著在需要編輯的部分插入“可編輯區(qū)域”，操作如圖所示?！?】保存后，就可以在網(wǎng)站根目錄下的“Templates”文件夾下看見剛剛新建的模板了。以后要修改模板的內(nèi)容就可以直接打開編輯了。