<a> 標(biāo)簽定義超鏈接，用于從一張頁面鏈接到另一張頁面?！　?lt;a> 元素最重要的屬性是 href 屬性，它指示鏈接的目標(biāo)。　　在所有瀏覽器中，鏈接的默認(rèn)外觀是：　　未被訪問的鏈接帶有下劃線而且是藍(lán)色的　　已被訪問的鏈接帶有下劃線而且是紫色的　　活動鏈接帶有下劃線而且是紅色的　　<p> 標(biāo)簽定義段落?！　 元素會自動在其前后創(chuàng)建一些空白。瀏覽器會自動添加這些空間，您也可以在樣式表中規(guī)定。

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

我了個去啊，您這是一點不會吧?你確定這樣你要做個人網(wǎng)站。。。還不如直接找個人幫你做掉算了，真是，，，，讓我想到的是考試答卷啊。您這個╮(╯▽╰)╭1、試描述建設(shè)個人網(wǎng)站的基本步驟。    前期準(zhǔn)備工作，你要有一個域名和域名空間，好了不要問我什么是域名，域名空間就是你文件的存放地。    之后，設(shè)計-網(wǎng)頁基礎(chǔ)排版和圖像處理；靜態(tài)頁面-html+css靜態(tài)頁面編輯；程序-把做好的靜態(tài)頁面嵌套到程序里面，你就可以通過后臺進(jìn)行管理了。    最后調(diào)試，測試網(wǎng)站鏈接等無問題后上傳網(wǎng)站到空間，正式發(fā)布運(yùn)行。2為什么制作網(wǎng)頁時要遵循使用標(biāo)準(zhǔn)字體、標(biāo)準(zhǔn)色彩的原則？    首先網(wǎng)站是不支持除標(biāo)準(zhǔn)字體之外的字體的，除非你使用的字體恰好瀏覽者的字體庫也有這種字體否則都會變成“宋體”，所以使用標(biāo)準(zhǔn)字體之外的字體也就毫無意義了。    當(dāng)然有一種叫做@font-face的字體，可以 將外部字體載入到網(wǎng)頁，但是他有一個致命的缺陷——針對中文字體相當(dāng)?shù)牟煌晟啤６沂褂眠@種方法你要將字體轉(zhuǎn)換成.eot、.svg、.ttf、.woff四種格式字體，并在樣式中定義字比如：1234567891011@font-face {    font-family: '953-cai978regular';    src: url('../font/953-cai978-webfont.eot');    src: url('../font/953-cai978-webfont.eot?#iefix') format('embedded-opentype'),         url('../font/953-cai978-webfont.woff2') format('woff2'),         url('../font/953-cai978-webfont.woff') format('woff'),         url('../font/953-cai978-webfont.ttf') format('truetype'),         url('../font/953-cai978-webfont.svg#953-cai978regular') format('svg');    font-weight: normal;    font-style: normal;}    至于顏色，你可以查下相關(guān)web安全色的問題，我就不多給你解釋了。3使用表格和框架布局網(wǎng)頁有什么不同之處？試描述二者結(jié)合布局網(wǎng)頁的優(yōu)勢    表格和框架的話，我不想說太多了，這個根本是本質(zhì)上的區(qū)別，沒啥好解釋的，就簡單說下方便你理解就算了。     表格的話你可以理解為Excel差不多，就是在html頁面上建立一個table表格，把需要的內(nèi)容放在相應(yīng)的單元格就可以，不過html中的表格可以做布局用（現(xiàn)在很少有人用了）。    框架的話，不建議你去研究，這個基本上在網(wǎng)頁制作中很時候用到了，不過像現(xiàn)成的QQ客服代碼和API地圖代碼插入就是框架結(jié)構(gòu)。    這個兩個你都不需要知道他們的優(yōu)勢，因為基本不用這兩種進(jìn)行布局。現(xiàn)在大多數(shù)是采用div+css的布局，而且現(xiàn)在html5+css3的技術(shù)很強(qiáng)大了。    另外框架有個致命缺點就是會出現(xiàn)內(nèi)部滾動條，你要是不明白我說的是什么意思，你自己做一個頁面只用框架并且把高度和寬度撐開你就知道了，太影響美觀了有木有啊o(>﹏<)o4回答關(guān)于文本和圖像的使用的下列問題：（1）如何輸入無行距回車和連續(xù)多個空格？    不是很清楚你說的無行距回車是啥，如果是像word一樣的換行的話只要一個<br />就搞定了，單個空格是   多個空格我們基本不用，大多數(shù)采用 margin/padding 直接控制幾個像素的距離。（2）什么是替換文本，替換文本在圖片正常瀏覽和非正常瀏覽時如何表現(xiàn)？    替換文本就是字面的意思，比如我在當(dāng)前位置插入一個圖片，但是由于不明原因它不能顯示了（360急速模式下默認(rèn)是一個裂圖，你懂的），現(xiàn)在替換文本就會顯示出來了。也就是說我設(shè)置了替換文本是“你看不到我”，那么當(dāng)圖片不顯示的時候你就看到這句話了（前面說了360顯示裂圖，IE是這樣的，你要是一定要顯示這句話就要牽扯到瀏覽器默認(rèn)格式的問題了，現(xiàn)在先不和你說有點小復(fù)雜）。    如果圖片正常情況下 你是看不到替換文本。    值得注意的是替換文本是屬性是alt ，瀏覽器本身具有糾錯性很多人用alt顯示提示信息，其實這個不是title才是，alt的作用是替換文本。不過現(xiàn)行的主流瀏覽器都默認(rèn)支持這種錯誤。5按照鏈接源端，網(wǎng)頁中的超鏈接可以劃分為哪幾種？按照鏈接目的端又可以分為哪幾種？    額~這個問題我也不是很清楚，我不明白你說的源端是什么。    你可以自己在w3c school上關(guān)于a標(biāo)簽這節(jié)內(nèi)容上看看。    http://www.w3school.com.cn/html/html_links.asp    （你要是想系統(tǒng)的學(xué)html也可以上w3c school 上學(xué)，挺全面的）6什么是圖像熱點？如何創(chuàng)建圖像熱點鏈接？    熱的就是。。。專業(yè)解釋是啥我也忘了。就你能聽懂的方法說吧，網(wǎng)頁上的文字和圖形都可以創(chuàng)建鏈接，問題來了，網(wǎng)頁上的圖形不管你做成啥樣也就只能是正方形或是矩形（flash做的不算），那如果我想要一個菱形或是圓形的鏈接怎么辦？熱點就有用了。    你要是不用軟件想自己創(chuàng)建一個熱點鏈接就算了，省省力氣吧，語法倒是不難。123456<map name="mymap"><area href=URL1 shape=rect coords="x1,y1,x2,y2"><area href=URL2 shape=circle coords="x,y,r"><area href=URL3 shape=poly coords="x1,y1,x2,y2,...,xn,yn"></map><img src=image_url usemap=#mymap>    但是，你看那x1、y1的了嗎，算坐標(biāo)算死了，還不一定找的準(zhǔn)。使用軟件直接操作，語法也不用你寫，很方便的。7使用CSS樣式有哪些優(yōu)勢    css樣式就是把定義文本、圖像、布局等一系列的代碼全部放在一個統(tǒng)一的“附加樣式表”里，這樣整個html文檔看起來會很干凈。    而且，有些樣式是重復(fù)調(diào)用的，如果有一個統(tǒng)一的樣式表只要該一個class即可，就不需要去找每一行的內(nèi)嵌樣式，省時省力。    所以css優(yōu)勢就是：增強(qiáng)代碼可讀性、便于修改。8什么是內(nèi)部樣式表，什么是外部樣式表？試舉例說明如何使用外部樣式    好吧，這個其實和上面是一樣的，看下面代碼，插入css樣式的三種方式：1234567891011<link href="CSS/document.css" rel="stylesheet" type="text/css"><!--調(diào)用外部樣式表，單獨一個.css文件--><style type="text/css">html{width:100%;background:#c8e5ee;}</style><!--內(nèi)部樣式，直接寫在html文檔的頭部里--><p style="color:red; padding-left:50px;">我是紅色字體哦~</p><!--內(nèi)嵌樣式，直接跟著他要作用于的標(biāo)簽里-->9行為是由事件和動作組成的。什么是事件？什么是動作？它們之間有什么關(guān)系？試以一個行為為例說明    這個不想理你，你想知知道的太寬了，現(xiàn)在和你說了你也 理解不了。    這個事件的問題你還是放在以后有時間在考慮了解吧，太簡單的沒用，難的你現(xiàn)在也做不到。以后你要是想學(xué)JS的時候用到的會比較多。    不過現(xiàn)在JS很多開源代碼給你抄，你不會也沒關(guān)系，也可以做出你想要的效果。不要一下想把所以的東西都學(xué)會這是不科學(xué)的，o(╯□╰)o    我也是學(xué)了有1年不到才開始不會出現(xiàn)兼容問題的。

