EXE是 Windows平臺的可執(zhí)行程序，網(wǎng)站則是由超文本語言HTML、CSS、JavaScript如果網(wǎng)站是動(dòng)態(tài)的還會有后臺編程（腳本）語言組成，所以是沒辦法編譯成EXE文件的。EXE文件是由C、C++、C#、VB等編程語言書寫編譯生成的，和網(wǎng)站是兩碼事。

<frameset rows="83,*" cols="*" framespacing="0" frameborder="no" border="0"> <frame src="top.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" /> <frame src="center.html" name="mainFrame" id="mainFrame" /></frameset> 以上面代碼為例,這是由上下兩個(gè)框架組成的框架頁,rows="83,*" 這句代碼的意思就是設(shè)置頂部框架高度為83,*代表下部框架為剩余部份.如果設(shè)置的是左右兩列形式的框架,將rows="83,*" cols="*"改為 rows="*" cols="83,*"即可, rows="*" cols="83,*"這句的實(shí)際效果為左邊框架寬度83,右邊框架寬度是剩余部份.

首先先打開dreamweaver軟件，然后在選擇空白頁，在單擊創(chuàng)建。出現(xiàn)了空白頁之后在單擊框架選項(xiàng)的三角符號。這里在選擇其中一項(xiàng)，這里就選擇了頂部框架。選擇之后在單擊確定。這里可以看到了如下圖的框架了，這里有兩個(gè)框架。如下圖在設(shè)置背景顏色是否有隔開的。在用同樣的方法來設(shè)置另一個(gè)背景顏色可以看到如下圖是兩個(gè)框架。在預(yù)覽可以看到了如下圖效果。

在office2007 word 中，點(diǎn)擊“插入”中的“smartArt”,里邊有組織框架圖，各種模板； 或在PPT中插入;

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

初級前端主要學(xué)習(xí)三個(gè)部分：HTML，CSS，JavaScript一、html + css部分：這部分特別簡單，到網(wǎng)上搜資料，書籍視頻非常多。css中盒子模型，流動(dòng)，block，inline，層疊，樣式優(yōu)先級等這些自學(xué)起來也是非常容易。最后再深入了解下瀏覽器差異性，ie9以下兼容簡單了解就行了，ie9以下瀏覽器被淘汰掉是趨勢，低版本沒必要浪費(fèi)大量時(shí)間去學(xué)習(xí)兼容主流瀏覽器，google chrome瀏覽器、firefox瀏覽器、safari瀏覽器、opera瀏覽器即可。瀏覽器差異內(nèi)容很多，建議在實(shí)踐中多多積累。二、JavaScript部分。1.基礎(chǔ)學(xué)習(xí)：難點(diǎn)，也是重點(diǎn)，要學(xué)的內(nèi)容實(shí)在很多，如果沒有其他編程語言的基礎(chǔ)的話，學(xué)起來可能要費(fèi)些力，有很多比較抽象的概念，必須要深入理解，比如閉包、原型、面向?qū)ο蟆⒎庋b等，要理解透徹?？磿潜夭豢缮俚模乙槐緝?yōu)秀的js書從頭到尾，反復(fù)研究學(xué)習(xí)，第一遍可以快速翻閱，大體知道了解概念即可，第二三遍就需要深入學(xué)習(xí)了。另外，js面向?qū)ο缶幊瘫仨氁獙W(xué)習(xí)，非常重要，個(gè)人推薦一本書， Stoyan Stefanov著，凌杰譯的《javascript面向?qū)ο笾改稀?。邊學(xué)邊練，實(shí)踐出真知。針對那些有條件的人來說，很多小伙伴更喜歡的是自學(xué)。但是一個(gè)人自學(xué)畢竟力量是有限的，為了讓想學(xué)習(xí)的人可以更好的學(xué)習(xí)，給大家推薦一個(gè)裙，前面是6 1 1，中間是肆 二 8，最后面就是壹 四 二，這里有很多想學(xué)習(xí)的人和你一起交流，也有大牛每天晚上免費(fèi)教學(xué)，想要學(xué)習(xí)的人都可以加入我們，但是我們只歡迎想學(xué)習(xí)的人，不是來學(xué)習(xí)，隨便看看的就不要進(jìn)了。2.jQuery學(xué)習(xí)：這些基礎(chǔ)知識掌握好之后，還需要學(xué)jQuery，這是一個(gè)非常優(yōu)秀的Javascript庫，大型開發(fā)必備。它簡化了Javascript的復(fù)雜操作，消除了Javascript跨平臺兼容問題，提供了大量實(shí)用方法，有良好的文檔和幫助手冊，是一個(gè)非常成熟的Javascript庫。慕課網(wǎng)學(xué)習(xí)視頻幕課網(wǎng)。學(xué)習(xí)方法也很簡單，照著產(chǎn)品文檔做幾個(gè)頁面就行了，不用面面俱到，以后遇到問題查文檔就行了。大概流程就是這樣，如下圖所示：3.進(jìn)階學(xué)習(xí)：有了以上知識，對于大多數(shù)小型網(wǎng)站，你應(yīng)該已經(jīng)可以寫出能夠工作的代碼了。但要想成為更專業(yè)的前端，你還需繼續(xù)努力。更高的要求大概還有四方面：易維護(hù)，可測試，高性能，低流量（移動(dòng)端）。中高級前端1.工具學(xué)習(xí)習(xí)：大型項(xiàng)目中，前端代碼構(gòu)建已經(jīng)不是簡單的壓縮一下了，依賴管理、模塊合并、各種編譯步步不可缺少，需要學(xué)會使用grunt、gulp等前端構(gòu)建工具，要學(xué)習(xí)的還有：包管理器bower、npm，代碼優(yōu)化CSS Lint、JSHint、JSLint，CSS預(yù)處理器less、sass,代碼管理及版本控制svn、Git，web框架/服務(wù)器Node、Express，代碼規(guī)范、HTML模塊化、css模塊化。2.布局框架學(xué)習(xí)如Bootstrap。3.新技術(shù)html5學(xué)習(xí)。4.js框架學(xué)習(xí)，requireJS、 AngularJS等，往前端架構(gòu)師靠近。5.nodejs學(xué)習(xí)。到招聘網(wǎng)站，參考任聘要求，準(zhǔn)沒錯(cuò)，舉例如下：1.精通html和css，能制作符合W3C標(biāo)準(zhǔn)的靜態(tài)頁面；2.精通JavaScript編程，對面向?qū)ο缶幊趟枷胗猩羁汤斫猓?.精通主流Javascript庫/框架jQuery；4.理解并掌握J(rèn)avaScript語言核心技術(shù)DOM、BOM有Javascript性能優(yōu)化經(jīng)驗(yàn)；5.對瀏覽器兼容性有深入的研究，精通各種瀏覽器問題 ；6.了解Backbone.js、AngularJs等MVC框架并有實(shí)際項(xiàng)目開發(fā)經(jīng)驗(yàn)；7.了解http://asp.net等服務(wù)器后臺技術(shù)和擁有一定的C#編程能力者優(yōu)先；8.對交互體驗(yàn)、可用性、用戶體驗(yàn)有一定程度的理解；9.有良好的責(zé)任心和團(tuán)隊(duì)合作能力、能承受較大的壓力；自己動(dòng)手搜索下吧，確定目標(biāo)和方向，以上是個(gè)人路線，僅供參考。

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

