如何用html写出一个静态的网页

html-css043

如何用html写出一个静态的网页,第1张

如何用写出一个静态的网页

<><head><title>标题</title></head><body>网站的内容部分,大概框架就是这样了</body></>

如何搞一个静态的网页设计

会用Dreamweaver这个软体就可以了,百度一下peyoyo你就知道。

用Dreamweaver制作一个静态的网页

个性就自己做.不管好坏.就有个性了

如何用PSD做广告,静态的

用Photoshop软体设计就可以了,不过你本身要会用Photoshop软体才行,或是找个设计师帮你做了

如何用PS做出静态的飘动旗帜

用photoshop制作旗帜飘动效果,可以用变形,新增渐变,和时间轴设定动画帧及显示时间,用档案~储存为web格式~预览~图片另存为gif图片就可以了!详细制作过程建议网上搜有关教程学习!

谁能帮我做一个静态的网页,

网上有免费的留言本,你可以去申请个,静态的留言本不是不可能,可以用xml+做。至于其他页面,也不知道你是什么要求,光是一个连结用 <a href="留言本的地址">留言本</a>就行了。要好看点,可以去下载原始码或者模板,网上很多免费的。

怎么发给你,百度HI你

如何用ruby做一个静态网页页面

重复就行了。滑鼠往下拉或者第二个也重复。 HTML 框架例项 HTML 框架例项 1234

用VB写个网页程式,有静态的

Private Sub Command1_Click()

If Text1.Text <>"" Then

WebBrowser1.Navigate2 Text1.Text

WebBrowser1.Visible = True

Text2.Visible = False

End If

End Sub

JSP如何生成静态的页面?

public class HTMLMaker {

final static Object lock = new Object()

public static void makeHtml(String page, String filePath){

makeHtml(page,filePath,"UTF-8")

}

public static void makeHtml(String page, String filePath,String chartset) {

synchronized (lock) {

HttpURLConnection huc = null

BufferedReader br = null

BufferedWriter bw = null

try {

huc = (HttpURLConnection)new URL(page).openConnection()

System.setProperty("sun..client.defaultConnectTimeout", "30000")

System.setProperty("sun..client.defaultReadTimeout", "30000")

huc.connect()

InputStream stream = huc.getInputStream()

bw = new BufferedWriter(new OutputStreamWriter (new FileOutputStream(filePath),chartset))

br = new BufferedReader(new InputStreamReader(stream, chartset))

String line

while((line = br.readLine())!= null){

if(line.trim().length() >0){

bw.write(line)

bw.newLine()

}

}

}catch (Exception e) {

e.printStackTrace()

}finally {

try {

br.close()

bw.close()

huc.disconnect()

}catch (Exception e) {

e.printStackTrace()

}

}

}

}

}

引数解释:

page:jsp页面的网路地址,比如:localhost:8080/xxx/index.jsp

filePath:生成的档案的储存路径

chartset:编码,不填预设utf-8。

思想:

把jsp档案开流读入,再用输出流写入到目标档案。

/// <summary>

/// 传入URL返回网页的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 ""

}

你可以用这个函数获取网页的客户端的html代码,然后保存到.html文件里就可以了。

方案2:

生成单个的静态页面不是难点,难的是各个静态页面间的关联和链接如何保持完整;

特别是在页面频繁更新、修改、或删除的情况下;

像阿里巴巴的页面也全部是html的,估计用的是地址映射的功能

关于地址映射可参考:

可以看看这个页面,分析一下他的“竞价倒计时”功能

ASP.Net生成静态HTML页

在Asp中实现的生成静态页用到的FileSystemObject对象!

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

以下是程序代码 注:此代码非原创!参考别人代码

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"

// 替换内容

// 这时,模板文件已经读入到名称为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

此函数放在Conn.CS基类中了

在添加新闻的代码中引用 注:工程名为Hover

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

{

Response.Write("添加成功")

}

else

{

Response.Write("生成HTML出错!")

}

模板页Text.html代码

CODE:

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

<HTML>

<HEAD>

<title>ShowArticle</title>

<body>

biaoti

<br>

content<br>

author

</body>

</HTML>

biaoti

<br>

content<br>

author

</body>

</HTML>

提示添加成功后会出以当前时间为文件名的html文件!上面只是把传递过来的几个参数直接写入了HTML文件中,在实际应用中需要先添加数据库,然后再写入HTML文件

