動態(tài)頁是與靜態(tài)網(wǎng)頁相對應(yīng)的，動態(tài)頁面可以通過網(wǎng)站后臺管理系統(tǒng)對網(wǎng)站的內(nèi)容進(jìn)行更新管理。發(fā)布新聞，發(fā)布公司產(chǎn)品，交流互動，博客，網(wǎng)上調(diào)查等，這都是動態(tài)網(wǎng)站的一些功能。網(wǎng)頁 URL的后綴不是htm、html、shtml、xml等靜態(tài)網(wǎng)頁的常見形式，而是以·aspx、.asp、.jsp、.php、.perl、.cgi等形式為后綴，并且在動態(tài)網(wǎng)頁網(wǎng)址中有一個(gè)標(biāo)志性的符號——“?”?！　§o態(tài)網(wǎng)頁是無需經(jīng)過服務(wù)器的編譯，直接加載到客戶瀏覽器上顯示出來。靜態(tài)頁面需要占一定的服務(wù)器空間，且不能自主管理發(fā)布更新的頁面，如果想更新網(wǎng)頁內(nèi)容，要通過FTP軟件把文件DOWN下來用網(wǎng)頁制作軟件修改（通過fso等技術(shù)例外）。常見的靜態(tài)頁面舉例：.html擴(kuò)展名的、.htm擴(kuò)展名的。

web前端主要是通過div+css等技術(shù)來完成一個(gè)傳統(tǒng)pc網(wǎng)頁的靜態(tài)頁面制作，移動web前端是通過html5+css3等技術(shù)來完成一個(gè)手機(jī)端訪問的網(wǎng)頁的制作，一個(gè)是針對pc一個(gè)是針對手機(jī)，這個(gè)就是它們最大的區(qū)別了。國內(nèi)像切圖網(wǎng)等就是專門提供這樣的服務(wù)的，只需要提供設(shè)計(jì)稿就可以了。