網(wǎng)頁設(shè)計 ，和做網(wǎng)頁不是一回事。網(wǎng)頁設(shè)計 通常說的是 ，網(wǎng)頁的樣子，也就是 圖片，圖形，，文字，色彩，排版的組合和搭配。做網(wǎng)頁，是學(xué)習(xí)如何寫代碼，html5、 css、 js、 jq ,等等這些前端的 代碼. 學(xué)習(xí)網(wǎng)頁設(shè)計，說難也不難 ，關(guān)鍵看你要學(xué)習(xí)一個什么程度了。如果單純的說 ，我要做一個網(wǎng)頁，這個不是很難的 ，關(guān)鍵看你方法和你理解了。但是說 你要設(shè)計一個完美的 或者所 獨一無二的網(wǎng)頁，哪么這一張網(wǎng)頁里面 包括 圖形設(shè)計，文字設(shè)計 ，攝像，調(diào)色，色彩 等等 ，就說這圖形設(shè)計吧 ，沒有美術(shù) 基礎(chǔ)，能行嗎？ 就算 美術(shù)基礎(chǔ)沒有， 哪么各種軟件的使用 ，比如 矢量圖形軟件得使用，還有那些工具的熟練 和對畫畫的理解。說深了 ，就對你學(xué)習(xí) 的信心造成影響了，我說過 關(guān)鍵看方法。 不會做的 圖形 可以產(chǎn)考 別人的網(wǎng)頁設(shè)計 ，其實現(xiàn)在大多數(shù)網(wǎng)站的 網(wǎng)頁設(shè)計 都是差不多的，借鑒別人的 ，自己總結(jié)。

