『壹』 怎麼製作一個網站
我在做的時候，用到了這些東西：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語言的關鍵是靈活應用標記的參數。特別是默認值的應用。