綜合來說 靜態(tài)頁面適合優(yōu)化排名 靜態(tài)頁面的最大的優(yōu)點(diǎn)是速度快，可以跨平臺，跨服務(wù)器，在早期網(wǎng)站建設(shè)大多都是靜態(tài)頁面制作的，靜態(tài)的網(wǎng)址就是以.htm、.html等為后綴的，在這種靜態(tài)網(wǎng)站上也可以由動態(tài)效果，像滾動字幕，GIF格式的動畫，或是FLASH，這些視覺上的動態(tài)效果并不就是動態(tài)頁面，他們是截然不同的概念，靜態(tài)網(wǎng)頁是實(shí)實(shí)在在保存在服務(wù)器上的文件，每個(gè)網(wǎng)頁都是一個(gè)獨(dú)立的文件等。所謂靜態(tài)網(wǎng)頁就是說網(wǎng)頁文件中沒有程序，只有HTML代碼，一般以.html或.htm為后綴名的網(wǎng)頁,靜態(tài)網(wǎng)站內(nèi)容不會在制作完成后發(fā)生變化,每次更改網(wǎng)站上面的內(nèi)容都要人工修改代碼，然后再上傳到服務(wù)器上，在不更改的情況下任何人訪問都顯示的一樣的內(nèi)容。動態(tài)頁面的最大的優(yōu)點(diǎn)是效率高，更新快，移置性強(qiáng)，從而快速的達(dá)到即見即所得的目的。動態(tài)頁面也可以是純文本內(nèi)容的，也可以包含各種動畫、滾動字幕等視覺上的“動態(tài)效果”，他們沒有直接的關(guān)系，這些只是網(wǎng)頁內(nèi)容的表現(xiàn)形式而已，所謂動態(tài)網(wǎng)頁,就是說該網(wǎng)頁文件不僅具有HTML標(biāo)記,而且含有程序代碼,用數(shù)據(jù)庫連接,動態(tài)網(wǎng)頁能根據(jù)不同的時(shí)間,不同的來訪者顯示不同的內(nèi)容,動態(tài)網(wǎng)站更新方便,一般在后臺直接更新的，并不需要人工手動修改代碼，靜態(tài)網(wǎng)頁在網(wǎng)站設(shè)計(jì)中,純粹HTML格式的網(wǎng)頁通常被稱為“靜態(tài)網(wǎng)頁”,早期的網(wǎng)站一般都是由靜態(tài)網(wǎng)頁制作的靜態(tài)網(wǎng)頁的特點(diǎn)簡要?dú)w納如下： (1)靜態(tài)網(wǎng)頁每個(gè)網(wǎng)頁都有一個(gè)固定的URL，且網(wǎng)頁URL以.htm、.html、.shtml等常見形式為后綴，而不含有“?”; (2)網(wǎng)頁內(nèi)容一經(jīng)發(fā)布到網(wǎng)站服務(wù)器上，無論是否有用戶訪問，每個(gè)靜態(tài)網(wǎng)頁的內(nèi)容都是保存在網(wǎng)站服務(wù)器上的，也就是說，靜態(tài)網(wǎng)頁是實(shí)實(shí)在在保存在服務(wù)器上的文件，每個(gè)網(wǎng)頁都是一個(gè)獨(dú)立的文件; (3)靜態(tài)網(wǎng)頁的內(nèi)容相對穩(wěn)定，因此容易被搜索引擎檢索; (4)靜態(tài)網(wǎng)頁沒有數(shù)據(jù)庫的支持，在網(wǎng)站制作和維護(hù)方面工作量較大，因此當(dāng)網(wǎng)站信息量很大時(shí)完全依靠靜態(tài)網(wǎng)頁制作方式比較困難; (5)靜態(tài)網(wǎng)頁的交互性交叉，在功能方面有較大的限制。 動態(tài)網(wǎng)頁 動態(tài)網(wǎng)頁是與靜態(tài)網(wǎng)頁相對應(yīng)的，也就是說，網(wǎng)頁URL的后綴不是.htm、.html、.shtml、.xml等靜態(tài)網(wǎng)頁的常見形式，而是 以.asp、.jsp、.php、.cgi等形式為后綴，并且在動態(tài)網(wǎng)頁網(wǎng)址中有一個(gè)標(biāo)志性的符號——“?” 從網(wǎng)站瀏覽者的角度來看，無論是動態(tài)網(wǎng)頁還是靜態(tài)網(wǎng)頁，都可以展示基本的文字和圖片信息，但從網(wǎng)站開發(fā)、管理、維護(hù)的角度來看就有很大的差別。 動態(tài)網(wǎng)頁的一般特點(diǎn)簡要?dú)w納如下： （1）動態(tài)網(wǎng)頁以數(shù)據(jù)庫技術(shù)為基礎(chǔ)，可以大大降低網(wǎng)站維護(hù)的工作量； （2）采用動態(tài)網(wǎng)頁技術(shù)的網(wǎng)站可以實(shí)現(xiàn)的功能，如用戶注冊、用戶登錄、在線調(diào)查、用戶管理、訂單管理等等； （3）動態(tài)網(wǎng)頁實(shí)際上并不是獨(dú)立存在于服務(wù)器上的網(wǎng)頁文件，只有當(dāng)用戶請求時(shí)服務(wù)器才返回一個(gè)完整的網(wǎng)頁； （4）動態(tài)網(wǎng)頁中的“？”對搜索引擎檢索存在一定的問題，搜索引擎一般不可能從一個(gè)網(wǎng)站的數(shù)據(jù)庫中訪問全部網(wǎng)頁，或者出于技術(shù)方面的考慮，搜索引擎不去抓取網(wǎng)址中“？”后面的內(nèi)容，因此采用動態(tài)網(wǎng)頁的網(wǎng)站在進(jìn)行搜索引擎推廣時(shí)需要做一定的技術(shù)處理才能適應(yīng)搜索引擎的要求。 靜態(tài)/動態(tài)網(wǎng)站深入介紹 動態(tài)網(wǎng)站和靜態(tài)網(wǎng)站的最大區(qū)別在于運(yùn)用數(shù)據(jù)庫技術(shù)來完成設(shè)計(jì),發(fā)布,管理,更新等工作. 簡單地講,動態(tài)網(wǎng)站就是可以通過服務(wù)器所給予的權(quán)限隨時(shí)對網(wǎng)站進(jìn)行管理,發(fā)布及更新內(nèi)容的網(wǎng)站.它的好處是可以通過聯(lián)網(wǎng)的任何一臺計(jì)算機(jī)對網(wǎng)站進(jìn)行控制,而不必在服務(wù)器端進(jìn)行網(wǎng)站管理. 動態(tài)網(wǎng)站大體可分為前臺和后臺.前臺面向服務(wù)對象,確切地說就是用戶在瀏覽器上所見到的頁面.后臺則面向網(wǎng)站管理者.只有通過特定的用戶名和密碼才能進(jìn)入.不論前臺和后臺,都要通過瀏覽器進(jìn)行操作.動態(tài)網(wǎng)站優(yōu)點(diǎn) 更新容易：網(wǎng)站內(nèi)容更新實(shí)現(xiàn)“傻瓜式”，普通工作人員即可完成解決網(wǎng)站建成后的維護(hù)問題（長期發(fā)展） 可擴(kuò)展升級：網(wǎng)站的內(nèi)容都記錄在數(shù)據(jù)庫，以后網(wǎng)站改版升級，這些內(nèi)容都可導(dǎo)入，不會丟失，而且功能也可以搬過去，避免了完全重新建站，避免了重復(fù)投入和浪費(fèi)。 設(shè)計(jì)費(fèi)用按網(wǎng)站功能計(jì)算，頁數(shù)不限。 它將企業(yè)網(wǎng)站建設(shè)從單純靜態(tài)頁面制作延伸為企業(yè)對信息資源的組織和管理。 靜態(tài)網(wǎng)站缺點(diǎn) 網(wǎng)站設(shè)計(jì)以靜態(tài)頁面為主，網(wǎng)站更新需由專業(yè)人員完成網(wǎng)站僅有宣傳功能，缺少互動功能，效果不是很好網(wǎng)站長期維護(hù)存在人力資源上的困難 網(wǎng)站長期發(fā)展缺乏后勁 設(shè)計(jì)費(fèi)用按頁數(shù)計(jì)算 靜態(tài)頁面的優(yōu)點(diǎn) 安全，靜態(tài)頁面從理論上講是沒有攻擊漏洞的 沒有數(shù)據(jù)庫訪問或減少服務(wù)器對數(shù)據(jù)響應(yīng)的負(fù)荷，速度快 網(wǎng)站優(yōu)化引擎，易于搜索引擎收錄，搜索引擎比較喜歡收錄靜態(tài)頁面 降低服務(wù)器的承受能力，因?yàn)槠洳恍枰馕鼍涂梢苑祷乜蛻舳?，因此減少了服務(wù)器的工作量，中時(shí)也減少了數(shù)據(jù)庫的成本。