方案3:

给一个客户端参考的例子(SJ)

它的作用在于以客户端的方式获取某个页面的代码,然后可以做为其他用途,本例是直接输出

<script>

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

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

oXmlHttp.send()

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

if(oStream == null)

alert("您的机器不支持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:学csdn一样。用xml保存数据,模版XSL也只有一个文件。

使用xml来保存数据,使用xsl来定义模板并且生称数据。可以通过xsl来很方便的在客户端或者服务段显示数据。如果要生成静态叶面那更简单了。去查一下.net的xml类包问题解决。

优点:可以方便快速转换成你想要的格式和内容。

缺点:需要学习更多的内容,不好入门。

方案5:

思路

1. 利用如Dw-Mx这样的工具生成html格式的模板,在需要添加格式的地方加入特殊标记(如$htmlformat$),动态生成文件时利用代码读取此模板,然后获得前台输入的内容,添加到此模板的标记位置中,生成新文件名后写入磁盘,写入后再向数据库中写入相关数据。

2. 使用后台代码硬编码Html文件,可以使用HtmlTextWriter类来写html文件。

优点

1. 可以建立非常复杂的页面,利用包含js文件的方法,在js文件内加入document.write()方法可以在所有页面内加入如页面头,广告等内容。

2. 静态html文件利用MS Windows2000的Index Server可以建立全文搜索引擎,利用asp.net可以以DataTable的方式得到搜索结果。而Win2000的Index服务无法查找xml文件的内容。如果包括了数据库搜索与Index索引双重查找,那么此搜索功能将非常强大。

3. 节省服务器的负荷,请求一个静态的html文件比一个aspx文件服务器资源节省许多。

缺点

思路二: 如果用硬编码的方式,工作量非常大,需要非常多的html代码。调试困难。而且使用硬编码生成的html样式无法修改,如果网站更换样式,那么必须得重新编码,给后期带来巨大的工作量。

因此这里采用的是第一种思路

示列代码

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对象里----

string[] format=new string[4]//定义和htmlyem标记数目一致的数组

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('读取文件错误')</Script>")

}

//---------------------给标记数组赋值------------

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

format[1]= "#990099"//字体颜色

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

format[3]= "<marquee>生成的模板html页面</marquee>"//文字说明

//----------替换htm里的标记为你想加的内容

for(int i=0i<4i++)

{

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:")

}

小结

用此方法可以方便的生成html文件。程序使用了是循环替换,因此对需替换大量元素的模板速度非常快。

另外,团IDC网上有许多产品团购,便宜有口碑

方法/步骤

1、新建一个txt文本文档,先不要急着修改文件后缀名,有基础的朋友手动输入HTML代码,不会也没有关系,百度搜索“网页HTML代码”。

代码:

<!Doctype html>

<html>

<head>

<title>静态网页制作教程</title>

<meta charset="gbk" />

<link href="css.css" rel="stylesheet" type="text/css" media="all" />

</head>

<body>

</body>

</html>

2、基础的静态网页代码写出来了,下面在<body></body>中间添加网页需要的数据内容(文字、图片、表格、视频等),然后将txt文本文档的后缀名.txt修改为.html。现在点击打开看看效果!小编在body中间加入的文字:静态网页制作教程。

3、这样的文字太单调了,需要用CSS样式定义,小编在桌面上新建一个文件夹“web”,把index.html文件放进去,然后在web文件件里面新建一个txt文本文档,修改为“css.css”。

4、使用鼠标右键“打开方式”,选择txt文本文档编辑css.css文件。用CSS定义网页字体大小12像素,网页背景色为红色,字体颜色为白色。

代码:

body{font-size:12pxbackground:redcolor:white}

保存,然后打开web文件夹中的index.html文件,查看效果。

5、下面在web文件下面新建一个images文件夹,然后打开软件Fireworks,设计自己需要的图片(没有就去百度搜索自己需要的图片,使用QQ截图功能,截取自己需要的图片),把设计好的图片存入web文件夹下面的images文件夹里面。现在我们在body中放入图片,让图片在网页里面居中。

代码:

<div align="center">

<img src="images/pic.png" alt="logo" title="静态网页制作教程" />

</div>

把上面的代码放入index.html的body中,保存后打开看看效果!

小编在这里省略了表格和视频的制作,小伙伴不知道的话,可以百度搜索一下。

整个简单的静态网页制作完毕。