以下流程適合于為靜態(tài)網(wǎng)頁初學(xué)者 1，軟件介紹，建立管理站點(diǎn) 網(wǎng)頁網(wǎng)站介紹，網(wǎng)站取名，設(shè)計(jì)風(fēng)格，色彩運(yùn)用，定位方向（理論） 素材收集，軟件啟用，功能性菜單工具介紹，頁面屬性設(shè)定，預(yù)覽網(wǎng)頁 2，創(chuàng)建新文件，設(shè)定文本圖片動(dòng)畫格式 文本屬性，涉及到HTML樣式，圖片屬性，圖文超連接，圖文混排。 段落和行，有序無序列表，水平線，日期，特殊字符 圖片輪顯，導(dǎo)航菜單，插入Flash（.swf） 字體樣式的學(xué)習(xí) 3，創(chuàng)建超級連接 a，文本連接：到網(wǎng)絡(luò)，到站內(nèi)；b，圖片連接：整圖，熱點(diǎn)區(qū)域； c，郵件地址連接； d，下載打開對話框連接解釋； e，書簽錨點(diǎn)連接：到同頁到不同頁。 要求對絕對路徑和相對路徑的熟練掌握。 /Article/wysj/jzll/200510/404.htm 4，建立表格 表格的建立，格式化表格（顏色采用規(guī)則） 表格數(shù)據(jù)，排序表格 行和列的選取，行和列的填加刪除 矩形多單元格塊的相關(guān)操作 標(biāo)準(zhǔn)視圖和布局視圖，自動(dòng)伸展表格 表格在網(wǎng)頁中的應(yīng)用~！ 其他花樣表格介紹。 5，幀-框架頁面 框架的建立，保存，連接--個(gè)人站點(diǎn)的起步 以及iframe的運(yùn)用。 6，層以及時(shí)間線的運(yùn)用 鼠標(biāo)移到圖片時(shí)顯示隱含圖層 & 拖動(dòng)圖層的應(yīng)用 http://www.pconline.com.cn/pcedu/sj/wz/Dreamweaver/10111/14968.html 點(diǎn)擊按鈕出現(xiàn)隱含圖層 & 下拉菜單的實(shí)現(xiàn) http://www.pconline.com.cn/pcedu/sj/wz/dreamweaver/10111/14982.html 如何賦予文字圖層特效 & Timeline 的基本應(yīng)用 http://www.pconline.com.cn/pcedu/sj/wz/dreamweaver/10111/14992.html 一個(gè)比較復(fù)雜的Timeline例子 http://www.pconline.com.cn/pcedu/sj/wz/dreamweaver/10111/15019.html 7，F(xiàn)ORM表單相關(guān) 8，CSS樣式表 9，Head頭部屬性 以下所有代碼全是在...之間，具體內(nèi)容有： a，標(biāo)題元素，幫助用戶更好識別文件，有且只有一個(gè)。 當(dāng)作為首頁或收藏時(shí)做文件名。 b， …顯示本文檔和其它文檔之間的關(guān)系 c， 可以在文檔中包含風(fēng)格頁。 文檔本身的內(nèi)部樣式。 d， …為相對路徑定義絕對路徑url，讀者下載你的文檔后，也可知道從哪下的 e， 用于包含腳本（一系列腳本語言寫的命令）可以是 JavaScript 或 VBScript。 f， 10，動(dòng)態(tài)HTML應(yīng)用，行為樣式 11，模板和庫 12，發(fā)布設(shè)置上傳求采納

1234//在css屬性里面設(shè)置寬度和高度就行了<iframe src ="/index.html" style="width:400px;height:300px"></iframe> =========你可以看看iframe框架的屬性然后設(shè)置iframe的屬性值：