以下流程適合于為靜態(tài)網(wǎng)頁初學(xué)者 1，軟件介紹，建立管理站點(diǎn) 網(wǎng)頁網(wǎng)站介紹，網(wǎng)站取名，設(shè)計(jì)風(fēng)格，色彩運(yùn)用，定位方向（理論） 素材收集，軟件啟用，功能性菜單工具介紹，頁面屬性設(shè)定，預(yù)覽網(wǎng)頁 2，創(chuàng)建新文件，設(shè)定文本圖片動畫格式 文本屬性，涉及到HTML樣式，圖片屬性，圖文超連接，圖文混排。 段落和行，有序無序列表，水平線，日期，特殊字符 圖片輪顯，導(dǎo)航菜單，插入Flash（.swf） 字體樣式的學(xué)習(xí) 3，創(chuàng)建超級連接 a，文本連接：到網(wǎng)絡(luò)，到站內(nèi)；b，圖片連接：整圖，熱點(diǎn)區(qū)域； c，郵件地址連接； d，下載打開對話框連接解釋； e，書簽錨點(diǎn)連接：到同頁到不同頁。 要求對絕對路徑和相對路徑的熟練掌握。 /Article/wysj/jzll/200510/404.htm 4，建立表格 表格的建立，格式化表格（顏色采用規(guī)則） 表格數(shù)據(jù)，排序表格 行和列的選取，行和列的填加刪除 矩形多單元格塊的相關(guān)操作 標(biāo)準(zhǔn)視圖和布局視圖，自動伸展表格 表格在網(wǎng)頁中的應(yīng)用~！ 其他花樣表格介紹。 5，幀-框架頁面 框架的建立，保存，連接--個(gè)人站點(diǎn)的起步 以及iframe的運(yùn)用。 6，層以及時(shí)間線的運(yùn)用 鼠標(biāo)移到圖片時(shí)顯示隱含圖層 & 拖動圖層的應(yīng)用 http://www.pconline.com.cn/pcedu/sj/wz/Dreamweaver/10111/14968.html 點(diǎn)擊按鈕出現(xiàn)隱含圖層 & 下拉菜單的實(shí)現(xiàn) http://www.pconline.com.cn/pcedu/sj/wz/dreamweaver/10111/14982.html 如何賦予文字圖層特效 & Timeline 的基本應(yīng)用 http://www.pconline.com.cn/pcedu/sj/wz/dreamweaver/10111/14992.html 一個(gè)比較復(fù)雜的Timeline例子 http://www.pconline.com.cn/pcedu/sj/wz/dreamweaver/10111/15019.html 7，F(xiàn)ORM表單相關(guān) 8，CSS樣式表 9，Head頭部屬性 以下所有代碼全是在...之間，具體內(nèi)容有： a，標(biāo)題元素，幫助用戶更好識別文件，有且只有一個(gè)。 當(dāng)作為首頁或收藏時(shí)做文件名。 b， …顯示本文檔和其它文檔之間的關(guān)系 c， 可以在文檔中包含風(fēng)格頁。 文檔本身的內(nèi)部樣式。 d， …為相對路徑定義絕對路徑url，讀者下載你的文檔后，也可知道從哪下的 e， 用于包含腳本（一系列腳本語言寫的命令）可以是 JavaScript 或 VBScript。 f， 10，動態(tài)HTML應(yīng)用，行為樣式 11，模板和庫 12，發(fā)布設(shè)置上傳求采納