　首先要了解HTML（超文本設(shè)計語言），記住使用原理；接著用兩三天的時間學(xué)習(xí)CSS（層疊樣式表單）；進(jìn)而再花些時間了解一下javascript軟件。掌握這些基礎(chǔ)性知識后，就可試著用“記事本”編寫網(wǎng)頁，在初試階段千萬不要用那些可視化工具，如FrontPage、Dreamweaver，否則將不利于鍛煉實際能力。

前端開發(fā)和網(wǎng)頁制作不是一個職位，即前端開發(fā)包含網(wǎng)頁制作。網(wǎng)頁制作：一般意義上的網(wǎng)頁制作可以分為兩部分，即網(wǎng)頁設(shè)計和網(wǎng)頁排版，僅從技術(shù)上來說，學(xué)會兩個軟件就夠了，Photoshop和Dreamweaver。前者負(fù)責(zé)設(shè)計效果圖和切圖即網(wǎng)頁設(shè)計，后者負(fù)責(zé)編寫html代碼以及css樣式表文件，也就網(wǎng)頁排版，將切割后的圖重新按照效果圖的樣子擺放在網(wǎng)頁對應(yīng)的位置上。如果對網(wǎng)頁制作下個定義，就是用網(wǎng)頁制作工具制作網(wǎng)頁。前端開發(fā)：到目前為止沒有一個明確的定義，甚至將后臺的某部分引入到前端開發(fā)之中，但是聽起來也不無道理。下面給出一個前端開發(fā)工程師需要掌握的技能表：前端開發(fā)工程師的核心技能：1、開發(fā)語言。核心掌握的語言有html+css+JavaScript。html發(fā)展歷史有出現(xiàn)有二十多年，歷經(jīng)多次版本更新，JavaScript作為最難的語言之一，許多編程高手對之也不敢妄自菲薄自封精通。許多人都說前端開發(fā)要掌握的技能太簡單，這是對html語言的一種誤解。之前由于工具和沒有較強(qiáng)邏輯性，大部分人對前端開發(fā)很輕視。導(dǎo)致前端開發(fā)在國內(nèi)的發(fā)展異常緩慢。即使是現(xiàn)在，許多在前端開發(fā)的人員還不知道為什么要有html5和css3，這兩項技術(shù)能帶來什么革新就更不必問了。由于JavaScript與html的差異性，以及靜動態(tài)分開處理的一些好處。在大公司編寫靜態(tài)效果和動態(tài)效果往往是分開由不同的人完成的。小公司因為需要壓縮成本，就要求每個人會的越多越好。至于php等一些后臺語言，則是前端開發(fā)的擴(kuò)展語言，想要成為前端開發(fā)項目經(jīng)理，必須要懂得后臺實現(xiàn)的思路，并能夠?qū)懗鲞m合后臺修改的模板，不會讓他們頭大的想砸電腦。試想在DW生成的一個1MB多的頁面里出現(xiàn)了錯誤，什么時候才能找到錯誤的根源并解決?2、瀏覽器調(diào)試電腦上的瀏覽器，有IE6\7\8，F(xiàn)irefox，chrome，opera，safari，遨游，包括國內(nèi)主流的搜狐，騰訊TT，360，世界之窗。從內(nèi)核上講主要有IE的，遨游版IE，safari，firefox以及opera的。每種內(nèi)核對代碼的解析是不完全一樣的，即使同樣內(nèi)核也可能存在很大差異，如IE和遨游版的IE。不說非主流的瀏覽器，就主流的8個瀏覽器，要做到完全兼容，并不是那么輕松的。需要長時間的積累測試，需要前端開發(fā)工程師對前端開發(fā)的熱愛和激情。3、hack技術(shù)這項技術(shù)其實沒必要單獨列出來，前端開發(fā)人員往往要給別的人去擦屁股，這時候hack技術(shù)就能大顯神威，提高工作效率。雖然寫代碼都要求按照標(biāo)準(zhǔn)來，不寫hack代碼，但實際工作中給別人擦屁股是免不了的。所以這也應(yīng)該是每個前端開發(fā)人員必備的技能。4、業(yè)內(nèi)標(biāo)準(zhǔn)這些標(biāo)準(zhǔn)代表了互聯(lián)網(wǎng)發(fā)展的方向，也代表了前端開發(fā)的一種信仰。寫的代碼，都要100%通過標(biāo)準(zhǔn)驗證，為通過標(biāo)準(zhǔn)驗證而感到自豪。這種推動業(yè)界發(fā)展的自豪感，是許多后臺工作人員所不能體會到的。此外一些PS等一些知識也要掌握掌握以上技能，可以說只能算是一個合格的前端開發(fā)人員，能夠參與到一個大的項目中，或者自己獨立寫出一個網(wǎng)頁。此時和網(wǎng)頁制作設(shè)計的區(qū)別不是特別明顯，效果上來看，都是制作網(wǎng)頁的，但實際上，技術(shù)上所超于的已經(jīng)是幾個檔次的東西了。而這些，恰恰是一個普通網(wǎng)頁制作設(shè)計所做不到的事情。因為不懂DW背后的代碼，也有部分人說懂得手寫代碼，只能說，不在手寫代碼中實踐、解決問題，根本不能領(lǐng)會到手寫代碼的精髓。顯然一個好的前端開發(fā)人員是連通和設(shè)計和代碼之間的一個橋梁。既要有理工的嚴(yán)謹(jǐn)又要有文藝的情懷。既要懂得交互設(shè)計，提高用戶體驗，又要具有美術(shù)基礎(chǔ)和審美能力，而在此基礎(chǔ)之上，還要對已完成的頁面進(jìn)行維護(hù)和以及網(wǎng)站前端性能做相應(yīng)的優(yōu)化。而網(wǎng)頁制作只是這整個前端開發(fā)過程的一個組成部分，所以真正的前端開發(fā)人員是一個很厲害的角色。

