網(wǎng)頁編碼的問題，meta
創(chuàng)新互聯(lián)建站專注于企業(yè)營銷型網(wǎng)站、網(wǎng)站重做改版、平山網(wǎng)站定制設(shè)計、自適應(yīng)品牌網(wǎng)站建設(shè)、H5場景定制、商城網(wǎng)站制作、集團(tuán)公司官網(wǎng)建設(shè)、外貿(mào)網(wǎng)站制作、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計等建站業(yè)務(wù)，價格優(yōu)惠性價比高，為平山等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。
http-equiv="Content-Type"
content="text/html;
charset=utf-8"
百度搜（葡
萄
家
園）排第一，很多素材。網(wǎng)頁
模板里面也有很多HTML5靜態(tài)頁面模板讓你參考下。
靜態(tài)網(wǎng)頁制作步驟：
第一步：制作一個靜態(tài)網(wǎng)頁之前，我們需要先制作一個網(wǎng)頁1:1的效果圖，又稱靜態(tài)網(wǎng)頁效果圖。制作靜態(tài)網(wǎng)頁效果圖可以使用Photoshop CS4破解中文版制作。
第二步：將制作好的靜態(tài)網(wǎng)頁效果圖進(jìn)行PS切片。通過PS切片可將一張大的效果圖切成多張小圖片，以后可直接用在網(wǎng)頁上。
第三步：使用HTML5和CSS3進(jìn)行網(wǎng)頁布局，網(wǎng)頁布局遵從“先大后小，先外后里”的原則，先將整個靜態(tài)網(wǎng)頁大結(jié)構(gòu)寫出來，然后再按照效果圖寫各個部分的小版塊。（這個部分需要有代碼基礎(chǔ)，可先學(xué)習(xí)HTML入門教程）
第三：制作網(wǎng)頁上的特效，例如輪播圖，需要使用JS代碼制作。再將PS切片出來的小圖片通過代碼插入網(wǎng)頁中，并且使用測試數(shù)據(jù)填充各個小版塊，達(dá)到與效果圖一樣的效果。
第四：最后優(yōu)化網(wǎng)頁代碼，刪除冗余的文件，整理出一個簡潔的靜態(tài)網(wǎng)頁，這樣靜態(tài)網(wǎng)頁就制作好了。
擴展資料：
靜態(tài)網(wǎng)頁是標(biāo)準(zhǔn)的HTML文件，它的文件擴展名是。htm、.html，可以包含文本、圖像、聲音、FLASH動畫、客戶端腳本和ActiveX控件及JAVA小程序等。我們就叫做靜態(tài)頁面。
靜態(tài)頁面一般都是html格式，鼠標(biāo)雙擊這個靜態(tài)頁面，就可以打開這張網(wǎng)頁，效果會跟圖片設(shè)計的效果一樣。那么這個靜態(tài)頁面就是一個網(wǎng)站了嗎？這些靜態(tài)頁面其實只是做網(wǎng)站或者做模板的材料而已。
在網(wǎng)站設(shè)計中，靜態(tài)網(wǎng)頁是網(wǎng)站建設(shè)的基礎(chǔ)，早期的網(wǎng)站一般都是由靜態(tài)網(wǎng)頁制作的。靜態(tài)網(wǎng)頁是相對于動態(tài)網(wǎng)頁而言，是指沒有后臺數(shù)據(jù)庫、不含建站程序和不可交互的網(wǎng)頁。靜態(tài)網(wǎng)頁相對更新起來比較麻煩，適用于一般更新較少的展示型網(wǎng)站。
做一些H5特效的動態(tài)頁面，以前需要專業(yè)技術(shù)團(tuán)隊和設(shè)計師才能制作。現(xiàn)在通過這些簡單的平臺，你幾分鐘就能免費創(chuàng)作自己的H5頁面。甚至有的你需要做的只是僅僅換上幾張圖，敲幾個字，選自己喜歡的音樂\視頻…一個不錯的H5頁面就出來了。下面介紹幾款HTML5工具（排名不分先后；各平臺可能會有所變更，介紹如果有不準(zhǔn)確之處，還望多理解）！
搜狐快海報
快海報是搜狐快站平臺上全新推出的免費H5頁面制作工具，操作也極為簡便易學(xué)，完全沒有技術(shù)要求。采用拖拽式操作，屬性式設(shè)置的模式。一拖一拽，簡單配置，所見即所得，一分鐘即可學(xué)會，三分鐘便能完成。還有海量模板即將上線，替換內(nèi)容即可生成?？旌筮€支持同一組件的多重動畫設(shè)置，讓畫面更豐富更炫酷。
久愛微景秀
久愛微景秀這個平臺制作起來非常簡單，靜態(tài)模板和動態(tài)模板都有，模板樣式豐富，瀏覽體驗不錯。有多種動態(tài)效果以及交互效果可供選擇，多種效果、翻頁動畫、背景音樂、可統(tǒng)計瀏覽量，可以獲得表單反饋信息。所見即所得的在線實時制作技術(shù)，很輕松就可以做出很炫的h5頁面。且對于免費用戶來說，全部功能也都是開放的，可以不受限制地做出自己的動態(tài)頁面。還可以提供定制服務(wù)。
口袋通微雜志
口袋通是一個免費的微商平臺，其場景海報也是為了其電商功能服務(wù)，不過免費得版提供的交互較為簡單，沒有多樣的模板。
易傳單
編輯器界面比較友好，設(shè)計靈活方便，數(shù)據(jù)統(tǒng)計與表單上也是亮點所在。除了模板較少之外其他的都是相當(dāng)好。
epub360意派
這不是奇虎360的，意派的交互功能極為強大，可以說更適合專業(yè)的設(shè)計師打造的交互設(shè)計，動畫效果出色，雖然簡單傻瓜式的模板不多，但自由度相對較高。
易企秀
易企秀有多種動態(tài)模板，能實現(xiàn)文本和圖片帶有滑動、隱現(xiàn)、放大縮小等動態(tài)效果。同時有ios移動客戶端，在手機上也可創(chuàng)建場景應(yīng)用，以及數(shù)據(jù)統(tǒng)計功能。大體上和maka差不多，但是表單和統(tǒng)計是免費也可用，更多功能需要企業(yè)會員。
Liveapp場景應(yīng)用/云來
云來Liveapp是面向企業(yè)方的移動場景APP云服務(wù)平臺，許多企業(yè)都在使用，需購買場景應(yīng)用。不過，現(xiàn)在云來場景應(yīng)用正式免費開放，所有“認(rèn)證企業(yè)”都可以申請獲取。免費體驗長達(dá)31天，體驗結(jié)束后，也會永久保存并持續(xù)展示你的場景應(yīng)用。
Vxplo
Vxplo也是專注在線交互設(shè)計，功能強大，同epub360一樣適合專業(yè)設(shè)計師，可以零代碼制作輕應(yīng)用。使用上相對較為復(fù)雜，不過其甚至也可以用來制作響應(yīng)式網(wǎng)站，有時間可以試試。
最酷網(wǎng)
最酷網(wǎng)也是一個免費H5場景應(yīng)用制作和發(fā)布平臺。不用懂設(shè)計、不用會編程，1分鐘上手制作，平臺針對不同的應(yīng)用場景和內(nèi)容展現(xiàn)形式，提供海量的模板、豐富的控件、靈活的動畫特效。用戶可以簡單快速的通過圖片替換、內(nèi)容編輯，就可以創(chuàng)建屬于自己的、炫酷的云場景應(yīng)用。
FormFollowsFunction
嚴(yán)格來說，F(xiàn)ormFollowsFunction不屬于H5制作平臺，而是一個預(yù)覽平臺。H5頁面到底能實現(xiàn)什么樣的動畫效果？這一個網(wǎng)站幾乎能看到所有H5能夠?qū)崿F(xiàn)的動畫效果，引爆你的靈感，并且讓你心中有數(shù)。
Weebly
Weebly和Wix也是一款HTML5拖放式智能創(chuàng)建器，支持中文，擁有多種優(yōu)秀網(wǎng)頁模板和交互效果，并且有IOS和Android客戶端可以管理自己的網(wǎng)頁、隨時隨地跟蹤。
Wix
Wix基于H5技術(shù)，向用戶提供多種網(wǎng)頁模板，操作簡單無需代碼，智能拖拽即可實現(xiàn)網(wǎng)頁建設(shè)。Wix每個類目下有上百的HTML5模板可供使用，響應(yīng)式設(shè)計，在手機端也有很好的展示。
Ceilfire
Ceilfire是一個創(chuàng)建H5游戲并分享的平臺，點擊進(jìn)入你就會看到很多的H5頁面游戲。用戶可以直接在瀏覽器中創(chuàng)建游戲、參與游戲、分享游戲，對于想做簡單的H5游戲的朋友可以用這種方式試試手。就算不做也可以看看已有的H5游戲來找找感覺。
平臺或可更多，不能盡述，留待留心發(fā)現(xiàn)。
簡明步驟：打開一個已經(jīng)存在的網(wǎng)頁→另存為模板→新建可編纂?yún)^(qū)域→保留。
詳細(xì)：
(1).打開示例站點中已經(jīng)建好的index.htm文件，打開“文件”，點擊“另存為模板”。
(2).選擇模板存放的站點，在“另存為模板”對話框中為模板輸入一個獨一的名稱，單擊保留按鈕。
(3).在“插入欄”選擇“模板”，然后單擊“可編輯區(qū)域”。
(4).頻頻這個過程?？梢栽僮鲆恍翱删庉媴^(qū)域”。
(5).打開“文件”菜單，單擊“保留”。一個模板就做好了。
你得在你的html5模板里邊，加上你網(wǎng)站數(shù)據(jù)的調(diào)用標(biāo)簽。。
比如調(diào)用文章標(biāo)題的標(biāo)簽，就加入到 html5的標(biāo)題對應(yīng)的位置。
其他內(nèi)容依次。。
重慶分公司
重慶分公司
