‘壹’ 怎么制作一个网站
我在做的时候，用到了这些东西：Macromedia DreamWeaver MX 2004, Adobe Photoshop CS, Adobe ImageReady CS, EditPlus, Google/Bai
然后我是这样做一个网站的：
站点规划。越详细越好，包括名称，内容定位，色彩定位，主要页面的文件名等等等等。
用Photoshop做出主要页面的外观。
用ImageReady切片，并导出成html文件。
用Dreamweaver编辑导出的html文件，使之适应我们需要的效果。
加入asp/php。中间会用到Editplus和Google/Bai。
测试。
完毕。
当你要准备做一个类似hello world的网站的时候，请熟悉第4步。当你准备做一个漂亮的静态页面的时候，请熟悉前四步。当你准备做简单的一个具有相当交互功能的页面的时候，请熟悉第4到第6步。当你准备做一个漂亮的，具有相当交互功能的页面的时候，请熟悉以上全部步骤。
饭是一口一口吃的，不能一下吃成个胖子。我是从高二开始做出第一个页面的，到现在也只是做出了青青子矜。学会使用Dreamweaver，学会asp/php并不难，难的在于页面设计的美观、简单、实用。工具的使用、语言的技巧你可以在一个月内掌握，但页面美工水平的提高，就不是一年两年就可以一蹴而就的。所以要分清楚做“网页”和做“好的网页”。先要会做“网页”，才能慢慢会做“好的网页”，路要一步步走，切忌急功近利。
从零开始学习的话，我想可以这样：先学会使用工具DreamWeaver，打好html基础。做简单的静态网页。同时学习photoshop和imageready，熟悉图像处理。然后做漂亮的简单静态页面，将ps, imageready, dw综合起来应用。然后学asp，加入。就是漂亮的具有相当交互功能的页面啦：）然后就是美工的提高啦：）
http://lizihe.126.com
‘贰’ 怎么建设网站 . 我想自己制作一个网站，应该从那一步做起。
网站设计的一般流程
1、 记录客户的要求与意向 如：确定网站的颜色、风格、框架等等。
2、 向客户索取网站必要文字及图片素材 如：LOGO 公司介绍 产品图片 联系方式等等。
3、 根据素材、客户意向及客户同行类的网站首页，设计出首页效果图。给客户确认，不满意则耐心听取客户的要求，看哪里不满意具体的在进行修改。满意之后则进行内页的设计。
4、 首页通过后设计内页，每页都要用图做出来，类似的可以不用。
5、 将效果图切割成静态的HTML网页
6、 写一个客户要求及网站哪里需要注意的列表（能附图说明的要附图）及以上所做的材料与资料交与程序员。
7、 保持与程序员沟通，及了解网站的进度。
8、 程序员完成后，后期的需要网站美化下长传空间交与客户看下。
9、 客户看过之后如有意见则让他用文本列表一一的列出。然后根据客户的列表进行修改。
‘叁’ asp 动态网页生成静态网页详细步骤
1）asp生成html的方式
要生成文件肯空要用到FSO（FileSystemObject）组件，通过asp生成静态网页主要有两种方式：
a、生成的内容由多部分连接而成；
b、生成的内容基于模板生成。
2）方式1：生成的内容由多部分连接而成
步骤：
a、设计要输出网页的布局
b、设计生成HTML的asp文件
例子：
输出网页的布局：
<html>
<head>
<title>标题</title>
<style type="text/css">
<!--
.article_title {
font-size: 22px;
font-weight: bold;
text-align: center;
padding-top: 10px;
padding-bottom: 20px;
}
.content {
text-indent: 18px;
font-size: 16px;
line-height: 230%;
text-align: left;
}
.from {
font-size: 14px;
text-align: right;
padding-right: 15px;
padding-top: 15px;
}
.feature_bar {
font-size: 14px;
color: #999999;
text-align: center;
padding-bottom: 15px;
}
-->
</style>
</head>
<body>
<table width="80%">
<tr>
<td><div class="article_title">标题</div>
<div class="feature_bar">作者： 录入时间： 录入： </div>
<div class="content">内容</div>
<div class="from">来源：</div> </td>
</tr>
</table>
</body>
</html>
把源代码中的所有的 " 替换成 ""，作用是在ASP中输出双引号。
设计asp文件：
<% Option Explicit %>
<html>
<head>
<title>ASP生成HTML</title>
<style type="text/css">
<!--
.align_right_top {
text-align: right;
vertical-align: top;
}
.align_left_10px {
text-align: left;
padding-left: 10px;
}
-->
</style>
</head>
<body>
<form method="post" action="?action=create">
<table width="80%">
<tr>
<td class="align_right_top" >HTML文件名称：</td>
<td class="align_left_10px"><input name="HtmlFileName" type="text" id="HtmlFileName" /></td>
</tr>
<tr>
<td class="align_right_top" >文章标题：</td>
<td class="align_left_10px"><input name="title" type="text" id="title" /></td>
</tr>
<tr>
<td class="align_right_top">作者：</td>
<td class="align_left_10px"><input name="author" type="text" id="author" /></td>
</tr>
<tr>
<td class="align_right_top">录入：</td>
<td class="align_left_10px"><input name="editor" type="text" id="editor" /></td>
</tr>
<tr>
<td class="align_right_top">输入时间：</td>
<td class="align_left_10px"><input name="EditTime" type="text" id="EditTime" /></td>
</tr>
<tr>
<td class="align_right_top">文章内容：</td>
<td class="align_left_10px"><textarea name="content" cols="55" rows="20" id="content"></textarea></td>
</tr>
<tr>
<td class="align_right_top">来源：</td>
<td class="align_left_10px"><input name="from" type="text" id="from" /></td>
</tr>
<tr>
<td colspan="2" align="center"><input type="submit" name="Submit" value="提交" /></td>
</tr>
</table>
</form>
<%
if Trim(Request.QueryString("action"))="create" then
dim title , author , editor , EditTime , content , from , html
title=Trim(Request.Form("title"))
editor=Trim(Request.Form("editor"))
EditTime=Trim(Request.Form("EditTime"))
content=Trim(Request.Form("content"))
from=Trim(Request.Form("from"))
html="<html>"_ '粘贴上面的修改后的 输出网页布局的源代码
&"<head>"_ ‘并用 _ 与 & 把各行连接起来 或删除多余空格使源代码写在一行
&"<title>"&title&"</title>"_
&"<style type=""text/css"">"_
&".article_title {"_
&"font-size: 22px;"_
&"font-weight: bold;"_
&"text-align: center;"_
&"padding-top: 10px;"_
&"padding-bottom: 20px;"_
&"}"_
&".content {"_
&"text-indent: 18px;"_
&"font-size: 16px;"_
&"line-height: 230%;"_
&"text-align: left;"_
&"}"_
&".from {"_
&"font-size: 14px;"_
&"text-align: right;"_
&"padding-right: 15px;"_
&"padding-top: 15px;"_
&"}"_
&".feature_bar {"_
&"font-size: 14px;"_
&"color: #999999;"_
&"text-align: center;"_
&"padding-bottom: 15px;"_
&"}"_
&"</style>"_
&"</head>"_
&"<body> "_
&"<table width=""80%"">"_
&"<tr>"_
&"<td><div class=""article_title"">"&title&"</div>"_
&"<div class=""feature_bar"">作者："&author&" 录入时间："&EditTime&" 录入："&editor&" </div>"_
&"<div class=""content"">"&content&"</div>"_
&"<div class=""from"">来源："&from&"</div> </td>"_
&"</tr>"_
&"</table>"_
&"</body> "_
&"</html>"
dim HtmlFileName ,HtmlFile , fs , FileStream
HtmlFileName=Trim(Request.Form("HtmlFileName"))
if instr(HtmlFileName,".html")=false then
HtmlFileName="NoName.html"
end if
HtmlFile=Server.MapPath(HtmlFileName)
set fs=CreateObject("Scripting.FileSystemObject")
set FileStream=fs.CreateTextFile(HtmlFile)
FileStream.WriteLine Html
FileStream.close
set FileStream=nothing
response.Write("<script>alert('生成"&HtmlFileName&"文件成功!');history.go(-1);</script>")
end if
%>
</body>
</htm>
把上面的asp文件保存放到服务器上即可运行
3）方式2：生成的内容基于模板生成
思想：
给模板asp传递参数，使用“MSXML2.XMLHTTP”读取基于参数传递的asp模板的网页源代码，
再使用FSO组件生成静态网页。
步骤：
a、设计有参数传递的asp模板
b、设计asp控制页
设计asp模板：（保存成template.asp）
<% Option Explicit %>
<%
dim HtmlFileName ,title , author , editor ,EditTime ,content ,from
HtmlFileName=Trim(Request.QueryString("HtmlFileName"))
title=Trim(Request.QueryString("title"))
author=Trim(Request.QueryString("author"))
editor=Trim(Request.QueryString("editor"))
EditTime=Trim(Request.QueryString("EditTime"))
content=Trim(Request.QueryString("content"))
from=Trim(Request.QueryString("from"))
%>
<html>
<head>
<title><%= title %></title>
<style type="text/css">
<!--
.article_title {
font-size: 22px;
font-weight: bold;
text-align: center;
padding-top: 10px;
padding-bottom: 20px;
}
.content {
text-indent: 18px;
font-size: 16px;
line-height: 230%;
text-align: left;
}
.from {
font-size: 14px;
text-align: right;
padding-right: 15px;
padding-top: 15px;
}
.feature_bar {
font-size: 14px;
color: #999999;
text-align: center;
padding-bottom: 15px;
}
-->
</style>
</head>
<body>
<table width="80%">
<tr>
<td><div class="article_title"><%= title %></div>
<div class="feature_bar">作者：<%= author %> 录入时间：<%= EditTime %> 录入：<%= editor %> </div>
<div class="content"><%= content %></div>
<div class="from">来源：<%= from %></div> </td>
</tr>
</table>
</body>
</html>
设计asp文件：（保存成html.asp）
<% Option Explicit %>
<html>
<head>
<title>ASP生成HTML</title>
<style type="text/css">
<!--
.align_right_top {
text-align: right;
vertical-align: top;
}
.align_left_10px {
text-align: left;
padding-left: 10px;
}
-->
</style>
</head>
<body>
<form method="post" action="?action=create">
<table width="80%">
<tr>
<td class="align_right_top" >HTML文件名称：</td>
<td class="align_left_10px"><input name="HtmlFileName" type="text" id="HtmlFileName" /></td>
</tr>
<tr>
<td class="align_right_top" >文章标题：</td>
<td class="align_left_10px"><input name="title" type="text" id="title" /></td>
</tr>
<tr>
<td class="align_right_top">作者：</td>
<td class="align_left_10px"><input name="author" type="text" id="author" /></td>
</tr>
<tr>
<td class="align_right_top">录入：</td>
<td class="align_left_10px"><input name="editor" type="text" id="editor" /></td>
</tr>
<tr>
<td class="align_right_top">输入时间：</td>
<td class="align_left_10px"><input name="EditTime" type="text" id="EditTime" /></td>
</tr>
<tr>
<td class="align_right_top">文章内容：</td>
<td class="align_left_10px"><textarea name="content" cols="55" rows="20" id="content"></textarea></td>
</tr>
<tr>
<td class="align_right_top">来源：</td>
<td class="align_left_10px"><input name="from" type="text" id="from" /></td>
</tr>
<tr>
<td colspan="2" align="center"><input type="submit" name="Submit" value="提交" /></td>
</tr>
</table>
</form>
<%
function getHTTPPage(url)
dim Http
set Http=server.createobject("MSXML2.XMLHTTP")
Http.open "GET",url,false
Http.send()
if Http.readystate<>4 then
exit function
end if
getHTTPPage=bytesToBSTR(Http.responseBody,"GB2312")
set http=nothing
if err.number<>0 then err.Clear
end function
Function BytesToBstr(body,Cset)
dim objstream
set objstream = Server.CreateObject("adodb.stream")
objstream.Type = 1
objstream.Mode =3
objstream.Open
objstream.Write body
objstream.Position = 0
objstream.Type = 2
objstream.Charset = Cset
BytesToBstr = objstream.ReadText
objstream.Close
set objstream = nothing
End Function
%>
<%
if Trim(Request.QueryString("action"))="create" then
dim title , author , editor , EditTime , content , from , html
title=Trim(Request.Form("title"))
editor=Trim(Request.Form("editor"))
EditTime=Trim(Request.Form("EditTime"))
content=Trim(Request.Form("content"))
from=Trim(Request.Form("from"))
'读取传递参数后的模版源代码，地址根据具体情况而定
html=getHTTPPage("http://127.0.0.1/template.asp"_
&"?title="&title&"&editor="&editor&"&EditTime="_
&EditTime&"&content="&content&"&from="&content&"")
dim HtmlFileName ,HtmlFile , fs , FileStream
HtmlFileName=Trim(Request.Form("HtmlFileName"))
if instr(HtmlFileName,".html")=false then
HtmlFileName="NoName.html"
end if
HtmlFile=Server.MapPath(HtmlFileName)
set fs=CreateObject("Scripting.FileSystemObject")
set FileStream=fs.CreateTextFile(HtmlFile)
FileStream.WriteLine Html
FileStream.close
set FileStream=nothing
response.Write("<script>alert('生成"&HtmlFileName&"文件成功!');history.go(-1);</script>")
end if
%>
</body>
</htm>
把template.asp与html.asp 放在同一目录通过服务器运行后即可。
4）结论
通过比较可以看出，通过方式一生成的html文件源代码比较乱，而通过模板生成的html文件源代码跟原先模板的源代码一致。
‘肆’ 网站怎么制作
简单介绍一下制作主页的过程和方法：一、准备材料你首先做一个小计划,准备在主页上告诉人家什么？比如介绍三个方面：自我介绍,我的爱好,我的工作,那你就先起一个总目录（文件夹,比如d:\\\\html）,来放你的所有文件，然后再在这个目录建立三个子目录：myself,interest，job。文件名你可以任意，但最好全部小写，因为有的主机要认大小写。然后将你的材料进相应的子目录。比如你要在你的主页里展示你的靓照，那就将你的照片扫描成JPG格式的文件，放在myself的目录下.要注意,网上只能使用JPG和GIF两种图象格式，其他诸如BMP和TIF等很通用的格式都不能用在网上,因为它们太大了,但你可以用图象软件进行转换，比如Office
97的照片编辑器。把你准备在你主页上出现的图象放进相应的目录里后,你就可以开始制作了。二、开始制作你无须去记复杂的HTML语言，你可以用Netscape4.0或者WORD7.0,我用的是Frontpage.打开Netscape,在file菜单里选Edit
Page,便可以制作了.文字的处理基本跟Word没什么两样,关键是插入图片和产生链接.我们先做关于你自我介绍的一页，你先写上“大家好，我是superboy，下面是我的照片：”这时要放图片了，只须点击Insert菜单，选取Image,在Choosefile里选取你的图象文件即可，然后把这个文件保存为myself.html文件，放在myself的目录下。好，现在必须做封面了，你在封面写：“欢迎来到superboy的主页”以下是“自我介绍，我的爱好，我的工作”。你的自我介绍要链接到下一页去，你只须用鼠标选“自我介绍”后按鼠标右键
，再选create
link，然后再选你myself目录下的myself.html，就将“自我介绍”链接到下一页了，以后在浏览器中一按，就可以跳到镶有你靓照的页面啦。在你的封面做好了所有链接和图片后，记住你必须将这一页保存为index.htm(有的主机要求必须为index.html),因为网页默认的主页名称是index.制作主页其实很简单，只要多实际制作，工多艺熟。还可以拿来主义，在网上看到什么好的主页，用另存为功能保存为.html格式的文件，细细研究人家是如何做的。还可以借用网页模版来搞，我的就是~~~~~~三、将你制作好的安放在网上要在网上安你自己的家，你必须先申请一个主页空间，即向某一个主机申请一快硬盘空间。现在有较多的主机提供免费主页空间，具体见实用链接栏目。这些主机不仅提供免费个人主页空间，并且还提供留言簿、计数器等很有用的功能。只要到有关站点申请即可，具体方法，参考相关题目。申请完成以后用FTP将你所有的主页文件上传至主机指定的目录就可以了！需要注意的是，一定要保持网页的相对位置，否则会看不到网页的。
‘伍’ 怎么自己写代码建站
你好，兄弟，我以前是Java程序员，现在自己刚建了一个网站，是Java语言的。在你想知道如何建站的之前，必须要了解一些外在的条件和内在条件，咱们不着急慢慢分析，别嫌我啰嗦。
建站第一步：购买域名，推荐到大的网站去购买，例如万网，这一步大家都会，不用考虑其他。第二步：购买虚拟主机，当心了，这个要好好选择，慎重购买，一定要符合自己的需求，不买贵的，只买对的。
完整步骤：
1.购买域名、主机
2.域名绑定解析
3.下载网站源码（不是模板）
4.安装配置源码
5.网站基本修改（所有图片内容都可以改）
现在建站是方便了，但是你要下载那种带源码的网站模板，直接用的。我现在也是下载人家写好的代码，推荐一个Java的带代码的CMS,这个代码环境和使用工具，我都给你写上，你自己自学试试，如果有问题的话，随时联系我，名称：tjpcms 这款CMS非常好用，很人性化，编程软件是:JDK7.0+Tomcat7.0+Myeclipse2015 数据库是mysql5.1+Navicat Premium 11(mysql皮肤软件)
网站里面有网页，学习HTML是最基本的，单纯用HTML做的网页叫做静态网页，比较好上手，而且不用考虑是什么语言的虚拟主机，我用的是静态网页，因为tjpcms这款网站源码要求的环境高于我的虚拟主机的环境；如果要做成专业的动态网站，就是有前台页面，也有后台页面，打个比方，做一个Java类型的网站，还要学习Java基础，JSP，数据库，Linux,FTP工具的使用，xshell远程控制等等
1.外在条件：首先，要考虑你建站的用途，是企业网站还是个人网站，因为企业网站的话，花钱多这是肯定的，而且对网站的维护和要求比较高，也不容易申请，还得需要营业执照什么的，相比之下，个人网站投入小，建站快，手续也简单一些，网站配置也低一些，在建站前不妨去看看各大网站的建站视频，要有耐心看完再说。
其次，你要考虑自己的经济条件，.com的顶级域名在60元左右，虚拟主机的价格有高有低，选择适合自己的才最重要。越贵的虚拟主机服务越多，提供的空间也越大。
2.内在条件：首先，你需要学习编程语言，不要求精通，必须得会从后台修改网站，前提就是你对编程语言很熟悉，常见的有两种语言，Java和Asp.net,上传这些就不说了，用ftp工具比较简单，如果你对编程语言学习了一个月还不能入门，就不能考虑。推荐学习顺序，Html+javascript+Java基础+jsp+数据库sqlserver或MySQL ，对应工具是Dreamweaver 8+Myeclipse2015+Sqlserver2008+Mysql5.1+navicat 11
3.哎，你要实在想建站，又学不会编程语言的话，学习一下HTML+javascript，做几个静态网页，应付一下吧，Java不好入门的，自学有点难。
最后，如果兄弟后续有问题，欢迎过来问我，我能帮的一定帮。
‘陆’ 怎么制作 HTML静态网页
网页制作需要下载软件：
DREAMWEAVER、PHOTOSHOP、FLASH MX
均中文版，安全无毒，支持WIN7、XP、WIN2K 32位及64位
地址：
http://hi..com/msoffice2011/blog/item/9e11d83eff6a1e2b349bf7d8.html
安装完成即可永久使用
‘柒’ 如何编写网站源码
网站源码，也称为源代码，源程序。是指未编译的文本代码或一个网站的全部源码文件，是一系列人类可读的计算机语言指令。
HTML是最基本的，它可以编写静态网页了。
其次也需要Javascript用于校验，css用于设置统一样式，PhotoShop也必不要少的。
动态页面通常都是用服务器脚本来编写的，如asp，jsp，php等等。
‘捌’ 如何编写网站源码
HTML是最基本的，其次也需要Javascript用于校验，css用于设置统一样式，PhotoShop也必不要少，你不可能永远都用网上down的图片吧，总得自己做个整体柜架模板，然后生成个html静态页面，再对其进行修改，刚开始你可以弄弄FrontPage,因为它跟Office一样简单，充分理解怎么用表格来定位，然后再用Dreamweaver，理解怎么用表格和层来定位，主要还是用表格定位，还有其它很多知识，像Fireworks和Flash都是起辅助作用的，以上说的都是静态页面，像动态就更多了，asp asp.net jsp php等技术至少会一样，推荐jsp，基于java语言，还有一些其它技术像servlet javabean ejb 柜架有struts j2ee hibernate等，不说那么多了，你先把静态弄明白吧!
来看一下HTML基本概念
1、标记
HTML用于描述功能的符号称为“标记”。如“HTML”、“BODY”、“TABLE”等。标记在使用是必须用方括号“<>”括起来，而且是成对出现，无斜杠的标记表示该标记的作用开始，有斜杠的标记表示该标记的作用结束。如<TABLE>表示一个表格的开始，</TABLE>表标一个表格的结束。在HTML中，标记的大小写作用相同，如<TABLE>和<table>都是表示一个表格的开始。
标记可以包含标记，如：表格中包含表格或其它标记，如下面这样的HTML代码结构是正确的：
<table width="50%" border="10" cellspacing="10" cellpadding="10">
<tr>
<td>
<table width="100%" border="1" cellspacing="1" cellpadding="1">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</td>
<td>
<p> </p>
<p>hjk</p>
<p> </p>
</td>
<td> </td>
</tr>
</table>
但是标记不能交叉嵌套，如下面这样的代码是错误的：
<div><span>这是不正确的代码</div></span>
2、特殊字符
由于方括号和英文双引号被用来提示HTML的标记及参数值，那么在网页中要显示方括号和英文引号只能用其它的符号来代替，下面是常见特殊字符所代表的正常字符：
<或<对应字符 <
>或>对应字符 >
"或"——对应字符 "
à——对应字符 A
3、语法
一个标记，为了明确它的功能，往往用一些属性参数来描述，对这些属性参数的规定上就是所谓的语法，例如：段落标记<p>，它的语法格式是：
<p
align=left|center|right
class=type>
这就说明<p>标记有两个属性参数，即“align”和“class”，其中“align”用于定义段的位置是靠左、靠右还是居中。默认值是靠左。而“class ”则是定义所属的类型。在实际应用时当然可以没有“align”和“class”参数，按照默认情况显示，这一点非常重要，这是我们判断无用代码的主要标准之一，假如在网页代码中有对默认值进行描述设置的语句代码，显然是无用的代码。另外，在设置标记的属性值时，若是取默认值不影响效果或影响很少，我们就尽量取默认值，这样可以不用设置，从而达到减少代码的目的。
标记参数的具体的值都有要加西文引号，如：要使段落内容居中，正确的写法是这样的：<p align="center">段落内容居中示例</p>
学好用好HTML语言的关键是灵活应用标记的参数。特别是默认值的应用。