html可以编写静态网页（用html如何制作一个简单的网页代码）

本文目录

• 用html如何制作一个简单的网页代码
• 静态网页制作步骤
• 生成静态html页面
• 用html编写的文档属于什么网页
• html求制作一个简单网页代码，只需要一些文字加张图片

用html如何制作一个简单的网页代码

1、首先，在计算机桌面上创建一个新文件夹，然后在该文件夹中创建一个新的文本文档。

2、然后双击打开带有记事本的文本文档，如下图所示，我们编写一个简单的html代码。

3、单击“另存为”的功能选项，显示默认保存为编码为ANSI。

4、我们将更改编码和文件名，将其更改为如图所示的图像并保存。

5、然后返回到新创建的文件夹，发现有一个额外的html文件。

6、最后，使用浏览器打开html文件，效果如图所示，简单的网页被成功编写。

静态网页制作步骤

静态网页制作步骤：

第一步：制作一个静态网页之前，我们需要先制作一个网页1:1的效果图，又称静态网页效果图。制作静态网页效果图可以使用Photoshop CS4破解中文版制作。

第二步：将制作好的静态网页效果图进行PS切片。通过PS切片可将一张大的效果图切成多张小图片，以后可直接用在网页上。

第三步：使用HTML5和CSS3进行网页布局，网页布局遵从“先大后小，先外后里”的原则，先将整个静态网页大结构写出来，然后再按照效果图写各个部分的小版块。（这个部分需要有代码基础，可先学习HTML入门教程）

第三：制作网页上的特效，例如轮播图，需要使用JS代码制作。再将PS切片出来的小图片通过代码插入网页中，并且使用测试数据填充各个小版块，达到与效果图一样的效果。

第四：最后优化网页代码，删除冗余的文件，整理出一个简洁的静态网页，这样静态网页就制作好了。

扩展资料：

静态网页是标准的HTML文件，它的文件扩展名是。htm、.html，可以包含文本、图像、声音、FLASH动画、客户端脚本和ActiveX控件及JAVA小程序等。我们就叫做静态页面。

静态页面一般都是html格式，鼠标双击这个静态页面，就可以打开这张网页，效果会跟图片设计的效果一样。那么这个静态页面就是一个网站了吗？这些静态页面其实只是做网站或者做模板的材料而已。

在网站设计中，静态网页是网站建设的基础，早期的网站一般都是由静态网页制作的。静态网页是相对于动态网页而言，是指没有后台数据库、不含建站程序和不可交互的网页。静态网页相对更新起来比较麻烦，适用于一般更新较少的展示型网站。

生成静态html页面

/// 《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＞

***隐藏网址***

＜/head＞

＜body ＞

＜table $htmlformat 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＜/span＞

＜/td＞

＜/tr＞

＜/table＞

＜/body＞

＜/html＞

2.asp.net代码：

//---------------------读html模板页面到stringbuilder对象里----

string;//定义和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="background="bg.jpg"";//背景图片

format= "#990099";//字体颜色

format="150px";//字体大小

format= "＜marquee＞生成的模板html页面＜/marquee＞";//文字说明

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

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

{

htmltext.Replace("$htmlformat);

}

//----------生成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网上有许多产品团购,便宜有口碑

用html编写的文档属于什么网页

使用 HTML 编写的文档属于静态网页。静态网页是指在服务器上预先编写好，并固定存储在磁盘中的网页，其内容在用户请求时直接传输到客户端浏览器进行显示。由于静态网页的内容比较固定，因此其加载速度较快，且易于缓存和搜索引擎抓取。
相对而言，动态网页则是通过服务器端程序和数据库等技术动态生成的网页，其内容可以根据用户请求的不同而动态生成和显示。由于动态网页需要执行一些额外的操作，如查询数据库、处理表单数据等，因此其响应速度比较慢，但也更具有交互性和可扩展性。
需要注意的是，在实际应用中，往往需要将静态网页与动态网页结合起来使用，以达到更好的效果。比如，我们可以使用 HTML/CSS/JavaScript 等前端技术制作静态页面，然后通过 AJAX 或浏览器端脚本动态地向服务器请求数据并完成页面的更新。这样既能够兼顾静态网页的优点，又能够实现动态功能的需求。

html求制作一个简单网页代码，只需要一些文字加张图片

具体步骤如下：

静态网页现阶段主要采用DIV+CSS+Javascript来实现,

第一步:在桌面上创建一个文本文件;

第二步:将文本名改为"test.html"(扩展名为.html或者.htm即可,看不见扩展名可以到);

第三步:文件名改好后,右击打开方式,选择记事本;

第四步:写代码。

1. html代码写成下图这样即可:

2.css代码写在下图区域内:

3.javascript代码写在下图区域内:

第五步:在这些代码区域内写上你的代码;

第六步:保存该文本文件;然后右击打开选择一个浏览器打开;如果出现“已限制网页运行脚本。。。”点击允许。

代码如下：

《!doctype html》

《html》

《head》

《meta charset="UTF-8"》

《meta name="Generator" content="EditPlus"》

《meta name="Author" content=""》

《meta name="Keywords" content=""》

《meta name="Description" content=""》

《title》Document《/title》

《/head》

《body》

《img src="这里填你的图片名字，例如1.jpg，图片跟html放在同一个文件夹下面就行"》

《img src="2.jpg"》

《img src="3.jpg"》

《p》这里输入你想要输入的文字《/p》

《/body》

《/html》