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

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

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

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

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

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

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

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