當前位置：首頁 » 網頁設計 » 入門網頁

入門網頁

發布時間: 2021-03-16 17:56:06

Ⅰ 求網頁製作入門基礎

首先聲明我不是高手，我是計算機專業的，但網頁設計完全是自學的。應該說網頁設計自學是程序設計中比較容易的，但是要學的東西很多。大體我總結為以下幾個方面，如果想學好的話，建議你進行系統的學習，由淺入深。
第一大步：掌握前台技術
1、學會html，再熟悉一下XHTML，了解他們之間的區別,學習的過程當中少用DreamWever這種所見即所得的軟體進行代碼編寫，建議使用EditPLus或者ue等具有高亮代碼提示功能的文本編輯器進行代碼編寫。
2、學會CSS，重在理解CSS的優點，區別使用和不使用CSS的利弊。代碼測試編寫同上。
3、學會javaScript,主要學會利用DOM(文檔模型)來操作HTML元素，還有BOM（瀏覽器模型）來操作窗口。
第二大步：掌握伺服器腳本
1、選擇一門自己認為順眼的動態腳本語言，比如說php（不要去考量語言的優劣性），掌握語法結構，掌握常用函數，類。
2、熟悉SQL語句的使用(對於常用網站而言),熟悉一種資料庫的使用。
3、能夠配合Javascript和動態腳本語言來實現流行的Ajax模式。

打的好累，希望會對你有所幫助。以上裡面出現的專業詞彙如不懂請網路一下或者問我，我就不給你復制粘貼了。當然，現在網站製作這方面已經分的挺清楚了，如果你比較喜歡伺服器腳本方面的東東，那就偏重一些第二步，否則··那就偏重一些第一步。

Ⅱ 如何入門網頁製作

請看這個，我也是前幾天在網路上看到這個的，然後下了下面提到的幾個軟體，然後再根據Dreamweaver里自帶的幫助文件里的教材，自己摸索，三天就做了一個包括視頻、動畫、插圖在內的網頁。

網站設計八步驟

由於目前所見即所得類型的工具越來越多，使用也越來越方便，所以製作網頁已經變成了一件輕松的工作，不像以前要手工編寫一行行的源代碼那樣。一般初學者經過短暫的學習就可以學會製作網頁，於是他們認為網頁製作非常簡單，就匆匆忙忙製作自己的網站，可是做出來之後與別人一比，才發現自己的網站非常粗糙，這是為什麼呢？常言道：「性急吃不了熱豆腐」。建立一個網站就像蓋一幢大樓一樣，它是一個系統工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設計出一個滿意的網站。

一、確定網站主題

網站主題就是你建立的網站所要包含的主要內容，一個網站必須要有一個明確的主題。特別是對於個人網站，你不可能像綜合網站那樣做得內容大而全，包羅萬象。你沒有這個能力，也沒這個精力，所以必須要找准一個自己最感興趣內容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網站的主題無定則，只要是你感興趣的，任何內容都可以，但主題要鮮明，在你的主題范圍內內容做到大而全、精而深。

二、搜集材料

明確了網站的主題以後，你就要圍繞主題開始搜集材料了。常言道：「巧婦難為無米之炊」。要想讓自己的網站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以後製作網站就越容易。材料既可以從圖書、報紙、光碟、多媒體上得來，也可以從互聯網上搜集，然後把搜集的材料去粗取精，去偽存真，作為自己製作網頁的素材。

三、規劃網站

一個網站設計得成功與否，很大程度上決定於設計者的規劃水平，規劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網站規劃包含的內容很多，如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在製作網頁之前把這些方面都考慮到了，才能在製作時駕輕就熟，胸有成竹。也只有如此製作出來的網頁才能有個性、有特色，具有吸引力。如何規劃網站的每一項具體內容，我們在下面會有詳細介紹。四、選擇合適的製作工具

盡管選擇什麼樣的工具並不會影響你設計網頁的好壞，但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。網頁製作涉及的工具比較多，首先就是網頁製作工具了，目前大多數網民選用的都是所見即所得的編輯工具，這其中的優秀者當然是Dreamweaver和Frontpage了，如果是初學者，Frontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動畫製作工具，如Flash、Cool 3d、Gif Animator等；還有網頁特效工具，如有聲有色等，網上有許多這方面的軟體，你可以根據需要靈活運用。

五、製作網頁

材料有了，工具也選好了，下面就需要按照規劃一步步地把自己的想法變成現實了，這是一個復雜而細致的過程，一定要按照先大後小、先簡單後復雜來進行製作。所謂先大後小，就是說在製作網頁時，先把大的結構設計好，然後再逐步完善小的結構設計。所謂先簡單後復雜，就是先設計出簡單的內容，然後再設計復雜的內容，以便出現問題時好修改。在製作網頁時要多靈活運用模板，這樣可以大大提高製作效率。

