一、簡(jiǎn)單的程序框架。webgame程序構(gòu)成：三大部分。第一是數(shù)據(jù)流程。第二是程序。第三是美術(shù)。其中，數(shù)據(jù)流程包括了功能。也只有在功能中才能體現(xiàn)數(shù)據(jù)流程。數(shù)據(jù)流程相當(dāng)?shù)穆闊竺嬖儆懻?。比如最?jiǎn)單的賣(mài)買(mǎi)產(chǎn)品。要實(shí)現(xiàn)這個(gè)功能。那么需要有產(chǎn)品基礎(chǔ)表、產(chǎn)品詳細(xì)表、商店表、背包表。如果擴(kuò)展性更強(qiáng)，相應(yīng)的雙表是少不不了的。表的問(wèn)題都簡(jiǎn)單了。關(guān)鍵是這個(gè)物品有什么用。這樣物品的來(lái)源，一大堆數(shù)據(jù)，物品的走向，又是一大堆數(shù)據(jù)。最后，這些數(shù)據(jù)得繞成一個(gè)圈。繞圈是一件困難的事情。特別是功能和道具多了起來(lái)的時(shí)候。難度是2的n次方。美術(shù)：UI。簡(jiǎn)潔漂亮的界面總會(huì)有好處。小圖標(biāo)。道具，地圖，裝備。一類(lèi)至少10個(gè)吧？大體上百把個(gè)是需要的。程序分5個(gè)部分：服務(wù)器定時(shí)器。（C語(yǔ)言或自己設(shè)定服務(wù)器）定時(shí)循環(huán)執(zhí)行某一段代碼。而這段代碼主要是根據(jù)數(shù)據(jù)庫(kù)的數(shù)據(jù)進(jìn)行更新。這個(gè)可以找個(gè)C語(yǔ)言程序員來(lái)做。對(duì)于C語(yǔ)言程序員來(lái)講，這個(gè)功能是相當(dāng)?shù)暮?jiǎn)單。當(dāng)然，具體的處理數(shù)據(jù)的判斷和操作數(shù)據(jù)庫(kù)，需要你自己寫(xiě)。讓C語(yǔ)言程序員給你段標(biāo)準(zhǔn)代碼就行了。完全支持sql語(yǔ)句的。功能頁(yè)面、功能函數(shù)。主要就是數(shù)據(jù)存取，判斷，數(shù)據(jù)走向。ajax函數(shù)。（可選）某些需要偽即時(shí)的功能要用到。javascript函數(shù)。（可選）模擬客戶(hù)端的數(shù)據(jù)計(jì)算。也就是webgame的與時(shí)間相關(guān)的數(shù)據(jù)。分為兩部分。一部分是真實(shí)數(shù)據(jù)，是由服務(wù)器端的定時(shí)器計(jì)算的。另一部分是只有初始值，客戶(hù)端顯示用的。不需要即時(shí)同步，僅僅需要模擬同步就行。數(shù)據(jù)庫(kù)。一大堆基礎(chǔ)數(shù)據(jù)表和詳細(xì)數(shù)據(jù)表?；A(chǔ)數(shù)據(jù)表：比如等級(jí)1到等級(jí)100的用戶(hù)的屬性初始值。詳細(xì)數(shù)據(jù)表：每個(gè)用戶(hù)的具體屬性。二、一個(gè)詳細(xì)的例子。單純的討論數(shù)據(jù)流程是件痛苦的事情。討論程序而不給代碼也是比較痛苦。這里用的是php+mysql的。那就按一個(gè)超簡(jiǎn)單的webgame的方式來(lái)討論。配上適當(dāng)?shù)拇a。應(yīng)該有所幫助。不足的地方也請(qǐng)大家指出，對(duì)我個(gè)人也是幫助。我們不去考慮游戲的可玩性，數(shù)值平衡等等問(wèn)題。我們先只考慮一個(gè)簡(jiǎn)單例子的實(shí)現(xiàn)。那么一個(gè)webgame的基本內(nèi)容需要些什么呢？數(shù)據(jù)庫(kù)：玩家、地圖、城市、建筑、武器、士兵。功能：登陸、升級(jí)、個(gè)人戰(zhàn)斗、士兵之間的戰(zhàn)斗、與城市的戰(zhàn)斗、修建建筑、打造武器、買(mǎi)賣(mài)道具。（注意：每一個(gè)功能，必然對(duì)應(yīng)1個(gè)或多個(gè)數(shù)據(jù)表。上面數(shù)據(jù)庫(kù)中所列的只是基礎(chǔ)中的基礎(chǔ)。）首先是地圖、城市、建筑。這里認(rèn)為，地圖可以有多張，城市在地圖上，建筑在城市內(nèi)。地圖表Map :Map_ID ,X坐標(biāo), Y坐標(biāo),City_ID(城市ID),描述。其中Map_ID是指地圖的id。不是自動(dòng)編號(hào)。一張地圖就是一個(gè)Map_ID，可以重復(fù)。城市表City:City_ID,城市名字，城市所有人，城市等級(jí)，城市資源，描述。建筑表Build:ID，City_ID，建筑名稱(chēng)，建筑等級(jí)，建筑功能。其中，地圖表確定城市的位置，城市表確定城市的相關(guān)數(shù)據(jù)以及所有人，建筑表內(nèi)的多條信息屬于某一個(gè)城市。建表后，顯示出來(lái)。一個(gè)for循環(huán)。把地圖表整個(gè)取出來(lái)就ok。跟普通網(wǎng)站的新聞列表沒(méi)太大區(qū)別。不同的是，你需要取得X坐標(biāo)和Y坐標(biāo)定位?？梢杂胻abel也可以用div。class Map//地圖類(lèi){var $Map_ID;function Map_bg_css($Map_ID) {$this->Map_ID = $Map_ID; mysql_select_db($db_name,$link);$sql=”select * from map where Map_ID=’”.$this->Map_ID.”‘ limit 1〃; $result=mysql_query($sql,$link); echo “<style type=”.”text”.”/”.”css>”;$rs=mysql_fetch_array($result); echo “#map{”; echo “position:absolute;”; echo “width:”.$rs[X坐標(biāo)].”px;”; echo “height:”.$rs[Y坐標(biāo)].”px;”; echo “z-index:0;”; echo “l(fā)eft:0px;top:0px;}”;}function Map_bg($Map_ID){$this->Map_ID = $Map_ID; $sql=”select * from map where Map_ID=’”.$this->Map_ID.”‘”; $result=mysql_query($sql,$link);while($rs=mysql_fetch_array($result)) { echo “<div id=Layer_bg_”.$rs[X坐標(biāo)].”_”.$rs[Y坐標(biāo)].”>”; echo “<img src=”.$rs[Map_bg].” border=0 title=”.$rs[ID].”></div>”;} }}上面是一個(gè)很簡(jiǎn)單的地圖類(lèi)。代碼可能不太正確，意思是正確的。就是根據(jù)map表中的坐標(biāo)，生成了一組div層，以及這一組層的css。你可以改為table的。你可以也把坐標(biāo)放到一個(gè)字段里，用數(shù)組的形式取。使用的時(shí)候，用new map;map(N);其中N是map表里的地圖Map_ID.城市內(nèi)的建筑也類(lèi)似。如果要顯示出來(lái)的話。有了地圖和城市后。涉及到的問(wèn)題就是城市里資源的產(chǎn)生。這時(shí)候，City表里需要有可供判斷的時(shí)間和數(shù)量的字段。比如：產(chǎn)生資金量Money,產(chǎn)生資金花費(fèi)的時(shí)間Action_Time,上次產(chǎn)生資金時(shí)間Money_time。這兩個(gè)字段的數(shù)值應(yīng)該在City_base表里出現(xiàn)。（即城市基礎(chǔ)表，不同等級(jí)，不同類(lèi)型城市的對(duì)應(yīng)數(shù)值。這是給策劃填數(shù)據(jù)用的，建好表后就等策劃去頭痛吧。如果你身兼數(shù)職。。。）如何自動(dòng)產(chǎn)生資源呢？我們可以在城市所有人改變的時(shí)候，寫(xiě)入一個(gè)時(shí)間?；蛘咴诔鞘谐跏蓟臅r(shí)候?qū)懭胍粋€(gè)時(shí)間。$Now_Time=date(’Y-m-d H:i:s’);(說(shuō)明：$開(kāi)頭是變量的意思。php里特有的。如果是asp的話可以寫(xiě)成。Now_Time=Now() )把$Now_Time寫(xiě)入到Money_time里。update(”UPDATE City SET Money_time=’$Now_Time WHERE City_ID=’$City_ID’ LIMIT 1;”);$City_ID是你自己定義的。指某一個(gè)城市。如：$City_ID=1;我們假定當(dāng)前城市產(chǎn)生資金量為100。即$Money=100；（具體的數(shù)值，應(yīng)該是由City_base表里取出的。）假設(shè)間隔時(shí)間為$Action_Time,我們?cè)偌俣ㄊ敲啃r(shí)執(zhí)行一次。即$Action_Time=3600；（具體的數(shù)值，是根據(jù)你的初始化表里取得的。也可以根據(jù)城市等級(jí)或者用戶(hù)等級(jí)取得。反正隨便你自己怎么設(shè)定。）這時(shí)候，有基礎(chǔ)時(shí)間了。有基礎(chǔ)資金產(chǎn)量了。有間隔時(shí)間了。讓它循環(huán)執(zhí)行起來(lái)就行了。上面說(shuō)過(guò)，服務(wù)端用C語(yǔ)言定時(shí)器?？蛻?hù)端用javascript。服務(wù)端，資源定時(shí)器設(shè)定為5分鐘執(zhí)行一次。那么我們的誤差就是5分鐘。對(duì)網(wǎng)頁(yè)游戲來(lái)說(shuō)，可以接受。（戰(zhàn)斗的定時(shí)器得1分鐘吧。當(dāng)然服務(wù)器夠牛的話，幾秒鐘都可以。）每次執(zhí)行什么代碼呢？首先得新建一個(gè)定時(shí)器任務(wù)的表。目的就是讓定時(shí)器知道需要執(zhí)行哪些程序和數(shù)據(jù)的更新。表內(nèi)容比如：城市資源更新。當(dāng)然，這個(gè)表可要可不要。建立的好處是方便處理類(lèi)似保護(hù)狀態(tài)不產(chǎn)生資源之類(lèi)的問(wèn)題。服務(wù)端程序：獲得當(dāng)前服務(wù)器時(shí)間。獲得當(dāng)前需要更新城市。判斷服務(wù)器時(shí)間與$Money_time的時(shí)間差。（時(shí)間戳，具體的時(shí)間戳網(wǎng)上資料滿(mǎn)多的。）判斷時(shí)間差是否大于$Action_Time。 大于，則更新資源。同時(shí)更新$Money_time。小于，則無(wú)操作。客戶(hù)端程序：獲得當(dāng)前服務(wù)器時(shí)間。獲得當(dāng)前城市的$Money,$Money_time,$Action_Time。使用javascript顯示剩余時(shí)間的倒計(jì)時(shí)，以及增加的資源量?？蛻?hù)端特殊情況觸發(fā)：因?yàn)榭蛻?hù)端顯示的資源情況是偽同步，所以當(dāng)客戶(hù)端使用該資源的時(shí)候。需要服務(wù)端將當(dāng)前的實(shí)際資源更新，屬于定時(shí)器處理的時(shí)間也需要更新。即，當(dāng)客戶(hù)端觸發(fā)涉及資源的情況時(shí)，立即更新當(dāng)前資源。同時(shí)更新定時(shí)器中會(huì)用到的$Money_time。這樣才不會(huì)造成，看的資源用不到，或者定時(shí)器重復(fù)產(chǎn)生資源?？傮w來(lái)說(shuō)。這部分程序都很簡(jiǎn)單。難點(diǎn)在C語(yǔ)言定時(shí)器的制作，以及前臺(tái)javascipt倒計(jì)時(shí)的寫(xiě)法上。C語(yǔ)言定時(shí)器，找個(gè)C語(yǔ)言程序員，超簡(jiǎn)單；前臺(tái)的javascipt，網(wǎng)上有很多倒計(jì)時(shí)的代碼，找個(gè)來(lái)改改就能用。<SCRIPT LANGUAGE=”JavaScript”>var maxtime = 這里是你的時(shí)間差///一個(gè)小時(shí)，按秒計(jì)算，自己調(diào)整!function CountDown(){if(maxtime>=0){minutes = Math.floor(maxtime/60);seconds = Math.floor(maxtime%60);msg = “你的文字說(shuō)明”+minutes+”分”+seconds+”秒”;//動(dòng)態(tài)顯示剩余時(shí)間。document.all["timer"].innerHTML=msg;//if(maxtime == 3) document.all["timer"].innerHTML=’只剩3秒！’;–maxtime;}else{clearInterval(timer);document.all["timer"].innerHTML=’時(shí)間到’;}}timer = setInterval(”CountDown()”,1000);</SCRIPT><div id=timer></div>這個(gè)是網(wǎng)上找的代碼。稍微修改就可以用的。這里只是顯示了倒計(jì)時(shí)。也可以改為顯示資源的增加情況。C語(yǔ)言里操作mysql數(shù)據(jù)庫(kù)。// TODO: Add your control notification handler code herebool bRes = m_dbConn.Connect(”數(shù)據(jù)庫(kù)ip地址”, 3306 , “用戶(hù)名”, “[email=d203!@#ghj]密碼[/email]“, “數(shù)據(jù)庫(kù)名”); if(!bRes){AfxMessageBox(”connect fail”);return;}string strSql = “select * from city limit 1〃;//所有顯示或取值類(lèi)的都用這段。中間的sql語(yǔ)句可以自己構(gòu)造。ResultSet* rs = m_dbConn.ExecuteQuery(strSql);while(rs->Next()){string str = rs->GetString(”username”);AfxMessageBox(str.c_str());}/*strSql = “update city set money=money +100 where City_ID=’xxx’”;//所有的增加、刪除、更新都用這段，中間的sql語(yǔ)句可以自己構(gòu)造。bRes = m_dbConn.ExecuteUpdate(strSql); if(!bRes){AfxMessageBox(”ExecuteUpdate fail”);}*/m_dbConn.Close();定時(shí)器的主函數(shù)。void CBeiLiDlg::Go(){while(true){// AfxMessageBox(”go”);Sleep(5*1000);//毫秒。定時(shí)器刷新時(shí)間。}}//相當(dāng)?shù)暮?jiǎn)單..。當(dāng)然。這里的C的代碼不能直接用。只是一部分。地圖、城市、基本上算是有了。接下來(lái)是城市里的建筑。上面講的資源增加，其實(shí)定位在建筑上更準(zhǔn)確。不過(guò)建筑的分類(lèi)和數(shù)值會(huì)復(fù)雜很多。那是策劃考慮的問(wèn)題。建筑上，只講一個(gè)前臺(tái)的修建效果。當(dāng)然，這個(gè)效果是可有可無(wú)。你可以直接給個(gè)類(lèi)似新聞列表的顯示，再加個(gè)倒計(jì)時(shí)就行。顯示的效果就是，點(diǎn)修建后。不刷新頁(yè)面，調(diào)入一張動(dòng)畫(huà)圖片。并在時(shí)間到后自動(dòng)轉(zhuǎn)換為其他圖片。<script language=’javascript’> function xiujian() { top.abc.document.getElementById(’前臺(tái)建筑位置所在圖片的id’).src=’修建后建筑的圖片地址’;//顯示修建后的建筑圖片?？梢约由虾笈_(tái)時(shí)間判斷。其中abc，是建筑所在層的id， } function xiujian1() { setTimeout(’xiujian()’,5000);//動(dòng)畫(huà)時(shí)間5秒。這里也可以加入時(shí)間判斷。當(dāng)時(shí)間不到的完成的時(shí)候，繼續(xù)調(diào)用動(dòng)畫(huà)。 } function donghua() { top.abc.document.getElementById(’前臺(tái)建筑位置所在圖片的id’).src=’建筑動(dòng)畫(huà)所在的地址’;//顯示修建動(dòng)畫(huà)。 } donghua(); xiujian1(); </script>后臺(tái)部分，把時(shí)間到增加資源的代碼改為時(shí)間到增加或更新建筑就行了。又是增加N個(gè)表。。建筑基礎(chǔ)表：產(chǎn)出，類(lèi)型，圖片等等。。建筑詳細(xì)表：屬于哪個(gè)城市，可以在城市表里關(guān)聯(lián)。關(guān)聯(lián)的方式不同會(huì)對(duì)程序有很大的影響。各種關(guān)聯(lián)方式都行，但是一旦關(guān)聯(lián)方式確定后，最好別改動(dòng)。現(xiàn)在建筑也有了。用類(lèi)似的定時(shí)方式，打工，征兵等等都可以實(shí)現(xiàn)。戰(zhàn)斗，兵的參數(shù)：兵種，數(shù)量，攻擊，防御等等。戰(zhàn)斗的臨時(shí)表：誰(shuí)的兵，打誰(shuí)，出發(fā)時(shí)間，戰(zhàn)斗時(shí)間，戰(zhàn)斗結(jié)果。這里的幾個(gè)字到是簡(jiǎn)單。實(shí)際的表會(huì)復(fù)雜一些。webgame中，戰(zhàn)斗的過(guò)程分兩種，一種是給出雙方參數(shù)，時(shí)間到，就根據(jù)公式計(jì)算結(jié)果。一種是半即時(shí)或者即時(shí)的戰(zhàn)斗，可以邊打邊喝藥邊用技能的那種。第一種流程。點(diǎn)出兵。這時(shí)候，兵的參數(shù)，出發(fā)時(shí)間，到達(dá)時(shí)間，都記錄進(jìn)戰(zhàn)斗臨時(shí)表。定時(shí)器中，處理戰(zhàn)斗的部分，判斷時(shí)間是否到開(kāi)打的時(shí)候。到開(kāi)打的時(shí)間了，則取得被攻擊方的兵的參數(shù)。然后通過(guò)幾個(gè)公式計(jì)算結(jié)果。處理結(jié)果，比如誰(shuí)的兵掛了多少，戰(zhàn)場(chǎng)掉落了多少錢(qián)，城市被誰(shuí)搶到了。一大堆判斷以及updata。（這里的定時(shí)器處理和獲得資源的定時(shí)器處理是很類(lèi)似的。）最后把結(jié)果分別發(fā)給雙方。（又涉及到一個(gè)短信息系統(tǒng)。）第二種流程。點(diǎn)攻擊。馬上就處理數(shù)據(jù)。打打npc好做。玩家之間對(duì)戰(zhàn)，也可以把被攻擊的玩家當(dāng)成npc來(lái)處理。兩個(gè)人或兩人以上即時(shí)戰(zhàn)斗。需要用到ajax了。目前在技術(shù)上和理論上是沒(méi)問(wèn)題的，還沒(méi)實(shí)際寫(xiě)代碼，所以不好講。很簡(jiǎn)單的公式，兩種戰(zhàn)斗都可以用到：intval(sqrt($User_B_AP)-sqrt($User_A_DP));根號(hào)下攻擊-根號(hào)下防御=傷害。

