今天給各位分享移動(dòng)端html靜態(tài)網(wǎng)頁(yè)模板的知識(shí)，其中也會(huì)對(duì)html靜態(tài)頁(yè)面模板進(jìn)行解釋?zhuān)绻芘銮山鉀Q你現(xiàn)在面臨的問(wèn)題，別忘了關(guān)注本站，現(xiàn)在開(kāi)始吧！

本文目錄一覽：

• 1、html靜態(tài)網(wǎng)頁(yè)模板
• 2、怎么制作手機(jī)網(wǎng)頁(yè) 如何制作一個(gè)手機(jī)html頁(yè)面
• 3、dede自帶的移動(dòng)端怎么實(shí)現(xiàn)靜態(tài)化
• 4、生成靜態(tài)html頁(yè)面
• 5、怎么制作 HTML靜態(tài)網(wǎng)頁(yè)？
• 6、HTML靜態(tài)網(wǎng)頁(yè)中的模板

html靜態(tài)網(wǎng)頁(yè)模板

html靜態(tài)網(wǎng)頁(yè)模板挺多的，包括商城或者博客之類(lèi)的，目前很多靜態(tài)網(wǎng)頁(yè)模板的下載都提供了移動(dòng)端和pc端頁(yè)面，5個(gè)頁(yè)面以上很正常。

需要注意的是如果是沒(méi)有交互的展現(xiàn)型模板，那么不需要太多修改。如果是有交互的話(huà)和內(nèi)容管理的話(huà)，可以將頁(yè)面修改為cms系統(tǒng)形式，或者干脆直接使用cms網(wǎng)站模板。

怎么制作手機(jī)網(wǎng)頁(yè) 如何制作一個(gè)手機(jī)html頁(yè)面

這個(gè)還用說(shuō)，其實(shí)道理和PC端網(wǎng)站是一樣的道理。因?yàn)楝F(xiàn)在用戶(hù)慢慢轉(zhuǎn)向移動(dòng)端，所以擁有一個(gè)移動(dòng)網(wǎng)站也是很必要的。

其實(shí)自助建站自己做網(wǎng)站都是不成問(wèn)題了，不管你懂不懂代碼，都可以做的。

首先，注冊(cè)一個(gè)凡科帳號(hào)，這是開(kāi)始建站的第一步

第二，登錄帳號(hào)后，會(huì)有建站、互動(dòng)、微傳單三塊，一個(gè)帳號(hào)都可以用，你選擇“網(wǎng)站建設(shè)”這一塊；

第三，進(jìn)入后臺(tái)之后，選擇自己喜歡的手機(jī)網(wǎng)站模板。

第四,就可以開(kāi)始設(shè)計(jì)自己的網(wǎng)站，排版、欄目、文字、圖片等設(shè)計(jì)。第五，無(wú)論是否完全做好，先保存，再退出。第六，網(wǎng)站做好后，可以為網(wǎng)站添加需要的功能，拖拽就可以實(shí)現(xiàn)添加。

dede自帶的移動(dòng)端怎么實(shí)現(xiàn)靜態(tài)化

1、首先打開(kāi)后臺(tái)目錄生成首頁(yè)文件makehtml_homepage.php，后臺(tái)目錄默認(rèn)是dede，根據(jù)自己的目錄確認(rèn)查找。

2、用編輯器打開(kāi)文件makehtml_homepage.php，找到47行代碼。

3、在后面加入代碼，這個(gè)是設(shè)置wap模板目錄，即把pc模板的目錄替換成wap模板的目錄。

4、再接著后面加入代碼，這個(gè)是生成目錄，根據(jù)自己需要生成，這里是在根目錄下的wap目錄下生成手機(jī)版首頁(yè)。

5、這樣后臺(tái)生成首頁(yè)時(shí)，自動(dòng)生成手機(jī)版靜態(tài)首頁(yè)了，鏈接即域名+/wap/index.html，就完成設(shè)置了。

生成靜態(tài)html頁(yè)面

/// summary

/// 傳入U(xiǎn)RL返回網(wǎng)頁(yè)的html代碼