兩者概念上是一樣的；網(wǎng)站建設(shè)比起網(wǎng)站設(shè)計有局限性，更傾向于程序或模板的建站，而網(wǎng)站設(shè)計這么理解，它的定義更廣一些。網(wǎng)站建設(shè)是指使用標(biāo)識語言(markup language)，通過一系列設(shè)計、建模、和執(zhí)行的過程將電子格式的信息通過互聯(lián)網(wǎng)傳輸，最終以圖形用戶界面(GUI)的形式被用戶所瀏覽。簡單來說，網(wǎng)頁設(shè)計的目的就是產(chǎn)生網(wǎng)站。簡單的信息如文字，圖片(GIF，JPEG，PNG)和表格，都可以通過使超文件標(biāo)示語言、可擴(kuò)展超文本標(biāo)記語言等標(biāo)示語言放置到網(wǎng)站頁面上。而更復(fù)雜的信息如矢量圖形、動畫、視頻、聲頻等多媒體檔案則需要插件程序來運(yùn)行，同樣地它們亦需要標(biāo)示語言移植在網(wǎng)站內(nèi)。網(wǎng)站設(shè)計要能充分吸引訪問者的注意力，讓訪問者產(chǎn)生視覺上的愉悅感。因此在網(wǎng)頁創(chuàng)作的時候就必須將網(wǎng)站的整體設(shè)計與網(wǎng)頁設(shè)計的相關(guān)原理緊密結(jié)合起來。網(wǎng)站設(shè)計是將策劃案中的內(nèi)容、網(wǎng)站的主題模式，以及結(jié)合自己的認(rèn)識通過藝術(shù)的手法表現(xiàn)出來;而網(wǎng)頁制作通常就是將網(wǎng)頁設(shè)計師所設(shè)計出來的設(shè)計稿，按照W3C規(guī)范用html(標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用)將其制作成網(wǎng)頁格式。