FrontPage使用簡(jiǎn)單，會(huì)用Word 就能做網(wǎng)頁(yè)，相對(duì)Dreamweaver等軟件更容易上手。但是微軟在2006年年底前停止提供FrontPage軟件。現(xiàn)在初學(xué)網(wǎng)頁(yè)制作Dreamweaver是比較流行，也是比較好用的一款網(wǎng)頁(yè)制作軟件。Dreamweaver是所見(jiàn)即所得網(wǎng)頁(yè)編輯器，操作容易，操作改變網(wǎng)頁(yè)位置或檔案名稱(chēng)，Dreamweaver會(huì)自動(dòng)更新所有鏈接。使用支援文字、HTML碼、HTML屬性標(biāo)簽和一般語(yǔ)法的搜尋及置換功能使得復(fù)雜的網(wǎng)站更新變得迅速又簡(jiǎn)單。

發(fā)說(shuō)說(shuō)時(shí)輸入{uin:1314,nick:說(shuō)說(shuō)內(nèi)容} 這是藍(lán)色的 能采納嗎？謝謝啦 其實(shí)我想問(wèn)的是別的代碼，

一、準(zhǔn)備材料　　你首先做一個(gè)小計(jì)劃,準(zhǔn)備在個(gè)人主頁(yè)上告訴人家什么？比如介紹三個(gè)方面：自我介紹,我的愛(ài)好,我的工作,那你就先起一個(gè)總目錄（文件夾,比如d:\html）,來(lái)放你的所有文件，然后再在這個(gè)目錄建立三個(gè)子目錄：myself,interest，job。文件名你可以任意，但最好全部小寫(xiě)，因?yàn)橛械闹鳈C(jī)要認(rèn)大小寫(xiě)。然后將你的材料copy進(jìn)相應(yīng)的子目錄。比如你要在你的主頁(yè)里展示你的靚照，那就將你的照片掃描成JPG格式的文件，放在myself的目錄下. 要注意,網(wǎng)上只能使用JPG和GIF兩種圖象格式，其他諸如BMP和TIF等很通用的格式都不能用在網(wǎng)上,因?yàn)樗鼈兲罅?但你可以用圖象軟件進(jìn)行轉(zhuǎn)換，比如Office 97的照片編輯器。把你準(zhǔn)備在你個(gè)人主頁(yè)上出現(xiàn)的圖象放進(jìn)相應(yīng)的目錄里后,你就可以開(kāi)始制作個(gè)人主頁(yè)了。二、開(kāi)始制作　　你無(wú)須去記復(fù)雜的HTML語(yǔ)言，你可以用Netscape4.0或者WORD7.0,我用的是Frontpage.打開(kāi)Netscape,在file菜單里選Edit Page,便可以制作了.文字的處理基本跟Word沒(méi)什么兩樣,關(guān)鍵是插入圖片和產(chǎn)生鏈接.我們先做關(guān)于你自我介紹的一頁(yè)，你先寫(xiě)上“大家好，我是superboy，下面是我的照片：”這時(shí)要放圖片了，只須點(diǎn)擊Insert菜單，選取Image,在Choosefile里選取你的圖象文件即可，然后把這個(gè)文件保存為myself.html文件，放在myself的目錄下。好，現(xiàn)在必須做封面了，你在封面寫(xiě)：“歡迎來(lái)到superboy的主頁(yè)”以下是“自我介紹，我的愛(ài)好，我的工作”。你的自我介紹要鏈接到下一頁(yè)去，你只須用鼠標(biāo)選“自我介紹”后按鼠標(biāo)右鍵 ，再選create link，然后再選你myself目錄下的myself.html，就將“自我介紹”鏈接到下一頁(yè)了，以后在瀏覽器中一按，就可以跳到鑲有你靚照的頁(yè)面啦。 在你的封面做好了所有鏈接和圖片后，記住你必須將這一頁(yè)保存為index.htm(有的主機(jī)要求必須為index.html),因?yàn)榫W(wǎng)頁(yè)默認(rèn)的個(gè)人主頁(yè)主頁(yè)名稱(chēng)是index.制作主頁(yè)其實(shí)很簡(jiǎn)單，只要多實(shí)際制作，工多藝熟。還可以拿來(lái)主義，在網(wǎng)上看到什么好的個(gè)人主頁(yè)主頁(yè)，用另存為功能保存為.html格式的文件，細(xì)細(xì)研究人家是如何做的。還可以借用網(wǎng)頁(yè)模版來(lái)搞。三、將你制作好的個(gè)人網(wǎng)頁(yè)安放在網(wǎng)上 要在網(wǎng)上安你自己的家，你必須先申請(qǐng)一個(gè)個(gè)人網(wǎng)頁(yè)空間或個(gè)人網(wǎng)頁(yè)服務(wù)器，即向某一個(gè)主機(jī)申請(qǐng)一快硬盤(pán)空間?，F(xiàn)在有較多的主機(jī)提供免費(fèi)主頁(yè)空間，具體見(jiàn)實(shí)用鏈接欄目。這些主機(jī)不僅提供免費(fèi)個(gè)人主頁(yè)空間，并且還提供留言簿、計(jì)數(shù)器等很有用的功能。只要到有關(guān)站點(diǎn)申請(qǐng)即可，具體方法，參考相關(guān)題目。申請(qǐng)完成以后用FTP將你所有的主頁(yè)文件上傳至主機(jī)指定的目錄就可以了！ 需要注意的是，一定要保持個(gè)人主頁(yè)網(wǎng)頁(yè)的相對(duì)位置，否則會(huì)看不到網(wǎng)頁(yè)的，有很多朋友都問(wèn)我:為什么我的網(wǎng)頁(yè)傳上去了可是看不到,老是出現(xiàn)網(wǎng)頁(yè)錯(cuò)誤呢？其實(shí)他們都是因?yàn)槲恢玫膯?wèn)題，只要把位置改動(dòng)一下就可以的了。

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