一、菜鳥級網(wǎng)頁制作軟件 如果你是一個(gè)網(wǎng)頁制作初學(xué)者，那么讓下面幾種軟件帶你走進(jìn)那絢麗多彩的網(wǎng)頁制作世界吧！ ①M(fèi)icrosoft FrontPage 如果你曾對Word很熟悉，那么相信你用FrontPage進(jìn)行網(wǎng)頁設(shè)計(jì)一定會非常順手。使用FrontPage制作網(wǎng)頁，你能真正體會到“功能強(qiáng)大，簡單易用”的含義。頁面制作由FrontPage中的Editor完成，其工作窗口由3個(gè)標(biāo)簽頁組成，分別是“所見即所得”的編輯頁，HTML代碼編輯頁和預(yù)覽頁。FrontPage帶有圖形和GIF動畫編輯器，支持CGI和CSS。向?qū)Ш湍０宥寄苁钩鯇W(xué)者在編輯網(wǎng)頁時(shí)感到更加方便。 FrontPage最強(qiáng)大之處是其站點(diǎn)管理功能。在更新服務(wù)器上的站點(diǎn)時(shí)，不需要創(chuàng)建更改文件的目錄。FrontPage會為你跟蹤文件并拷貝那些新版本文件。FrontPage是現(xiàn)有網(wǎng)頁制作軟件中惟一既能在本地計(jì)算機(jī)上工作，又能通過Internet直接對遠(yuǎn)程服務(wù)器上的文件進(jìn)行工作的軟件。 ②Netscape編輯器 Netscape Communicator和Netscape Navigator Gold3.0版本都帶有網(wǎng)頁編輯器。如果你喜歡用Netscape瀏覽器上網(wǎng)，使用Netscape編輯器真是簡單方便！當(dāng)你用Netscape瀏覽器顯示網(wǎng)頁時(shí)，單擊編輯按鈕，Netscape就會把網(wǎng)頁存儲在硬盤中，然后就可以開始編輯了。你也可以像使用Word那樣編輯文字、字體、顏色，改變主頁作者、標(biāo)題、背景顏色或圖像，定義描點(diǎn)，插入鏈接，定義文檔編碼，插入圖像，創(chuàng)建表格等，是不是與FrontPage 2000還有些像?但是，Netscape編輯器對復(fù)雜的網(wǎng)頁設(shè)計(jì)就顯得功能有限了，它連表單創(chuàng)建、多框架創(chuàng)建都不支持。 Netscape編輯器是網(wǎng)頁制作初學(xué)者很好的入門工具。如果你的網(wǎng)頁主要是由文本和圖片組成的，Netscape編輯器將是一個(gè)輕松的選擇。如果你對HTML語言有所了解的話，能夠使用Notepad或Ultra Edit等文本編輯器來編寫少量的HTML語句，也可以彌補(bǔ)Netscape編輯器的一些不足。 ③Adobe Pagemill Pagemill功能不算強(qiáng)大，但使用起來很方便，適合初學(xué)者制作較為美觀、而不是非常復(fù)雜的主頁。如果你的主頁需要很多框架、表單和Image Map圖像，那么Adobe Pagemill的確是你的首選。 Pagemill另一大特色是有一個(gè)剪貼板，可以將任意多的文本、圖形、表格拖放到里面，需要時(shí)再打開，很方便。 ④Claris Home Page 如果使用Claris Home Page軟件，你可以在幾分鐘之內(nèi)創(chuàng)建一個(gè)動態(tài)網(wǎng)頁。這是因?yàn)樗幸粋€(gè)很好的創(chuàng)建和編輯Frame(框架)的工具，你不必花費(fèi)太多的力氣就可以增加新的Frame(框架)。而且Claris Home Page 3.0集成了FileMaker數(shù)據(jù)庫，增強(qiáng)的站點(diǎn)管理特性還允許你檢測頁面的合法連接。不過界面設(shè)計(jì)過于粗糙，對Image Map圖像的處理也不完全。 二、中級網(wǎng)頁制作軟件 如果你對網(wǎng)頁設(shè)計(jì)已經(jīng)有了一定的基礎(chǔ)，對HTML語言又有一定的了解，那么你可以選擇下面的幾種軟件來設(shè)計(jì)你的網(wǎng)頁，他們一定會為你的網(wǎng)頁添色不少。 ①DreamWeaver 自制動態(tài)HTML動畫的網(wǎng)頁 DreamWeaver是一個(gè)很酷的網(wǎng)頁設(shè)計(jì)軟件，它包括可視化編輯、HTML代碼編輯的軟件包，并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它還能通過拖拽從頭到尾制作動態(tài)的HTML動畫，支持動態(tài)HTML(Dynamic HTML)的設(shè)計(jì)，使得頁面沒有plug-in也能夠在Netscape和IE 4.0瀏覽器中正確地顯示頁面的動畫。同時(shí)它還提供了自動更新頁面信息的功能。 DreamWeaver還采用了Roundtrip HTML技術(shù)。這項(xiàng)技術(shù)使得網(wǎng)頁在DreamWeaver和HTML代碼編輯器之間進(jìn)行自由轉(zhuǎn)換，HTML句法及結(jié)構(gòu)不變。這樣，專業(yè)設(shè)計(jì)者可以在不改變原有編輯習(xí)慣的同時(shí)，充分享受到可視化編輯帶來的益處。DreamWeaver最具挑戰(zhàn)性和生命力的是它的開放式設(shè)計(jì)，這項(xiàng)設(shè)計(jì)使任何人都可以輕易擴(kuò)展它的功能。 ②Fireworks 第一款徹底為Web制作者們設(shè)計(jì)的軟件 Fireworks的來頭實(shí)在不小，它的出現(xiàn)使Web作圖發(fā)生了革命性的變化。Fireworks是專為網(wǎng)絡(luò)圖像設(shè)計(jì)而開發(fā)，內(nèi)建豐富的支持網(wǎng)絡(luò)出版功能，比如Fireworks能夠自動切圖、生成鼠標(biāo)動態(tài)感應(yīng)的javascript。而且Fireworks具有十分強(qiáng)大的動畫功能和一個(gè)幾乎完美的網(wǎng)絡(luò)圖像生成器(Export功能)。它增強(qiáng)了與dreamweaver的聯(lián)系，可以直接生成dreamweaver的Libaray甚至能夠?qū)С鰹榕浜螩SS式樣的網(wǎng)頁及圖片！ ③Flash 讓你的網(wǎng)頁動起來 Flash是用在互聯(lián)網(wǎng)上動態(tài)的、可互動的shockwave。它的優(yōu)點(diǎn)是體積小，可邊下載邊播放，這樣就避免了用戶長時(shí)間的等待。#{6FLASH6}#可以用其生成動畫，還可在網(wǎng)頁中加入聲音。這樣你就能生成多媒體的圖形和界面，而使文件的體積卻很小。FLASH雖然不可以像一門語言一樣進(jìn)行編程，但用其內(nèi)置的語句并結(jié)合JavaScripe，您也可做出互動性很強(qiáng)的主頁來。有人曾經(jīng)說過：下個(gè)世紀(jì)的網(wǎng)絡(luò)設(shè)計(jì)人不會用FLASH，必將被淘汰出局！我相信這句話沒錯！ ④HotDog Professional 制作要加入多種復(fù)雜技術(shù)的網(wǎng)頁 HotDog是較早基于代碼的網(wǎng)頁設(shè)計(jì)工具，其最具特色的是提供了許多向?qū)Чぞ?，能幫助設(shè)計(jì)者制作頁面中的復(fù)雜部分。HotDog的高級HTML支持插入marquee，并能在預(yù)覽模式中以正常速度觀看。這點(diǎn)非常難得，因?yàn)榧词故讋?chuàng)這種標(biāo)簽的Microsoft在FrontPage中也未提供這樣的功能。HotDog對plug-in的支持也遠(yuǎn)遠(yuǎn)超過其他產(chǎn)品，它提供的對話框允許你以手動方式為不同格式的文件選擇不同的選項(xiàng)。但對中文的處理不很方便。 HotDog是個(gè)功能強(qiáng)大的軟件，對于那些希望在網(wǎng)頁中加入CSS、Java、RealVideo等復(fù)雜技術(shù)的高級設(shè)計(jì)者，是個(gè)很好的選擇。 ⑤HomeSite 制作可完全控制頁面進(jìn)程的網(wǎng)頁 Allaire的HomeSite是一個(gè)小巧而全能的HTML代碼編輯器，有豐富的幫助功能，支持CGI和CSS等等，并且可以直接編輯perl程序。HomeSite工作界面繁簡由人，根據(jù)習(xí)慣，可以將其設(shè)置成像Notepad那樣簡單的編輯窗口，也可以在復(fù)雜的界面下工作。 HomeSite更適合那些比較復(fù)雜和精彩頁面的設(shè)計(jì)。如果你希望能完全控制你制作的頁面的進(jìn)程，HomeSite是你最佳選擇。不過對于生手過于復(fù)雜。 ⑥HotMetal Pro 制作具有強(qiáng)大數(shù)據(jù)嵌入能力的網(wǎng)頁 HotMetal既提供“所見即所得”圖形制作方式，又提供代碼編輯方式，是個(gè)令各層次設(shè)計(jì)者都不至于失望的軟件。但是初學(xué)者需要熟知HTML，才能得心應(yīng)手地使用這個(gè)軟件。HotMetal具有強(qiáng)大的數(shù)據(jù)嵌入能力，利用它的數(shù)據(jù)插入向?qū)?，可以把外部的Access、Word、Excel以及其他ODBC數(shù)據(jù)提出來，放入頁面中。而且HotMetal能夠把它們自動轉(zhuǎn)換為HTML格式，是不是很棒?此外它還能轉(zhuǎn)換很多老格式的文檔(如WordStar等)，并能在轉(zhuǎn)換過程中把這些文檔里的圖片自動轉(zhuǎn)換為GIF格式。 HotMetal為用戶提供了“太多”的工具，而且它還可以用網(wǎng)狀圖或樹狀圖表現(xiàn)整個(gè)站點(diǎn)文檔的鏈接狀況。 三、高級網(wǎng)頁制作軟件 ①M(fèi)icrosoft Visual Studio 該系列的版本有：2003、2005、2008和未來的版本； 適合開發(fā)動態(tài)的aspx網(wǎng)頁，同時(shí)，還能制作無刷新網(wǎng)站、webservice功能等，僅適合高級用戶。 ②Jbuilder 不論是各種版本，均適合使用其開發(fā)出JSP網(wǎng)頁，僅適合高級用戶。 ③記事本 別以為記事本功能非常少，軟件很簡單；但是，如何想使用它來制作網(wǎng)頁，也僅適合高級用戶；因?yàn)樵谄鋬?nèi)容，沒有任何可視化的操作可直接制作網(wǎng)頁，而只能編寫各種HTML代碼、CSS代碼、JS代碼和各種動態(tài)腳本，方能制作出網(wǎng)頁來。 參考資料： 網(wǎng)站、網(wǎng)頁制作（團(tuán)）

