今天給各位分享移動(dòng)端html靜態(tài)網(wǎng)頁模板的知識(shí)，其中也會(huì)對(duì)html靜態(tài)頁面模板進(jìn)行解釋，如果能碰巧解決你現(xiàn)在面臨的問題，別忘了關(guān)注本站，現(xiàn)在開始吧！

本文目錄一覽：

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/// summary

/// 傳入U(xiǎn)RL返回網(wǎng)頁的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)頁的客戶端的html代碼，然后保存到.html文件里就可以了。

方案2：

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

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

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

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

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

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

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

在.Net中涉及此類操作的是System.IO

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

CODE:

//生成HTML頁

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)讀入到名稱為str的變量中了

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

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

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

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

// 寫文件

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基類中了

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

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

{

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

}

else

{

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

}

模板頁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文件!上面只是把傳遞過來的幾個(gè)參數(shù)直接寫入了HTML文件中,在實(shí)際應(yīng)用中需要先添加數(shù)據(jù)庫(kù)，然后再寫入HTML文件

方案3：

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

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

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

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

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

方案5：

思路

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

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

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

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

2. 靜態(tài)html文件利用MS Windows2000的Index Server可以建立全文搜索引擎，利用asp.net可以以DataTable的方式得到搜索結(jié)果。而Win2000的Index服務(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ǎng)站更換樣式，那么必須得重新編碼，給后期帶來巨大的工作量。

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

示列代碼

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

＜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模板頁面到stringbuilder對(duì)象里----

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

StringBuilder htmltext=new StringBuilder();

try

{

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

{

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頁面＜/marquee＞";//文字說明

//----------替換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("存放路徑和頁面名",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)頁？

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

DREAMWEAVER、PHOTOSHOP、FLASH MX

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

地址：

安裝完成即可永久使用

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

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

詳細(xì)：

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

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

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

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

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

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