方法1：這個(gè)最簡(jiǎn)單！heka51 關(guān)注這個(gè)，然后進(jìn)入微秀，記不太清楚了，好像是回復(fù)KX，你進(jìn)去后應(yīng)該有提示！按照提示做，也有教程！方法2：自己做個(gè)網(wǎng)頁(yè)，這個(gè)需要空間、域名....太麻煩，如果只做一張的話不建議弄！方法3：自己弄個(gè)公眾號(hào)，做出來(lái)發(fā)，還可以分享！ 公眾號(hào)怎樣弄？ 百度 公眾號(hào)平臺(tái)，進(jìn)入官方的那個(gè)，進(jìn)入申請(qǐng)！ 有提示！

解決方案1：p>　　首先你要在html頁(yè)面頭部加上下面的代碼;viewport"，不懂可以百度;content="，一些小的模塊可以用固定尺寸;meta , name="。再就是css中要應(yīng)用到媒體查詢(xún)，不能不用固定尺寸。</>，其次你要把頁(yè)面中的寬度修改為百分比;width=device-width; ，也就是@media;initial-scale=1"解決方案2：建議你看一下網(wǎng)上的教程或者案例，自己對(duì)比學(xué)習(xí)再寫(xiě)。建議：如果是小白的話，要不然不會(huì)自適應(yīng)屏幕大小的，只要你編寫(xiě)的html代碼符合html5規(guī)則就行html5不是轉(zhuǎn)化的，建議你看一下html5標(biāo)簽文檔解決方案3：看你之前是怎么做的，最好都調(diào)整成百分比的，這樣最省事。

Html5和以前html，jsp寫(xiě)法一樣的，基本上區(qū)別不大，如果要寫(xiě)手機(jī)頁(yè)面的話，可以用dw然后在里面用手機(jī)版塊看效果

1.在 Dreamweaver 的“文檔”窗口中打開(kāi) index.html 頁(yè)面；2.插入一個(gè)三列的表格，在由三列組成的表格的中間一列中放置的圖形之上單擊一次；3.選擇“插入”>“媒體”>“Flash 視頻”。4.在“插入 Flash 視頻”對(duì)話框中，從“視頻類(lèi)型”彈出式菜單中選擇“漸進(jìn)式下載視頻”。 關(guān)于…；5.關(guān)于 Flash 視頻 使用 Dreamweaver 中的“插入 Flash 視頻”命令，可將 Flash 視頻內(nèi)容插入 Web 頁(yè)面，而無(wú)需使用 Flash 創(chuàng)作工具。該命令可以插入 Flash 組件；在瀏覽器中查看它時(shí)，它會(huì)顯示所選擇的 Flash 視頻內(nèi)容以及一組播放控件。