六、上傳測試

網頁製作完畢，最後要發布到Web伺服器上，才能夠讓全世界的朋友觀看，現在上傳的工具有很多，有些網頁製作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網站發布到自己申請的主頁存放伺服器上。網站上傳以後，你要在瀏覽器中打開自己的網站，逐頁逐個鏈接的進行測試，發現問題，及時修改，然後再上傳測試。全部測試完畢就可以把你的網址告訴給朋友，讓他們來瀏覽。

七、推廣宣傳

網頁做好之後，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它，提高網站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。

八、維護更新

網站要注意經常維護更新內容，保持內容的新鮮，不要一做好就放在那兒不變了，只有不斷地給它補充新的內容，才能夠吸引住瀏覽者
★要想學做網頁，首先得了解製作網頁的工具。

製作網頁主要有以下一些工具

Frontpage：office自帶的一個工具，操作簡單，實用，學起來比較輕松，功能不咋地，我不太喜歡。

Dreamweaver：這是網頁三劍客之一，專門製作網頁的工具，可以自動將網頁生成代碼，是普通網頁製作者的首選工具，界面簡單，實用功能比較強大。建議初學者選用。

另外一個工具就是代碼編輯工具，例如寫字本、EditPlus等，這些工具主要編輯asp等動態網頁。

此外還有一些網路編程工具，javascript、java編輯器等。

網頁製作也是一個比較吃香的行業，要真正做一個好的網站，還必須有良好的設計功底。所以還得學很多邊緣性的軟體，例如photoshop、flash等。

大型的網站往往還需要資料庫的支持，所以還得懂資料庫。sql、甲骨文等。

總之，掌握好網頁製作，能獨立完成一個網站的製作工作，那就不要考慮吃飯問題。隨便混就好了！

祝你成功。
★你可以結合 Dreamwaver 和 Photoshop 來製作網頁。

Dreamwaver 可以到這里下 30天試用版，不過要先登記一個免費帳號，http://www.macromedia.com/cfusion/tdrc/index.cfm?proct=dreamweaver
★在網上有這方面的教程
教程
http://www.nease.net/xhelp/
http://school.jz173.com/（中國建站專家）
主頁和個人空間
http://home4u.china.com/（中華網）
http://www.35.com/yumingzc/yumingzc.asp
建議使用網頁製作三劍客Dreamweawer+Firework+Flash 或使用Frontpage

Ⅲ HTML入門網站（最基本的）

