【關注我，為大家提供不限於遊戲、職業、生活、技術、健康等各方面的原創文章！】
大家可以點擊上面我的頭像添加關注，並私信回覆我，我會盡量給大家解答問題的。
最近研發三職業微變，已經開始內測
版本文章會在下一篇裡詳細說，盡請關注！
迴歸正題
遊戲版本做好後，GM們還需要做的就是製作一個看起來還湊合的網站提供別人瀏覽下載。
如果是直接購買別人的模板，那麼請忽略這篇文章，這篇文章主要講的是偏技術類的。
這個方式適用於所有靜態網站，什麼是靜態網站呢？對於小白的檢驗標準，就是網站域名文件包含.html或.htm的。或者，網站沒有登錄註冊、留言那些需要交互的。
網站的核心原理，就是把首頁代碼拷貝下來，然後將相關聯的樣式文件（css）、腳本文件（js）和圖片文件等安全網站源碼裡標明的路徑，依次下載好，最後修改圖片和文字即可。
話不多說，開整！
尋找你心目中的遊戲網站
首先你要做的就是，選擇一個你認為比較好看的網站，發佈站大家都知道，隨便找一個即可。
對於新手，建議使用360瀏覽器打開，因為谷歌瀏覽器打開時，flash不會被顯示。
開始複製網站源碼
第一步，下載網頁主體代碼。
我們右單擊網頁（不要再falsh的地方右單擊），選擇【查看網頁源代碼】
單擊查看網頁源代碼
查看源代碼的界面
裡面有很多的代碼，不要管它，全選-複製。
我們新建一個文件夾，然後新建記事本文件，將代碼拷貝進去，同時，將.txt後綴名修改為.html。
有人好說了，後面沒有後綴名呀？
以win10為例，我們通過文件夾頂部的查看下-文件擴展名，勾選該複選框即可。
網站頁面源碼下載完成。
第二步：下載網站相關文件。
我們回到瀏覽器，按下鍵盤上的F12，打開網站控制檯。有的顯示在下面，有的顯示在右面，無所謂。
我們找到【network】選項卡。
此時，下面沒有任何東西，我們需要下載關聯的css、js、圖片等文件，所以，F5刷新！
我們看到，出來了特別多的文件，這些文件，就是網頁代碼相關聯的所有文件。
我們要做的，就是根據網站代碼要求，將這些文件分門別類放到對應的文件夾裡。
我們鼠標指向這個文件，就會出現路徑。我們發現，這個文件是放到了JS這個文件夾裡。
所以，我們在網站文件目錄下，新建一個名字為js的文件夾。
按文件需求，創建對應的文件夾。
以此類推，我們將其它文件夾都創建出來。注意，儘量都下載，一看就是裝備照片的可以放一放。
創建好文件夾後，我們從上到下，依次右單擊，選擇SaveAs將這個文件保存到對應的文件夾裡。
以此類推，將所有的文件都下載完。
然後，我們用瀏覽器打開這個index.html 就是你下載的網頁。
我們發現，網站可以正常打開，資源都是本地的資源了。
至此，如果是一般下載網站需求，這個過程就結束了。
我想改變頭部這張大圖，去掉flash
一般來講，頭部大圖都是多張圖片分割出來的，不是一張圖片。
原因是因為多張圖片會同時下載，用戶體驗好一些，一張圖片因為較大，得等全部下載下來才可以看到，當然我們可以通過這種方式解決（大圖上傳至穩定大一點的博客之類的，複製圖片鏈接，替換自己代碼裡的文件即可）。
涉及到代碼，大家可能就比較迷糊了。
這裡簡單給大家普及一點html代碼上的一些知識！不然你看不懂我下面所講的！
html代碼的一些簡單知識
html代碼，簡單理解，就是後綴名為.html或.htm格式的代碼。
通常，一個html代碼可以正常顯示，需要js、css作為核心支持。
js是javascript的簡稱，和java語言沒有任何關係。你能接觸到的js代碼，一般是基於jquery框架的代碼。js主要用來處理交互性的一些東西，比如跟隨滾動一直在一個地方顯示，漂浮窗、切換tab等。
固定位置
切換tab
js的涉及到的代碼一般分兩種。
一種是以文件形式存在，需要使用時，需要加載到網頁，所以你就會看到以下代碼。
另一種是直接寫在網頁源碼裡的代碼。
注意，寫在網頁裡的代碼必須有開始有結束，
JS還可以做其它的一些東西，比如操作html的DOM元素。
js就簡單講到這裡，你會簡單知道，沒有js就沒有交互效果就對了。
css是對頁面美化起決定性作用
css和js的方式有點像，只是語法不同。
導入外部的css
html代碼內css
CSS的核心原理，就是通過選擇器找到要修飾的地方，然後寫這個要修飾的字體大小呀，顏色呀，背景啊等等。這裡不做過多普及，你知道是什麼東西就可以了。
html代碼一些常用標籤的含義
你下載的html代碼，打開後絕對一頭霧水，不知道從何下手。其實是這樣，html代碼是基於dom的，自上而下依次執行（部分效果根據css和js可能位置有區別）。
所以，一般來講，頭部就是大圖，中間就是下載登錄器那些，下面就是裝備展示那些。
常用的標籤，框架標籤，img圖片標籤，a超鏈接標籤。
框架標籤其實不應該這麼叫，只是所有規範的網頁都是這樣的結構。
<code> 這裡告訴瀏覽器，這個頁面是html代碼
這裡面寫網站全局的一些東西，比如編碼方式，外部的js、css、小圖標等等
\t這裡就是所有頁面代碼寫的地方，這裡面也可以寫外部或內部的js，但不會在這裡面寫css
/<code>
img就是圖片的意思，寫上這個標籤，總得告訴網站具體哪個圖片吧？所以就有了src屬性。
這裡，src指向的就是文件夾中的00.gif文件。後面的alt屬性，就是你鼠標指向這個圖片，顯示出來的文字。
a標籤，就是你點擊跳轉哪個網站，可以是下載文件。
a標籤的格式是對稱的，包含href和target屬性。
<code>
OK，至此，你就會修改下載下來的代碼，比如看一看網站都有哪些可以點擊的，就可以ctrl+f，輸入
閱讀更多 小怪聊生活 的文章