前端開發(fā)工程師獨立出來主要就是做數(shù)據(jù)交互、后臺處理、SEO優(yōu)化等工作，要熟練各種腳本語言和運(yùn)行環(huán)境，熟悉XML、SQL、ORACLE等數(shù)據(jù)庫，熟悉AJXA、Jquery、Slivelight、Struct2、CSS4、Html5等網(wǎng)站處理技術(shù)。網(wǎng)頁設(shè)計（web design，又稱為Web UI design，WUI design，WUI），是根據(jù)企業(yè)希望向瀏覽者傳遞的信息（包括產(chǎn)品、服務(wù)、理念、文化），進(jìn)行網(wǎng)站功能策劃，然后進(jìn)行的頁面設(shè)計美化工作。作為企業(yè)對外宣傳物料的其中一種，精美的網(wǎng)頁設(shè)計，對于提升企業(yè)的互聯(lián)網(wǎng)品牌形象至關(guān)重要。網(wǎng)頁設(shè)計一般分為三種大類：功能型網(wǎng)頁設(shè)計（服務(wù)網(wǎng)站&B/S軟件用戶端）、形象型網(wǎng)頁設(shè)計（品牌形象站）、信息型網(wǎng)頁設(shè)計（門戶站）。設(shè)計網(wǎng)頁的目的不同，應(yīng)選擇不同的網(wǎng)頁策劃與設(shè)計方案。網(wǎng)頁設(shè)計的工作目標(biāo)，是通過使用更合理的顏色、字體、圖片、樣式進(jìn)行頁面設(shè)計美化，在功能限定的情況下，盡可能給予用戶完美的視覺體驗。高級的網(wǎng)頁設(shè)計甚至?xí)紤]到通過聲光、交互等來實現(xiàn)更好的視聽感受。網(wǎng)頁設(shè)計主要以Adobe產(chǎn)品為主，常見的工具包括FW、PS、FL、DW、CDR、AI等，其中DW是代碼工具，其他是圖形圖像和FL動畫工具。還有最近幾年Adobe新出的EdgeReflow、EdgeCode、Muse。