/// /summary

/// param name="Url"URL/param

/// returns/returns

public static string getUrltoHtml(string Url)

{

errorMsg = "";

try

{

System.Net.WebRequest wReq = System.Net.WebRequest.Create(Url);

// Get the response instance.

System.Net.WebResponse wResp =wReq.GetResponse();

// Read an HTTP-specific property

//if (wResp.GetType() ==HttpWebResponse)

//{

//DateTime updated =((System.Net.HttpWebResponse)wResp).LastModified;

//}

// Get the response stream.

System.IO.Stream respStream = wResp.GetResponseStream();

// Dim reader As StreamReader = New StreamReader(respStream)

System.IO.StreamReader reader = new System.IO.StreamReader(respStream, System.Text.Encoding.GetEncoding("gb2312"));

return reader.ReadToEnd();

}

catch(System.Exception ex)

{

errorMsg = ex.Message ;

}

return "";

}

你可以用這個(gè)函數(shù)獲取網(wǎng)頁(yè)的客戶(hù)端的html代碼，然后保存到.html文件里就可以了。

方案2：

生成單個(gè)的靜態(tài)頁(yè)面不是難點(diǎn)，難的是各個(gè)靜態(tài)頁(yè)面間的關(guān)聯(lián)和鏈接如何保持完整；

特別是在頁(yè)面頻繁更新、修改、或刪除的情況下；

像阿里巴巴的頁(yè)面也全部是html的，估計(jì)用的是地址映射的功能

關(guān)于地址映射可參考：

可以看看這個(gè)頁(yè)面，分析一下他的“競(jìng)價(jià)倒計(jì)時(shí)”功能

ASP.Net生成靜態(tài)HTML頁(yè)

在Asp中實(shí)現(xiàn)的生成靜態(tài)頁(yè)用到的FileSystemObject對(duì)象!

在.Net中涉及此類(lèi)操作的是System.IO

以下是程序代碼 注:此代碼非原創(chuàng)!參考別人代碼

CODE:

//生成HTML頁(yè)

public static bool WriteFile(string strText,string strContent,string strAuthor)

{

string path = HttpContext.Current.Server.MapPath("/news/");

Encoding code = Encoding.GetEncoding("gb2312");

// 讀取模板文件

string temp = HttpContext.Current.Server.MapPath("/news/text.html");

StreamReader sr=null;

StreamWriter sw=null;

string str="";

try

{

sr = new StreamReader(temp, code);

str = sr.ReadToEnd(); // 讀取文件

}

catch(Exception exp)

{

HttpContext.Current.Response.Write(exp.Message);

HttpContext.Current.Response.End();

sr.Close();

}

string htmlfilename=DateTime.Now.ToString("yyyyMMddHHmmss")+".html";

// 替換內(nèi)容

// 這時(shí),模板文件已經(jīng)讀入到名稱(chēng)為str的變量中了

str =str.Replace("ShowArticle",strText); //模板頁(yè)中的ShowArticle

str = str.Replace("biaoti",strText);

str = str.Replace("content",strContent);

str = str.Replace("author",strAuthor);

// 寫(xiě)文件

try

{

sw = new StreamWriter(path + htmlfilename , false, code);

sw.Write(str);

sw.Flush();

}

catch(Exception ex)

{

HttpContext.Current.Response.Write(ex.Message);

HttpContext.Current.Response.End();

}

finally

{

sw.Close();

}

return true;

此函數(shù)放在Conn.CS基類(lèi)中了

在添加新聞的代碼中引用 注：工程名為Hover

if(Hover.Conn.WriteFilethis.Title.Text.ToString),this.Content.Text.ToString),this.Author.Text.ToString)))

{

Response.Write("添加成功");

}

else

{

Response.Write("生成HTML出錯(cuò)!");

}

模板頁(yè)Text.html代碼

CODE:

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"

HTML

HEAD

titleShowArticle/title

body

biaoti

br

contentbr

author

/body

/HTML

biaoti

br

contentbr

author

/body

/HTML