<!DOCTYPEhtml>
<html>
<head>
	<metacharset="utf-8"/>
	<title>NewDocument</title>
	<metaname="generator"content="EverEdit"/>
	<metaname="author"content="lglong519"/>
	<style>
		{text-align:center;}
		tableb{padding:2px5px;border-radius:3px;color:#fff;}
		tabletd{width:100px;height:50px;}</style>
</head>
<body>
	<tablecellspacing='10'>
		<tr>
			<td></td>
			<td><b>IS</b></td>
			<td><b>DID</b></td>
			<td><b>CAN</b></td>
			<td><b>WILL</b></td>
			<td><b>WOULD</b></td>
			<td><b>MIGHT</b></td>
		</tr>
		<tr>
			<td><b>WHO</b></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
		</tr>
		<tr>
			<td><b>HWAT</b></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
		</tr>
		<tr>
			<td><b>WHERE</b></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
		</tr>
		<tr>
			<td><b>WHEN</b></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
		</tr>
		<tr>
			<td><b>WHY</b></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
		</tr>
		<tr>
			<td><b>HOW</b></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
		</tr>
	</table>
</body>
<scripttype="text/javascript">
	vartable=document.getElementsByTagName("table")[0];
	for(vari=0;i<table.rows.length;i++){
		varcs=table.rows[i].cells;
		for(varn=0;n<cs.length;n++){
			varcolor="rgb("+Math.round(43+(204-43)/(cs.length-1)*n)+","+Math.round(95+(27-95)/(cs.length-1)*n)+","+Math.round(95+(57-95)/(cs.length-1)*n)+")";
			if(i!=0&&n!=0){
				cs[n].style.backgroundColor=color;
			}
			if(cs[n].getElementsByTagName("b")[0]){
				cs[n].getElementsByTagName("b")[0].style.backgroundColor=color;
			}
		}
	}
</script>
</html>

跟你的參考圖差不多了

Ⅳ 初學網頁製作用哪個軟體好

FrontPage使用簡單，抄會用Word 就能做網襲頁，相對Dreamweaver等軟體更容易上手。

但是微軟在2006年年底前停止提供FrontPage軟體。

現在初學網頁製作Dreamweaver是比較流行，也是比較好用的一款網頁製作軟體。

Dreamweaver是所見即所得網頁編輯器，操作容易，操作改變網頁位置或檔案名稱，Dreamweaver會自動更新所有鏈接。使用支援文字、HTML碼、HTML屬性標簽和一般語法的搜尋及置換功能使得復雜的網站更新變得迅速又簡單。

Ⅳ 網頁編程入門應該首先學些什麼

網頁編程入門應該首先學html和asp這兩種語言代碼。

1、html相關知識

①據了解，html屬於靜態代碼，是網頁編程的基礎。至於靜態代碼，因伺服器不需要解析而只用於布局效果；

②還有javascript、css這兩種靜態代碼，前者用於實現某些特效，而後者則是樣式語言；

③以上三種語言組合起來，可以設計出美妙的網頁效果。

2、asp相關知識

①另外，asp屬於動態代碼，是為了能快速入門的。至於動態代碼，因伺服器需要解析而可用於資料庫操作；

②還有php、jsp這兩種動態代碼，和html有著很好的兼容性，基本學會掌握以後就可以去找工作了；

③當然，開發工具、資料庫和伺服器這三個部分得根據學的動態語言來選擇，比如動態語言和資料庫可以選擇asp和access或php和mySQL等。

(5)入門網頁擴展閱讀

網頁編程的相關原理

1、網路模型(網路結構原理和工作原理的描述)

①OSI參考模型：七層；

②Internet網路模型：四層；

③網路協議：指定層上進行數據交換的規則；

④Internet的網路層協議：IP協議、DNS協議(輔助協議)；

⑤Internet的傳輸層協議：TCP協議、UDP協議。

2、套接字(應用程序和網路協議的介面)

①Java Sockets：Java應用程序和網路協議的介面，提供若干個類的定義。Java應用程序利用這些類繼承網路協議的行為，實現網路通信；

②TCP Sockets：使用TCP協議實現可靠的網路通信；

③UDP Sockets：使用UDP協議實現效率較高的網路通信。

3、數據包(按照一定規則整合的數據集合)

①組包：指按照協議把零散的數據或報文按照組合起來，實際應用中，比如在C++編程中，往往定義一種新的數據類型用來存儲數據包的結構；

②數據包傳送：指數據包的電氣物理傳輸；

③解包：指接收端對接收的數據進行解析，獲得有用信息和數據。

Ⅵ 網頁製作入門

我也正在入門呢!
首先切頁要會用,然後是DW裡面的啦...現在的公司一般都要求用DIV+CSS才製作網頁...也會有用table的時候...還有頁面做好後的兼容問題(主要是在不同的瀏覽器下面看到的效果)...其它的就慢慢看羅

Ⅶ 網頁設計該怎麼入門

要想學的精的話最好的方法就是自己多看別人的代碼，從基礎開始動手寫。要是用DW的話多摸索工具的用法和屬性就行了網上找點教程或者買本書不難的。html代碼教程我這有的 http://lazycat527.meibu.com

Ⅷ 如何入門網頁設計

html 是最基本的網頁標簽語言這一定要學的.....
有了這個基礎你就可以設計靜態網頁了
還有ps為了增添網頁美感的...也可以學
還有css 是設計網頁布局的
現在大部分網頁都是動態的..所以要使網頁設計更好..也要要會編程
動態網頁都是asp,jsp,php,asp.net .......做的

但對初手來說,先學會靜態後,再學動態...

Ⅸ 求入門級網頁製作軟體

用
FrontPage
2003或sharepoint
designer
2007
就是2007版的FrontPage
sharepoint
designer
2007
http://..com/question/19713195.html
FrontPage2003入門教程下載_天極Yesky
【電子教程】FrontPage2003入門教程,Frontpage2003成為真正的網頁製作軟體是因為它有了更強大的功能和更人性化的...
www.mydown.com/tests/120/120332.html
FrontPage2003入門教程
-
資料下載
-
教程大全
...
點擊這里進入"FrontPage2003入門教程"相關網站.
注意事項:
⊙本站允許500人同時下載,如果出現該...
www.derive.cn/soft/8790.htm
http://www.mydown.com/tests/120/120332.html
http://www.ibook8.com/Software/Catalog24/2597.html

閱讀全文

入門網頁

與入門網頁相關的閱讀推薦