初級前端主要學(xué)習(xí)三個(gè)部分：HTML，CSS，JavaScript一、html + css部分：這部分特別簡單，到網(wǎng)上搜資料，書籍視頻非常多。css中盒子模型，流動，block，inline，層疊，樣式優(yōu)先級等這些自學(xué)起來也是非常容易。最后再深入了解下瀏覽器差異性，ie9以下兼容簡單了解就行了，ie9以下瀏覽器被淘汰掉是趨勢，低版本沒必要浪費(fèi)大量時(shí)間去學(xué)習(xí)兼容主流瀏覽器，google chrome瀏覽器、firefox瀏覽器、safari瀏覽器、opera瀏覽器即可。瀏覽器差異內(nèi)容很多，建議在實(shí)踐中多多積累。二、JavaScript部分。1.基礎(chǔ)學(xué)習(xí)：難點(diǎn)，也是重點(diǎn)，要學(xué)的內(nèi)容實(shí)在很多，如果沒有其他編程語言的基礎(chǔ)的話，學(xué)起來可能要費(fèi)些力，有很多比較抽象的概念，必須要深入理解，比如閉包、原型、面向?qū)ο?、封裝等，要理解透徹?？磿潜夭豢缮俚模乙槐緝?yōu)秀的js書從頭到尾，反復(fù)研究學(xué)習(xí)，第一遍可以快速翻閱，大體知道了解概念即可，第二三遍就需要深入學(xué)習(xí)了。另外，js面向?qū)ο缶幊瘫仨氁獙W(xué)習(xí)，非常重要，個(gè)人推薦一本書， Stoyan Stefanov著，凌杰譯的《javascript面向?qū)ο笾改稀?。邊學(xué)邊練，實(shí)踐出真知。針對那些有條件的人來說，很多小伙伴更喜歡的是自學(xué)。但是一個(gè)人自學(xué)畢竟力量是有限的，為了讓想學(xué)習(xí)的人可以更好的學(xué)習(xí)，給大家推薦一個(gè)裙，前面是6 1 1，中間是肆 二 8，最后面就是壹 四 二，這里有很多想學(xué)習(xí)的人和你一起交流，也有大牛每天晚上免費(fèi)教學(xué)，想要學(xué)習(xí)的人都可以加入我們，但是我們只歡迎想學(xué)習(xí)的人，不是來學(xué)習(xí)，隨便看看的就不要進(jìn)了。2.jQuery學(xué)習(xí)：這些基礎(chǔ)知識掌握好之后，還需要學(xué)jQuery，這是一個(gè)非常優(yōu)秀的Javascript庫，大型開發(fā)必備。它簡化了Javascript的復(fù)雜操作，消除了Javascript跨平臺兼容問題，提供了大量實(shí)用方法，有良好的文檔和幫助手冊，是一個(gè)非常成熟的Javascript庫。慕課網(wǎng)學(xué)習(xí)視頻幕課網(wǎng)。學(xué)習(xí)方法也很簡單，照著產(chǎn)品文檔做幾個(gè)頁面就行了，不用面面俱到，以后遇到問題查文檔就行了。大概流程就是這樣，如下圖所示：3.進(jìn)階學(xué)習(xí)：有了以上知識，對于大多數(shù)小型網(wǎng)站，你應(yīng)該已經(jīng)可以寫出能夠工作的代碼了。但要想成為更專業(yè)的前端，你還需繼續(xù)努力。更高的要求大概還有四方面：易維護(hù)，可測試，高性能，低流量（移動端）。中高級前端1.工具學(xué)習(xí)習(xí)：大型項(xiàng)目中，前端代碼構(gòu)建已經(jīng)不是簡單的壓縮一下了，依賴管理、模塊合并、各種編譯步步不可缺少，需要學(xué)會使用grunt、gulp等前端構(gòu)建工具，要學(xué)習(xí)的還有：包管理器bower、npm，代碼優(yōu)化CSS Lint、JSHint、JSLint，CSS預(yù)處理器less、sass,代碼管理及版本控制svn、Git，web框架/服務(wù)器Node、Express，代碼規(guī)范、HTML模塊化、css模塊化。2.布局框架學(xué)習(xí)如Bootstrap。3.新技術(shù)html5學(xué)習(xí)。4.js框架學(xué)習(xí)，requireJS、 AngularJS等，往前端架構(gòu)師靠近。5.nodejs學(xué)習(xí)。到招聘網(wǎng)站，參考任聘要求，準(zhǔn)沒錯，舉例如下：1.精通html和css，能制作符合W3C標(biāo)準(zhǔn)的靜態(tài)頁面；2.精通JavaScript編程，對面向?qū)ο缶幊趟枷胗猩羁汤斫猓?.精通主流Javascript庫/框架jQuery；4.理解并掌握J(rèn)avaScript語言核心技術(shù)DOM、BOM有Javascript性能優(yōu)化經(jīng)驗(yàn)；5.對瀏覽器兼容性有深入的研究，精通各種瀏覽器問題 ；6.了解Backbone.js、AngularJs等MVC框架并有實(shí)際項(xiàng)目開發(fā)經(jīng)驗(yàn)；7.了解http://asp.net等服務(wù)器后臺技術(shù)和擁有一定的C#編程能力者優(yōu)先；8.對交互體驗(yàn)、可用性、用戶體驗(yàn)有一定程度的理解；9.有良好的責(zé)任心和團(tuán)隊(duì)合作能力、能承受較大的壓力；自己動手搜索下吧，確定目標(biāo)和方向，以上是個(gè)人路線，僅供參考。