提示添加成功后會(huì)出以當(dāng)前時(shí)間為文件名的html文件!上面只是把傳遞過(guò)來(lái)的幾個(gè)參數(shù)直接寫(xiě)入了HTML文件中,在實(shí)際應(yīng)用中需要先添加數(shù)據(jù)庫(kù)，然后再寫(xiě)入HTML文件

方案3：

給一個(gè)客戶(hù)端參考的例子（SJ）

它的作用在于以客戶(hù)端的方式獲取某個(gè)頁(yè)面的代碼，然后可以做為其他用途，本例是直接輸出

script

var oXmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

oXmlHttp.open("GET","", false);

oXmlHttp.send()

var oStream = new ActiveXObject("ADODB.Stream");

if(oStream == null)

alert("您的機(jī)器不支持ADODB.Stream.")

else

{

oStream.Type=1;

oStream.Mode=3;

oStream.Open() ;

oStream.Write(oXmlHttp.responseBody);

oStream.Position= 0;

oStream.Type= 2;

oStream.Charset="gb2312";

var result= oStream.ReadText();

oStream.Close();

oStream = null;

var aa = window.open("","")

document.write(result);

aa.document.write(result);

}

/script

方案4：學(xué)csdn一樣。用xml保存數(shù)據(jù)，模版XSL也只有一個(gè)文件。

使用xml來(lái)保存數(shù)據(jù)，使用xsl來(lái)定義模板并且生稱(chēng)數(shù)據(jù)?？梢酝ㄟ^(guò)xsl來(lái)很方便的在客戶(hù)端或者服務(wù)段顯示數(shù)據(jù)。如果要生成靜態(tài)葉面那更簡(jiǎn)單了。去查一下.net的xml類(lèi)包問(wèn)題解決。

優(yōu)點(diǎn)：可以方便快速轉(zhuǎn)換成你想要的格式和內(nèi)容。

缺點(diǎn)：需要學(xué)習(xí)更多的內(nèi)容，不好入門(mén)。

方案5：

思路

1. 利用如Dw-Mx這樣的工具生成html格式的模板，在需要添加格式的地方加入特殊標(biāo)記(如$htmlformat$),動(dòng)態(tài)生成文件時(shí)利用代碼讀取此模板，然后獲得前臺(tái)輸入的內(nèi)容，添加到此模板的標(biāo)記位置中，生成新文件名后寫(xiě)入磁盤(pán)，寫(xiě)入后再向數(shù)據(jù)庫(kù)中寫(xiě)入相關(guān)數(shù)據(jù)。

2. 使用后臺(tái)代碼硬編碼Html文件，可以使用HtmlTextWriter類(lèi)來(lái)寫(xiě)html文件。

優(yōu)點(diǎn)

1. 可以建立非常復(fù)雜的頁(yè)面，利用包含js文件的方法，在js文件內(nèi)加入document.write()方法可以在所有頁(yè)面內(nèi)加入如頁(yè)面頭，廣告等內(nèi)容。

2. 靜態(tài)html文件利用MS Windows2000的Index Server可以建立全文搜索引擎，利用asp.net可以以DataTable的方式得到搜索結(jié)果。而Win2000的Index服務(wù)無(wú)法查找xml文件的內(nèi)容。如果包括了數(shù)據(jù)庫(kù)搜索與Index索引雙重查找，那么此搜索功能將非常強(qiáng)大。

3. 節(jié)省服務(wù)器的負(fù)荷，請(qǐng)求一個(gè)靜態(tài)的html文件比一個(gè)aspx文件服務(wù)器資源節(jié)省許多。

缺點(diǎn)

思路二： 如果用硬編碼的方式，工作量非常大，需要非常多的html代碼。調(diào)試?yán)щy。而且使用硬編碼生成的html樣式無(wú)法修改，如果網(wǎng)站更換樣式，那么必須得重新編碼，給后期帶來(lái)巨大的工作量。

因此這里采用的是第一種思路

示列代碼

1.定義(template.htm)html模板頁(yè)面

＜html＞

＜head＞

＜title＞＜/title＞

