http://pan.baidu.com/s/1nuDweDV

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

個人覺得現(xiàn)在的自助建站系統(tǒng)都很火，沒有必要去用軟件制作，如discuz系統(tǒng)，新云系統(tǒng)，pageadmin系統(tǒng)，都是比較不錯的，我自己的網(wǎng)站是用pageadmin建站的，總體來說很簡單。

1、首先我們要選擇科學的教程現(xiàn)在有很多的網(wǎng)站都會掛著和網(wǎng)頁設計與制作教程相關(guān)的內(nèi)容。我們在選擇這些內(nèi)容的時候一定要保證從大網(wǎng)站，靠譜的專業(yè)網(wǎng)站上下載下來的。不然我們很容易下載到病毒或者是別的垃圾信息。而且只有大網(wǎng)站上的信息，有科學性。我們就可以跟著網(wǎng)站上面的教程來進行操作和學習。2、其次我們可以多咨詢別人我們在網(wǎng)站下載好了網(wǎng)頁設計與制作教程相關(guān)的內(nèi)容之后，可以請教身邊的一些朋友或者老師，問一問他們的意見或者建議。這些是非常有必要的。因為并不是每一個人都適合下載下來的網(wǎng)頁設計與制作教程。我們就有必要和專業(yè)的老師多多溝通，咨詢一下他們的建議。相信會對學習有所幫助。3、更后我們要動手實踐事實上，判斷一個網(wǎng)頁設計與制作教程究竟適合不適合自己，更好的辦法就是自己親自的實踐一下?？梢栽谕砩舷掳嘀?，打開自己的電腦，對著網(wǎng)上的教程進行制作。其實多多少少會出現(xiàn)一些困惱，但是我們自己可以根據(jù)電腦的配置進行調(diào)整，魔盒。更后讓這個教程的適合自己的需要。

網(wǎng)頁制作需要以下軟件(軟件及教程)：DreamweaverMX、FLASHMX、PHOTOSHOP，支持WIN7 32位和64位、WIN8 32位和64位、XP、WIN2KDreamweaverMX：先進的網(wǎng)頁制作大師 ，功能強，支持 DIV + CSS，可視化操作，支持JS、ASP、PHP、JSP腳本程序:DreamweaverMX 軟件及教程的安全下載：http://biso.cn/soft/281.htmFRONTPAGE通用版 軟件及教程的安全下載：http://biso.cn/soft/379.htm網(wǎng)頁動畫制作則用FLASHMXFLASHMX 軟件及教程的安全下載：http://biso.cn/soft/356.htmSWiSH MX(制作絢爛的FLASH效果與特技)軟件及教程的安全下載:http://biso.cn/soft/273.htm<br> <br> PHOTOSHOP版本（含下載地址）：PhotoShop 7.0 簡體中文版 和PhotoShop cs5 簡體中文版軟件及教程的下載：（免費下載，安全無毒）http://biso.cn/soft/280.htmhttp://biso.cn/soft/332.htm以上按照提示，安裝成功后永久性使用。

　　制作步驟如下：　　1、打開Dreamweaver CS6軟件，在Dreamweaver CS6軟件的開始界面的導航上可以看到站點，如下圖所示。　　2、點擊Dreamweaver CS6導航上的站點，然后選擇彈出菜單上的新建站點，如下圖所示。　　3、點擊后彈出站點設置對話框，先來設置站點項，這個是在計算機本地創(chuàng)建的，在站點名稱處輸入站點名稱，然后選擇本地站點文件夾路徑，如下圖所示?！　?、服務器選項，這個設置主要用于動態(tài)頁面，動態(tài)頁面要服務器解析的。點擊左下角的“+”圖標添加服務器，如下圖所示?！　?、開發(fā)網(wǎng)站的時候一般都是在本地搭建的服務器，所有連接方法選擇“本地/網(wǎng)絡”。服務器名稱和服務器文件夾都是安裝服務器時確定的，服務器文件夾直接選擇安裝服務器時的位置就可以了。服務器App安裝在D:\App\www文件夾下，站點叫jingyan。這里Web URL設置為localhost/jingyan。根據(jù)服務器文件夾來的。然后點擊保存，如下圖所示?！　?、點擊保存后，返回新建站點的服務器選項界面，勾選測試，然后點擊保存，如下圖所示?！　?、Dreamweaver CS6新建站點完成了，可以編輯網(wǎng)站網(wǎng)頁了，如下圖所示。

新手就使用dw，如果現(xiàn)在安裝的不能使用，卸載了重新安裝。另外現(xiàn)在很少人使用這個東西做網(wǎng)站了，一般都是使用那些程序直接安裝一個網(wǎng)站了。比如做論壇，直接就下載論壇程序，直接安裝一個論壇了 dw一直出這個問題要能解決我就加懸賞采納你！一直出，好幾個不同的重裝dw試了n次了cs3 cs4 cs5 cs6這些版本都試了都不行電腦本來是win7 64位的，我重裝了32位的，重裝dw還是出這問題補充下，第一次打開沒這個，三次左右后出然后就是這樣了歡迎界面，新建里的東西沒了，剩下的點了沒反應。我不是第一次用電腦，別用重裝軟件這種話敷衍（無惡意，一個月了這問題實在很困擾）謝謝了！ 這個我不懂了呀，那就只能重裝電腦什么的了吧 我里說了，重裝電腦也試過了。也沒人回答，那就選你了。。 如果說重裝系統(tǒng)都沒有用處，你是不是該懷疑你的DW程序是不是有問題，是在別人那里下載的，是不是沒有下載到好的版本的，或者說下載的就是有病毒的版本的

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

首先，可以告訴想學網(wǎng)頁制作的朋友。學習制作網(wǎng)頁和學習其它知識一樣，是要有基礎(chǔ)的。在基礎(chǔ)之上學習起來會比較輕松和快捷的。其次，要清楚學習它是用來做什么。 建議你要具備的條件：對電腦熟練操作，使用電腦最好在一年以上，對網(wǎng)頁設計感興趣，有較充足的學習時間，熟悉office辦公軟件。當然，這些不是一定必須的。 第一階段：開始時最好是學些網(wǎng)頁編輯軟件，如：FrontPage、Dreamweaver.這樣可以使您更了解網(wǎng)頁制作與運營的原理。最好使拿本教程來學學，結(jié)合教程邊學習邊制作。 第二階段：會用網(wǎng)頁制作軟件后，已會制作一個較完整的網(wǎng)站了。但為了能使自己設計制作的網(wǎng)頁盡善盡美，還是學習網(wǎng)頁的核心技術(shù)吧！網(wǎng)頁編輯語言（包括:html、css、javascript、asp、xml等）。你可以選擇地學習。 第三階段:結(jié)合你自己已掌握地知識來開發(fā)網(wǎng)站，可以開發(fā)出別人給你定義的目標網(wǎng)站。到了這個時候，你就成為真正的網(wǎng)站開發(fā)者了。 怎樣制作網(wǎng)頁，不是說一兩篇文章能夠說清楚的。以上介紹的是制作網(wǎng)頁的主要綱要，希望能夠給想要學習制作網(wǎng)頁的朋友一個參考。