1、動態(tài)網(wǎng)站，一般指前臺后臺有交互的網(wǎng)站，需要達(dá)成幾個(gè)必備條件： 1）包含數(shù)據(jù)庫，一般常用MSSQL、Mysql等等； 2）動態(tài)網(wǎng)站需要在服務(wù)器上運(yùn)行，一般本機(jī)測試使用IIS，個(gè)人建站也可以在購買服務(wù)器空間， 例如阿里云； 3）動態(tài)網(wǎng)站的語言選擇，常用php、java、.net等等；2、動態(tài)網(wǎng)站制作方法： 1）UI設(shè)計(jì)師根據(jù)需求設(shè)計(jì)網(wǎng)站前端、后端設(shè)計(jì)圖； 2）切圖師進(jìn)行切圖； 3）前端進(jìn)行前后臺頁面布局及效果設(shè)計(jì)； 4）數(shù)據(jù)庫工程師根據(jù)需求進(jìn)行數(shù)據(jù)庫設(shè)計(jì)（數(shù)據(jù)結(jié)構(gòu)、冗余程度、表結(jié)構(gòu)、視圖設(shè)計(jì)等等）（該步驟可以只需在步驟5前執(zhí)行即可）； 5）后臺進(jìn)行功能部署及設(shè)計(jì)； 6）發(fā)布網(wǎng)站； 7）在瀏覽器中訪問網(wǎng)站即可。