＜meta http-equiv="Content-Type" content="text/html; charset=gb2312"＞

＜/head＞

＜body ＞

＜table $htmlformat[0] height="100%" border="0" width="100%" cellpadding="10" cellspacing="0" bgcolor="#eeeeee" style="border:1px solid #000000"＞

＜tr＞

＜td width="100%" valign="middle" align="left"＞

＜span style="color: $htmlformat[1];font-size: $htmlformat[2]"＞$htmlformat[3]＜/span＞

＜/td＞

＜/tr＞

＜/table＞

＜/body＞

＜/html＞

2.asp.net代碼：

//---------------------讀html模板頁(yè)面到stringbuilder對(duì)象里----

string[] format=new string[4];//定義和htmlyem標(biāo)記數(shù)目一致的數(shù)組

StringBuilder htmltext=new StringBuilder();

try

{

using (StreamReader sr = new StreamReader("存放模板頁(yè)面的路徑和頁(yè)面名"))

{

String line;

while ((line = sr.ReadLine()) != null)

{

htmltext.Append(line);

}

sr.Close();

}

}

catch

{

Response.Write("＜Script＞alert('讀取文件錯(cuò)誤')＜/Script＞");

}

//---------------------給標(biāo)記數(shù)組賦值------------

format[0]="background="bg.jpg"";//背景圖片

format[1]= "#990099";//字體顏色

format[2]="150px";//字體大小

format[3]= "＜marquee＞生成的模板html頁(yè)面＜/marquee＞";//文字說(shuō)明

//----------替換htm里的標(biāo)記為你想加的內(nèi)容

for(int i=0;i＜4;i++)

{

htmltext.Replace("$htmlformat["+i+"]",format[i]);

}

//----------生成htm文件------------------――

try

{

using(StreamWriter sw=new StreamWriter("存放路徑和頁(yè)面名",false,System.Text.Encoding.GetEncoding("GB2312")))

{

sw.WriteLine(htmltext);

sw.Flush();

sw.Close();

}

}

catch

{

Response.Write ("The file could not be wirte:");

}

小結(jié)

用此方法可以方便的生成html文件。程序使用了是循環(huán)替換，因此對(duì)需替換大量元素的模板速度非常快。

另外,團(tuán)IDC網(wǎng)上有許多產(chǎn)品團(tuán)購(gòu),便宜有口碑

怎么制作 HTML靜態(tài)網(wǎng)頁(yè)？

網(wǎng)頁(yè)制作需要下載軟件：

DREAMWEAVER、PHOTOSHOP、FLASH MX

均中文版，安全無(wú)毒，支持WIN7、XP、WIN2K 32位及64位

地址：

安裝完成即可永久使用

HTML靜態(tài)網(wǎng)頁(yè)中的模板

簡(jiǎn)明步驟：打開(kāi)一個(gè)已經(jīng)存在的網(wǎng)頁(yè)→另存為模板→新建可編纂?yún)^(qū)域→保留。

詳細(xì)：

(1).打開(kāi)示例站點(diǎn)中已經(jīng)建好的index.htm文件，打開(kāi)“文件”，點(diǎn)擊“另存為模板”。

(2).選擇模板存放的站點(diǎn)，在“另存為模板”對(duì)話(huà)框中為模板輸入一個(gè)獨(dú)一的名稱(chēng)，單擊保留按鈕。

(3).在“插入欄”選擇“模板”，然后單擊“可編輯區(qū)域”。

(4).頻頻這個(gè)過(guò)程?？梢栽僮鲆恍翱删庉媴^(qū)域”。

(5).打開(kāi)“文件”菜單，單擊“保留”。一個(gè)模板就做好了。

移動(dòng)端html靜態(tài)網(wǎng)頁(yè)模板的介紹就聊到這里吧，感謝你花時(shí)間閱讀本站內(nèi)容，更多關(guān)于html靜態(tài)頁(yè)面模板、移動(dòng)端html靜態(tài)網(wǎng)頁(yè)模板的信息別忘了在本站進(jìn)行查找喔。