[1]吳濤主編，網(wǎng)站全程設(shè)計(jì)技術(shù)（修訂本），北京：清華大學(xué)出版社；北京交通大學(xué)出版社[2] 張華、賈志娟主編，asp項(xiàng)目開發(fā)實(shí)踐，中國鐵道出版社[3] 沈大林主編，中文Flash 8案例教程，中國鐵道出版社[4]龍馬工作室編，ASP+SQL Server組建動態(tài)網(wǎng)站實(shí)例精講，北京：人民郵電出版社[5] 趙增敏編，ASP動態(tài)網(wǎng)頁設(shè)計(jì)，電子工業(yè)出版社[6] 任學(xué)文、范嚴(yán)編, 網(wǎng)頁設(shè)計(jì)與制作，中國科學(xué)技術(shù)出版社[7] 武創(chuàng)、王惠主編,網(wǎng)頁設(shè)計(jì)探索之旅 ,電子工業(yè)出版社[8] 杜巧玲等編, 網(wǎng)頁設(shè)計(jì)超級夢幻組合,清華大學(xué)出版社[9] 吳黎兵、羅云芳編，網(wǎng)頁設(shè)計(jì)教程， 武漢大學(xué)出版社[10] 莊王健編，網(wǎng)頁設(shè)計(jì)三劍客白金教程，電子工業(yè)出版社[11]葉汶華、程永靈主編，ASP.NET網(wǎng)頁制作教程，冶金工業(yè)出版社[12]張軍、王佩楷主編，ASP動態(tài)網(wǎng)站設(shè)計(jì)經(jīng)典案例，機(jī)械工業(yè)出版社[13]魯宏偉、汪厚祥主編，多媒體計(jì)算機(jī)技術(shù)（第三版），電子工業(yè)出版社[14] 趙小林、劉志強(qiáng)、鄭潔主編，網(wǎng)頁制作技術(shù)教程－動態(tài)網(wǎng)頁篇，北京：國防工業(yè)出版社

1.想要制作動態(tài)網(wǎng)頁，首先需要了解動態(tài)網(wǎng)頁的特征，動態(tài)網(wǎng)頁的第一個(gè)特征就是使用動態(tài)語言制作而成，例如PHP，ASP，JSP等，用它們制作而成的網(wǎng)頁都會以相應(yīng)的動態(tài)語言為后綴名，例如.php，.asp等，我們把這種動態(tài)語言制作的網(wǎng)頁叫做動態(tài)網(wǎng)頁。2.動態(tài)網(wǎng)頁一般以數(shù)據(jù)庫技術(shù)為基礎(chǔ)，之所以網(wǎng)頁有靜動之分，就是因?yàn)榭磾?shù)據(jù)是否能夠?qū)崟r(shí)更新，而能夠完成這項(xiàng)工作的就是數(shù)據(jù)庫了，使用動態(tài)語言實(shí)現(xiàn)和數(shù)據(jù)庫的交互，從而達(dá)到數(shù)據(jù)及時(shí)更新的目的，同時(shí)也大大降低了網(wǎng)站的維護(hù)工作。3.動態(tài)網(wǎng)頁需要服務(wù)器作支持，平時(shí)見到的以html結(jié)尾的文件雙擊都能夠正常的打開，即使沒有服務(wù)器也不會對瀏覽頁面造成影響，但是動態(tài)網(wǎng)頁不同，需要服務(wù)器作支持，同時(shí)服務(wù)器還必須支持這種動態(tài)語言才能正常瀏覽。4.首先需要安裝服務(wù)器，可以使用windows自帶的IIS服務(wù)器，當(dāng)然也可以使用比較流行的apache服務(wù)器，這需要根據(jù)自己的動態(tài)語言決定，asp就選擇IIS，php就選擇apache（當(dāng)然并非絕對）。5.接著就是數(shù)據(jù)庫的選擇，同樣需要根據(jù)自己的動態(tài)語言來選擇，如果使用的是ASP動態(tài)語言，那么就可以選擇ACCESS數(shù)據(jù)庫，如果選擇的是PHP，那么就可以選擇MYSQL數(shù)據(jù)庫，當(dāng)然還有其他的數(shù)據(jù)庫選擇，根據(jù)情況自己決定。6.然后就是把動態(tài)語言和服務(wù)器數(shù)據(jù)庫相結(jié)合了，不同的組合結(jié)合方式也是不同的。7.以上的過程又叫做搭配環(huán)境，是實(shí)現(xiàn)動態(tài)網(wǎng)頁必須的步驟,可以使用集成環(huán)境，windows下可以安裝wamp，linux下可以安裝xampp。都是一鍵安裝，沒有任何難度。8.安裝完成后，找到安裝目錄（以wamp為例子），雙擊之后會發(fā)現(xiàn)一個(gè)www目錄，這就是網(wǎng)站的根目錄，也是以后網(wǎng)頁要存放的目錄（當(dāng)然可以更改），然后新建一個(gè)以php結(jié)尾的文件，打開進(jìn)行編輯寫入<?php echo'我的第一個(gè)動態(tài)網(wǎng)頁';?>然后保存，在瀏覽器中輸入localhost/剛才創(chuàng)建的文件名，如果出現(xiàn)剛才寫入的字證明已經(jīng)成功了.