是做個(gè)人網(wǎng)站？？ 怎樣免費(fèi)建自己的網(wǎng)站，如何建個(gè)人網(wǎng)站？怎么自己建網(wǎng)站？ 網(wǎng)客科技 www.wkekj.cn 教你怎樣建個(gè)人網(wǎng)站的： 1.確定網(wǎng)站主題：如何建個(gè)人網(wǎng)站？首先， 你至少要找一個(gè)您感興趣的內(nèi)容或主題來做網(wǎng)站 2.找空間，注冊(cè)域名： 確定主題后，需要尋找一個(gè)比較好的主頁空間，并且為自己的網(wǎng)站注冊(cè)一個(gè)域名。目前可選的空間商很多，建議選擇資歷超過2年的公司。3.找網(wǎng)站建設(shè)工具： 怎么自己建網(wǎng)站？ 用frontpage等網(wǎng)頁制作軟件，一個(gè)頁面一個(gè)頁面的做網(wǎng)站的時(shí)代已經(jīng)過去了，您可以直接找一個(gè)免費(fèi)建網(wǎng)站的程序，安裝到您的空間里，就只用傻瓜式的添加內(nèi)容就可以了。這里，這里，你可以使用建站寶盒，建站寶盒NiceBox是自助建站工具包，包含多款精美建站模板和計(jì)數(shù)器、留言本、在線新聞系統(tǒng)、產(chǎn)品發(fā)布系統(tǒng) 、論壇系統(tǒng)、在線客服系統(tǒng)、招聘系統(tǒng)等動(dòng)態(tài)功能模塊，頁面隨意增加。使用者無需任何專業(yè)知識(shí)，運(yùn)用瀏覽器，輕點(diǎn)鼠標(biāo)就能立即生成精美實(shí)用、功能強(qiáng)大的網(wǎng)站，非常適合中小企業(yè)以及個(gè)人自助建站。本系統(tǒng)是網(wǎng)客科技虛擬主機(jī)附屬增值系統(tǒng)管理平臺(tái)，即只要是在網(wǎng)客科技購買虛擬主機(jī)產(chǎn)品，就可以免費(fèi)支持并使用此系統(tǒng)管理平臺(tái) 。 試用用戶名: test 試用密碼: nicebox試用地址： http://www.wkekj.cn/design/?p=nicebox 4.添加內(nèi)容：購買虛擬主機(jī)后，您就只需要添加內(nèi)容就可以了。這個(gè)建網(wǎng)站的工具會(huì)自動(dòng)給您生成網(wǎng)頁，做好鏈接的。 5.推廣網(wǎng)站：您的網(wǎng)站有內(nèi)容后，就需要到處推廣它了。nicebox有友情鏈接模板，您可以很方便的和其它網(wǎng)站交換友情鏈接。 6.欣賞它，愛護(hù)它：做了網(wǎng)站，要學(xué)會(huì)欣賞它，愛護(hù)他。喝杯咖啡，慢慢品嘗它吧。經(jīng)常補(bǔ)充一些新內(nèi)容，您的網(wǎng)站就會(huì)流量越來越大，人氣越來越旺。希望采納

首先要明白的是自己網(wǎng)站到底要起到一個(gè)什么作用，訂單型、貿(mào)易型的企業(yè)和集團(tuán)公司類的網(wǎng)站定位肯定不是一樣的。打個(gè)簡(jiǎn)單的比方來說，伊利集團(tuán)的網(wǎng)站他就不需要實(shí)現(xiàn)產(chǎn)品的在線訂購，他甚至來說網(wǎng)站上列不列舉他的產(chǎn)品都沒關(guān)系，因?yàn)閷?duì)于伊利集團(tuán)來說，功夫在網(wǎng)下，網(wǎng)站對(duì)于它來說只是錦上添花的功能。而對(duì)于類似我們中達(dá)創(chuàng)這樣的公司來講，網(wǎng)站就是非常必要的，因?yàn)榫W(wǎng)站就是我們的生命線，網(wǎng)站就是我們的鐵飯碗.類似我們一樣的企業(yè)很多,生產(chǎn)類企業(yè).外貿(mào)類企業(yè).加工型企業(yè).購物類企業(yè)等很多業(yè)務(wù)全依靠網(wǎng)站下單.網(wǎng)站咨詢.郵件傳送.網(wǎng)站的重要性就上升到了一個(gè)非常高的高度。因此，對(duì)于不同的公司來說，網(wǎng)站的定位是不一樣的，不能一味的羨慕別人的網(wǎng)站花哨或者功能齊全，在這里，請(qǐng)相信：最適合自己的才是最好的。 二. 網(wǎng)站建設(shè)要全面注意細(xì)節(jié) A: 面對(duì)用戶，網(wǎng)站要有良好的用戶體驗(yàn)。好的網(wǎng)站肯定都有一個(gè)共通的優(yōu)點(diǎn)就是用戶體驗(yàn)良好。這里的用戶體驗(yàn)良好并不是指網(wǎng)站做的花哨而是指根據(jù)網(wǎng)站定位指導(dǎo)原則下網(wǎng)站做的最方便用戶訪問，讓用戶在最快最短的時(shí)間內(nèi)找到他所需要的信息。基本上說起來要注意如下方面： 1：企業(yè)網(wǎng)站的整體色調(diào)要和企業(yè)形象全面吻合，我們見過太多的網(wǎng)站格調(diào)和企業(yè)形象格調(diào)不合，用戶訪問網(wǎng)站的時(shí)候往往會(huì)造成對(duì)你企業(yè)的形象思維脫節(jié)的現(xiàn)象，簡(jiǎn)單的說，就是看到網(wǎng)站想不到你是的網(wǎng)站，比如我看到蒙牛的網(wǎng)站，我就能喚起大腦深處對(duì)蒙牛的記憶，大草原、牛奶、藍(lán)天白云這幾個(gè)元素就是蒙牛網(wǎng)站給我的印象，這樣能充分和蒙牛這個(gè)品牌給我們的印象銜接起來。 2：企業(yè)網(wǎng)站要最快速的方便用戶訪問，這是一個(gè)老生常談的問題。一個(gè)公司網(wǎng)站，在如今寬帶越來越普及的時(shí)代，依然慢的跟一頭牛一樣的，那么這個(gè)企業(yè)的網(wǎng)站基本上是白建設(shè)了。雖然好多人都知道這一點(diǎn)，但是真正能做到的很少。比如在國內(nèi)，就要考慮到南北電信網(wǎng)通的互聯(lián)互通性問題，要么采用鏡像站點(diǎn)分置的辦法，要么就是買香港空間，因?yàn)檫@樣對(duì)于電信和網(wǎng)通速度都是均衡一致的。至于外銷型企業(yè)，那么要厘清您的客戶分布，比如在面向歐洲大陸的市場(chǎng)，德國空間是個(gè)不錯(cuò)的選擇，如果是南美洲地區(qū)和非洲地區(qū)，美國虛擬主機(jī)是首選。中國的出口帶寬有限得很。經(jīng)常造成很多別的國家無法訪問國內(nèi)服務(wù)器上的網(wǎng)站。因此，把外貿(mào)網(wǎng)站放在國內(nèi)是最失策的做法。 3: 外貿(mào)企業(yè)網(wǎng)站的語言翻譯一定要專業(yè)，要聘請(qǐng)專業(yè)的翻譯進(jìn)行不同的語種翻譯。很簡(jiǎn)單，你的網(wǎng)站是要給你的外國客戶看的，他的語言習(xí)慣和我們使用外文的習(xí)慣是不一樣的，這里你可以設(shè)身處地想一想，我們常常和一些老外打交道。他們說中文和使用漢字你是不是覺得很別扭？這就對(duì)了，反過來也是這樣的，你使用不專業(yè)的翻譯和隨便應(yīng)付的英文網(wǎng)站，你的客戶去瀏覽的時(shí)候也會(huì)覺得很生硬，就更加談不上信任你的網(wǎng)站，既然信不過你的網(wǎng)站，那么和你達(dá)成交易的可能性會(huì)微乎其微。 4： 外貿(mào)企業(yè)網(wǎng)站建設(shè)要符合你的客戶的審美習(xí)慣，這些年國內(nèi)的網(wǎng)站建設(shè)經(jīng)歷了簡(jiǎn)單化，復(fù)雜化，以及現(xiàn)在流行泛濫的韓式風(fēng)格。實(shí)際上這都是國內(nèi)的企業(yè)家們喜歡華麗的網(wǎng)站，總認(rèn)為網(wǎng)站的樣式就是自己企業(yè)的面子，這無可厚非，畢竟中國人愛面子。但是外貿(mào)企業(yè)網(wǎng)站不需要這樣，老外客戶更喜歡簡(jiǎn)單樸素的網(wǎng)站風(fēng)格。這和歐美客戶的細(xì)致嚴(yán)謹(jǐn)?shù)淖鍪嘛L(fēng)格有關(guān)。國外用戶很少來大陸來考察，很多信息都是通過網(wǎng)站來了解到的，公司如果小，應(yīng)該在網(wǎng)站上做出大氣來，顯示自己公司的實(shí)力和專業(yè)，公司如果大，更應(yīng)該展示自己的資質(zhì)和實(shí)力。很多企業(yè)網(wǎng)站像跑馬燈一樣花花綠綠的跳個(gè)不停。外貿(mào)網(wǎng)絡(luò)公司最好是多參考一下世界五百強(qiáng)的企業(yè)網(wǎng)站，以大氣簡(jiǎn)約為美，簡(jiǎn)約而不簡(jiǎn)單為指導(dǎo)原則。 5： 網(wǎng)站的內(nèi)容要細(xì)致而完善，比如是賣器材的網(wǎng)站，那么你可以化的時(shí)間在描述器材的各種參數(shù)和使用環(huán)境，這樣資料越翔實(shí)越完備，首先是降低你的潛在客戶的疑慮，其次是提升企業(yè)和您的網(wǎng)站的專業(yè)形象讓潛在客戶更容易接受你。網(wǎng)站上應(yīng)該能讓用戶很方便的找到你的聯(lián)系方式，當(dāng)客戶對(duì)你的產(chǎn)品感興趣的時(shí)候鼠標(biāo)點(diǎn)兩下就能很方便的與你聯(lián)系，無論是mail還是msn或者雅虎通或者電話或者傳真等方式，切莫因?yàn)檫@些細(xì)節(jié)的不完善丟失潛在的訂單，那就是很不應(yīng)該了。 6： 清晰的導(dǎo)航結(jié)構(gòu)、網(wǎng)站地圖、站內(nèi)搜索功能非常重要。人都是有惰性的，網(wǎng)站內(nèi)容過多，那么就需要清晰的導(dǎo)航結(jié)構(gòu)和網(wǎng)站地圖來給客戶引路，方便客戶找到他所需要的內(nèi)容，如果導(dǎo)航和網(wǎng)站地圖不起作用的時(shí)候，那么站內(nèi)搜索的重要性就提現(xiàn)出來了。說到底，就是讓你的客戶少點(diǎn)幾下鼠標(biāo)，少拉動(dòng)屏幕飛快的找到他想要的產(chǎn)品或者資訊，自然，你就離訂單不遠(yuǎn)了。 B： 外貿(mào)網(wǎng)站要全方位的做好搜索引擎優(yōu)化工作—SEO,很多人一聽說這個(gè)就頭暈，加上很多人都在不斷的宣傳這個(gè)的重要性，認(rèn)為這是個(gè)很復(fù)雜的學(xué)問，的確，很多技術(shù)性的小細(xì)節(jié)是很多，但是，seo的最基本的幾項(xiàng)工作做好，足以讓外貿(mào)網(wǎng)站獲得比較好的效果。 1：不要把網(wǎng)站做成“死”網(wǎng)站，保持一定的更新頻率。國內(nèi)很多網(wǎng)站做好了，很多細(xì)節(jié)也做好了，就是不更新，上面的信息停留在2004年某年月日，這樣的網(wǎng)站，首先是用戶不認(rèn)可，大家都會(huì)認(rèn)為你的網(wǎng)站沒人管，你的企業(yè)也不怎么樣。其次是搜索引擎會(huì)認(rèn)為你的網(wǎng)站活躍度很低，自然會(huì)降低你的權(quán)重，降低你的排名。怎么更新？有的說我的網(wǎng)站產(chǎn)品就那幾個(gè)，公司也沒多少新聞，那么你就每天或者定期增加一些行業(yè)新聞啊經(jīng)常做一些促銷信息啊，辦法是人想出來的。 3：給每個(gè)頁面都有真實(shí)的title標(biāo)簽，標(biāo)簽的作用是向搜索引擎解釋你的網(wǎng)頁是有關(guān)哪方面信息的，也就是專給搜索爬蟲們看的。title則是網(wǎng)頁的標(biāo)題也即是瀏覽器最上面的描述了。尤其對(duì)Google來說很多的新網(wǎng)頁都只是抓取這個(gè)個(gè)無標(biāo)簽而不抓取網(wǎng)頁內(nèi)容。很多企業(yè)網(wǎng)站所有網(wǎng)頁的和title標(biāo)簽都是一樣的，甚至完全沒有標(biāo)簽，這樣很多頁面會(huì)被搜索引擎認(rèn)為是重復(fù)頁面而不予收錄。但是切忌不要過多的堆砌關(guān)鍵字和描述，過多的堆砌關(guān)鍵詞會(huì)引發(fā)搜索引擎的懲罰機(jī)制，具體可去搜索這方面的知識(shí)。 4：英文網(wǎng)站應(yīng)采用ISO-8859-1或UTF-8的字符編碼。這里可以參考阿里巴巴英文站采用的是ISO-8859-1的字符集，世界各地的電腦系統(tǒng)瀏覽都不會(huì)產(chǎn)生亂碼，而因?yàn)楹芏嗨阉饕嬷皇珍浻⒄Z語種的網(wǎng)頁，字符集的定義對(duì)排名影響也很大。國內(nèi)很多的網(wǎng)站英文版也采用GB2312的中文字符集，字體又定義為宋體，這樣還是出現(xiàn)亂碼的。這是被很多公司所忽略的一點(diǎn)。（查看字符編碼的方法：點(diǎn)查看中的編碼，或者是源文件中的CHARSET=）。打個(gè)簡(jiǎn)單的比方，一個(gè)英國的客戶，他的電腦沒裝中文語言包，又碰上您的網(wǎng)站是 gb2312的編碼，很不幸，您的網(wǎng)站在客戶那里就是顯示亂碼一堆，至于業(yè)務(wù)，您說會(huì)有嗎？但是ISO-8859-1的字符集是基本上全球電腦系統(tǒng)都自帶的編碼，因此不存在會(huì)不會(huì)出現(xiàn)亂碼的問題。 5：全面符合W3C標(biāo)準(zhǔn)，考慮到不同用戶的習(xí)慣，尤其是部分firefox用戶。常?？吹侥承┢髽I(yè)網(wǎng)站做的挺好看的，到firefox下一看，慘不忍睹。你往往會(huì)有僥幸心理說只有少部分用firfox，但是你如果對(duì)你的業(yè)務(wù)都有僥幸，那么你也不用做業(yè)務(wù)了。DIV+CSS的網(wǎng)站架構(gòu)不僅僅是在ie下執(zhí)行起來快，而且搜索引擎能更容易讀懂你的網(wǎng)頁內(nèi)容，會(huì)更好的收錄。在這里不啰嗦了，DIV+CSS的知識(shí)可以百度一下。 6： 外貿(mào)企業(yè)的郵箱很重要，很多人都說，我有郵箱啊，163的免費(fèi)郵箱好用的很，雅虎的也不錯(cuò)啊。對(duì)，您說的都對(duì)，但是我在這里提醒您幾個(gè)方面。1:是使用自己獨(dú)立域名的企業(yè)郵箱能彰顯企業(yè)形象，您見過幾個(gè)有實(shí)力的公司還在用163的郵箱？2:是國內(nèi)有信息攔截機(jī)制造成很多外貿(mào)郵件常常丟失的現(xiàn)象，怎么解決？用香港或者美國的主機(jī)進(jìn)行全球中繼轉(zhuǎn)發(fā)，怎么轉(zhuǎn)發(fā)我們普通用戶不需要去了解，但是您要知道國內(nèi)很多郵件常常發(fā)不出去，國外很多郵件發(fā)不進(jìn)來，這個(gè)是有原因的。唯一的解決辦法就是全球郵件中繼，大陸發(fā)不出去通過香港，香港發(fā)不出去通過美國，總之保證你的郵件直達(dá)對(duì)方郵箱。而且不會(huì)被當(dāng)成垃圾郵件退信.

首先需要清楚，制作網(wǎng)站需要準(zhǔn)備的三樣?xùn)|西。這些有的不是免費(fèi)的，包含著一定的費(fèi)用在里面。1、域名（可以到萬網(wǎng)或者新網(wǎng)注冊(cè)）這個(gè)是沒有免費(fèi)的，注冊(cè)必須要錢。2、服務(wù)器（看你制作網(wǎng)站的主題類型和后期布局）每種服務(wù)器的價(jià)格不一，也有一些免費(fèi)的虛擬空間可以在空間商的網(wǎng)站自行申請(qǐng)，大部分都是收費(fèi)。3、CMS，看你制作的網(wǎng)站類型是什么類型，自己不會(huì)代碼的情況下，可以自行百度查找免費(fèi)開源的CMS進(jìn)行建站使用。博客一般用wordpress、zblog，文章類型的可以考慮選擇織夢(mèng)，論壇和問答社交類型的可以選擇discuz等。建站步驟：第一步，做網(wǎng)站當(dāng)然要先想好要做個(gè)什么樣的網(wǎng)站，拿來干什么，是否有意義。之前我做了一個(gè)網(wǎng)站，里面的內(nèi)容雜的很。網(wǎng)站里面有搞笑的動(dòng)態(tài)圖，有搞笑的段子，有經(jīng)典的知乎回答，有精彩的動(dòng)畫?？傊俏蚁矚g的東西我都放上去。直到有一天我去問別人交換友情鏈接的時(shí)候，別人看了我的網(wǎng)站就問了我一個(gè)問題“你這個(gè)網(wǎng)站，到底是干嘛的？第二步，主題明確以后，就要選擇一種網(wǎng)站制作語言來制做了。要選擇一個(gè)自己熟悉的語言，就算是不熟悉，略懂也可以。至少以后遇到問題，你還能知道大概方向在哪里。自己一個(gè)人重新這一個(gè)功能完整的網(wǎng)站出來，還是蠻累人的。除非做的是簡(jiǎn)單的企業(yè)網(wǎng)站。我也是比較懶的人，用的是WordPress做的網(wǎng)站，我也是一個(gè)非常懶得人，連主題都不愿意自己寫，直接在網(wǎng)上搜了一個(gè)主題。這里我推薦，完全不懂編程語言的，先用用WordPress.用一段時(shí)間就知道個(gè)大概了。第三步，那就是走正常建站路線了。1.買個(gè)域名，買個(gè)服務(wù)器。推薦國內(nèi)服務(wù)器，速度快，穩(wěn)定，而且申請(qǐng)百度廣告聯(lián)盟方便。如果是國內(nèi)服務(wù)器，那就必須得備案，別看備案麻煩，但是好處還是很多的。現(xiàn)在各大支付寶，財(cái)付通，sina，騰訊等接口，都是要求備案網(wǎng)站。域名注冊(cè)也很關(guān)鍵，域名注冊(cè)分個(gè)人和企業(yè)注冊(cè)。第四步，上傳或者在線安裝就可以生成你的網(wǎng)站了。

1、文字鏈接<a href="鏈接地址" target="指定鏈接窗口顯示方式" title="鏈接說明文字" > 鏈接名稱</a>2、圖片鏈接<a href="鏈接地址" target="指定鏈接窗口顯示方式" title="鏈接說明文字" > <img src="圖片地址"/></a> * 指定鏈接窗口顯示方式?？蛇x值為： _blank, _parent, _self, _top 參考資料： http://www.w3school.com.cn/html/

一：確定網(wǎng)站主題做網(wǎng)站，首先必須要解決的就是網(wǎng)站內(nèi)容問題，即確定網(wǎng)站的主題。如果自己在某些方面有興趣，或掌握的資料較多，也可以做一個(gè)自己感興趣的東西，一者，你可以有自己的見解，做出自己的特色;二者，在制作網(wǎng)站時(shí)不會(huì)覺得無聊或者力不從心。興趣是制作網(wǎng)站的動(dòng)力，沒有創(chuàng)作熱情，很難設(shè)計(jì)制作出優(yōu)秀的作品。對(duì)于內(nèi)容主題的選擇，要做到小而精，主題定位要小，內(nèi)容要精。不要去試圖制作一個(gè)包羅萬象的站點(diǎn)，這往往會(huì)失去網(wǎng)站的特色，也會(huì)帶來高強(qiáng)度的勞動(dòng)，給網(wǎng)站的及時(shí)更新帶來困難。記住:在互聯(lián)網(wǎng)上只有第一，沒有第二!怎么樣來做好網(wǎng)站的搭建，精通網(wǎng)頁制作的代碼，成為建站跟網(wǎng)站運(yùn)營這方面的高手，你可以來這群學(xué)習(xí)一下。第一組數(shù)字是431，第二組數(shù)字是011，第三組數(shù)字是879。只要這三組數(shù)字結(jié)合起來就可以找到了。這里每天都有網(wǎng)頁建站的課程，大家在一起交流。每個(gè)行業(yè)想成為高手不難，關(guān)鍵是你肯不肯花時(shí)間去學(xué)習(xí)，去進(jìn)步。二：選擇好域名域名是網(wǎng)站在互聯(lián)網(wǎng)上的名字。一個(gè)非產(chǎn)品推銷的純信息服務(wù)網(wǎng)站，其所有建設(shè)的價(jià)值，都凝結(jié)在其網(wǎng)站域名之上。失去這個(gè)域名，所有前期工作就將無法運(yùn)行。目前，做個(gè)人網(wǎng)站的很多都依賴免費(fèi)個(gè)人空間，其域名也是依賴免費(fèi)域名指向，如網(wǎng)易的虛擬域名服務(wù)，其實(shí)這對(duì)個(gè)人網(wǎng)站的推廣與發(fā)展很為不利，不光是它“適時(shí)”開啟的窗口妨礙了瀏覽者的視線和好感，讓人一看就知道是個(gè)人網(wǎng)站，而且也妨礙了網(wǎng)頁的傳輸速度。所以，就我個(gè)人觀點(diǎn)來說，首先花點(diǎn)錢去注冊(cè)一個(gè)域名，獨(dú)立的域名就是個(gè)人網(wǎng)站的第一筆財(cái)富，要把域名起得形象、簡(jiǎn)單、易記。三：掌握建網(wǎng)工具網(wǎng)絡(luò)技術(shù)的發(fā)展帶動(dòng)了軟件業(yè)的發(fā)展，所以用于制作Web頁面的工具軟件也越來越豐富。從最基本的HTML編輯器到現(xiàn)在非常流行的Flash互動(dòng)網(wǎng)頁制作工具，各種各樣的Web頁面制作工具，下面是幾款具有代表性的網(wǎng)頁制作器:(1)HTML編輯器。雖然HTML代碼復(fù)雜，編輯和調(diào)試要花費(fèi)大量的時(shí)間，但因HTML的穩(wěn)定性、廣泛支持性及可創(chuàng)建復(fù)雜的頁面效果，仍受高級(jí)網(wǎng)頁制作人員的青睞。就目前來說，有眾多的編輯器供選擇，這些編輯器廣泛支持復(fù)雜頁面創(chuàng)建及高級(jí)HTML規(guī)范，使用較為普遍的有Hotdog等專業(yè)HTML編輯器。(2)所見即所得的網(wǎng)頁編輯器。其中以Microsoft Frontpage為代表，它具有如Word一樣的操作界面，熟知Word功能的操作者，只要稍加培訓(xùn)就能輕松編制網(wǎng)頁。而且，F(xiàn)rontpage還能解析網(wǎng)頁的HTML源代碼，并提供了預(yù)覽支持。但Frontpage的一些特殊顯示功能并不能在其它非IE瀏覽器下實(shí)現(xiàn)。所以Frontpage是一款非常適合初、中級(jí)網(wǎng)頁制作人員使用的工具軟件。(3)現(xiàn)在非常流行的 Macromedia公司出品的Flash互動(dòng)網(wǎng)頁制作工具。這是是一款功能非常強(qiáng)大的交互式矢量多媒體網(wǎng)頁制作工具。能夠輕松輸出各種各樣的動(dòng)畫網(wǎng)頁，它不需要特別繁雜的操作，也比JAVA小巧精悍!但它的動(dòng)畫效果、互動(dòng)效果、多媒體效果十分出色。而且還可以在Flash動(dòng)畫中封裝Mp3音樂、填寫表單等;并且由于Flash編制的網(wǎng)頁文件比普通網(wǎng)頁文件要小得多，所以大大加快了瀏覽速度。這是一款十分適合動(dòng)態(tài)Web制作的工具。另外，個(gè)人網(wǎng)站制作者還需了解W3C的HTML4.0規(guī)范、CSS層疊樣式表的基本知識(shí)、javas cript、VBs cript的基本知識(shí)。對(duì)于常用的一些腳本程序如ASP、CGI、PHP也要有適當(dāng)了解，還要熟練使用圖形處理工具和動(dòng)畫制作工具以及矢量繪圖工具，并能部分了解多種圖形圖像動(dòng)畫工具的基本用法，熟練使用FTP工具以及擁有相應(yīng)的軟硬件和網(wǎng)絡(luò)知識(shí)也是必備的。當(dāng)然，互聯(lián)網(wǎng)還是一個(gè)免費(fèi)的資料庫。編制網(wǎng)頁需要多種多樣的按鈕、背景還有各種各樣圖形、圖片。如果這些都要靠自己完成，既浪費(fèi)時(shí)間又浪費(fèi)金錢，而且還需要強(qiáng)大的圖形、圖片制作技術(shù)。所以，為了省卻這些麻煩，網(wǎng)站制作者完全可以從網(wǎng)上下載各種精美實(shí)用的圖片、按鈕、背景等網(wǎng)頁素材。

HTML介紹：(1):<html> <head> <title>Title of page</title> </head> <body> This is my first homepage. <b>This text is bold</b> </body> </html> 將此文件保存為“mypage.htm”。啟動(dòng)瀏覽器。在文件菜單中選擇“打開”（或者“打開頁面”），這時(shí)將出現(xiàn)一個(gè)對(duì)話框。選擇“瀏覽”（或者“選擇文件”），定位到你剛才創(chuàng)建的HTML文件——“mypage.htm”，選擇它，單擊“打開”。然后在對(duì)話框中，你將看到這個(gè)文件的地址，比如說：“C:\MyDocuments\mypage.htm”。單擊“確定”，瀏覽器將顯示此頁面。--------------------------------------------------------------------------------例子解釋HTML文檔中，第一個(gè)標(biāo)簽是<html>。這個(gè)標(biāo)簽告訴瀏覽器這是HTML文檔的開始。HTML文檔的最后一個(gè)標(biāo)簽是</html>，這個(gè)標(biāo)簽告訴瀏覽器這是HTML文檔的終止。在<head>和</head>標(biāo)簽之間文本的是頭信息。在瀏覽器窗口中，頭信息是不被顯示的。在<title>和</title>標(biāo)簽之間的文本是文檔標(biāo)題，它被顯示在瀏覽器窗口的標(biāo)題欄。在<body>和</body>標(biāo)簽之間的文本是正文，會(huì)被顯示在瀏覽器中。在<b>和</b>標(biāo)簽之間的文本會(huì)以加粗字體顯示。---常見問題問：我編寫完了HTML文件，但是不能在瀏覽器中看見結(jié)果，為什么？答：請(qǐng)確認(rèn)你保存了文件，并且使用了正確的文件名和擴(kuò)展名，例如：“c:\mypage.htm”，并且確認(rèn)你用瀏覽器打開時(shí)使用同樣的文件名。問：我編輯了HTML文件，但是修改結(jié)果并沒有在瀏覽器中顯示，為什么？答：瀏覽器緩存了你的頁面，所以它不需要兩次讀取同樣的頁面。你修改了這個(gè)頁面，瀏覽器并不知道。請(qǐng)使用“刷新/重載”按鈕來強(qiáng)迫瀏覽器讀取編輯過的頁面。 -----------------------------------------------------------------------------HTML基本標(biāo)簽：(2):HTML中最重要的標(biāo)簽是定義標(biāo)題元素，段落和換行的標(biāo)簽。標(biāo)題元素標(biāo)題元素由標(biāo)簽<h1>到<h6>定義。<h1>定義了最大的標(biāo)題元素，<h6>定義了最小的。<h1>This is a heading</h1><h2>This is a heading</h2><h3>This is a heading</h3><h4>This is a heading</h4><h5>This is a heading</h5><h6>This is a heading</h6>HTML自動(dòng)在一個(gè)標(biāo)題元素前后各添加一個(gè)空行。(3):段落段落是用<p>標(biāo)簽定義的。<p>This is another paragraph</p> HTML自動(dòng)在一個(gè)段落前后各添加一個(gè)空行。--------------------------------------------------------------------------------換行當(dāng)需要結(jié)束一行，并且不想開始新段落時(shí)，使用<br>標(biāo)簽。<br>標(biāo)簽不管放在什么位置，都能夠強(qiáng)制換行。<p>This <br> is a para<br>graph with line breaks</p> <br>標(biāo)簽是一個(gè)空標(biāo)簽，它沒有結(jié)束標(biāo)記。基本注意點(diǎn)——有用的技巧當(dāng)你寫下HTML文本的時(shí)候，你不能確知在另外一個(gè)瀏覽器中，這些文本將被如何顯示。有人用著大的顯示器，有的人用的小一些。每次用戶調(diào)整窗口大小的時(shí)候，文本都將被重新格式化。不要想在編輯器中寫一些空行和空格來協(xié)助排版。HTML將截掉你文本中的多余空格。不管多少個(gè)空格，處理起來只當(dāng)一個(gè)。一點(diǎn)附加信息：在HTML里面，一個(gè)空行也只被當(dāng)作一個(gè)空格來處理。使用空段落<p>來插入空白行是一個(gè)壞習(xí)慣，請(qǐng)使用<br>標(biāo)簽來替代。（但是不要用<br>標(biāo)簽來創(chuàng)建列表，我們后面會(huì)專門學(xué)習(xí)HTML列表的。）你也許注意到了段落可以不寫結(jié)束標(biāo)記</p>。別依賴它，HTML的下一個(gè)版本將不準(zhǔn)你漏掉任何一個(gè)結(jié)束標(biāo)簽。HTML自動(dòng)在某些元素前后增加額外的空行，就像在段落和標(biāo)題元素的前后一樣。我們使用了水平線（<hr>標(biāo)簽）來分隔我們教程的章節(jié)。示例：a:多個(gè)段落： <html><body><p>This paragraph contains a lot of lines in the source code,but the browser ignores it.</p><p>This paragraph contains a lot of spaces in the source code,but the browser ignores it.</p><p>The number of lines in a paragraph depends on the size of your browser window. If you resize the browser window, the number of lines in this paragraph will change.</p></body></html>(這個(gè)例子說明了段落的一些默認(rèn)行為。)b:換行： <html><body><p>To break<br>lines<br>in a<br>paragraph,<br>use the br tag.</p></body></html> (這個(gè)例子說明了在HTML文檔中換行的使用。)c:詩歌的問題： <html><body><p> My Bonnie lies over the ocean. My Bonnie lies over the sea. My Bonnie lies over the ocean. Oh, bring back my Bonnie to me.</p><p>Note that your browser simply ignores your formatting!</p></body></html>(這個(gè)例子說明了HTML顯示格式的一些問題。)d:標(biāo)題元素： <html><body><h1>This is heading 1</h1><h2>This is heading 2</h2><h3>This is heading 3</h3><h4>This is heading 4</h4><h5>This is heading 5</h5><h6>This is heading 6</h6><p>Use heading tags only for headings. Don't use them just to make something bold. Use other tags for that.</p></body></html>(這個(gè)例子說明了在HTML中顯示標(biāo)題元素的標(biāo)簽。)e:居中的標(biāo)題元素：<html><body><h1 align="center">This is heading 1</h1><p>The heading above is aligned to the center of this page. The heading above is aligned to the center of this page. The heading above is aligned to the center of this page.</p></body></html>(這個(gè)例子顯示了一個(gè)居中的標(biāo)題元素。)f:水平線：<html><body><p>The hr tag defines a horizontal rule:</p><hr><p>This is a paragraph</p><hr><p>This is a paragraph</p><hr><p>This is a paragraph</p></body></html>(這個(gè)例子說明了如何插入水平線。)g:隱藏的注釋：<html><body><!--This comment will not be displayed--><p>This is a regular paragraph</p></body></html>(這個(gè)例子說明了在HTML文檔中如何插入隱藏的注釋。)h:背景色：<html><body bgcolor="yellow"><h2>Look: Colored Background!</h2></body></html>(這個(gè)例子說明了如何給頁面設(shè)置背景色。)

初級(jí)前端主要學(xué)習(xí)三個(gè)部分：HTML，CSS，JavaScript一、html + css部分：這部分特別簡(jiǎn)單，到網(wǎng)上搜資料，書籍視頻非常多。css中盒子模型，流動(dòng)，block，inline，層疊，樣式優(yōu)先級(jí)等這些自學(xué)起來也是非常容易。最后再深入了解下瀏覽器差異性，ie9以下兼容簡(jiǎn)單了解就行了，ie9以下瀏覽器被淘汰掉是趨勢(shì)，低版本沒必要浪費(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ū)ο蟆⒎庋b等，要理解透徹?？磿潜夭豢缮俚?，找一本優(yōu)秀的js書從頭到尾，反復(fù)研究學(xué)習(xí)，第一遍可以快速翻閱，大體知道了解概念即可，第二三遍就需要深入學(xué)習(xí)了。另外，js面向?qū)ο缶幊瘫仨氁獙W(xué)習(xí)，非常重要，個(gè)人推薦一本書， Stoyan Stefanov著，凌杰譯的《javascript面向?qū)ο笾改稀?。邊學(xué)邊練，實(shí)踐出真知。針對(duì)那些有條件的人來說，很多小伙伴更喜歡的是自學(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ǔ)知識(shí)掌握好之后，還需要學(xué)jQuery，這是一個(gè)非常優(yōu)秀的Javascript庫，大型開發(fā)必備。它簡(jiǎn)化了Javascript的復(fù)雜操作，消除了Javascript跨平臺(tái)兼容問題，提供了大量實(shí)用方法，有良好的文檔和幫助手冊(cè)，是一個(gè)非常成熟的Javascript庫。慕課網(wǎng)學(xué)習(xí)視頻幕課網(wǎng)。學(xué)習(xí)方法也很簡(jiǎn)單，照著產(chǎn)品文檔做幾個(gè)頁面就行了，不用面面俱到，以后遇到問題查文檔就行了。大概流程就是這樣，如下圖所示：3.進(jìn)階學(xué)習(xí)：有了以上知識(shí)，對(duì)于大多數(shù)小型網(wǎng)站，你應(yīng)該已經(jīng)可以寫出能夠工作的代碼了。但要想成為更專業(yè)的前端，你還需繼續(xù)努力。更高的要求大概還有四方面：易維護(hù)，可測(cè)試，高性能，低流量（移動(dòng)端）。中高級(jí)前端1.工具學(xué)習(xí)習(xí)：大型項(xiàng)目中，前端代碼構(gòu)建已經(jīng)不是簡(jiǎn)單的壓縮一下了，依賴管理、模塊合并、各種編譯步步不可缺少，需要學(xué)會(huì)使用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)沒錯(cuò)，舉例如下：1.精通html和css，能制作符合W3C標(biāo)準(zhǔn)的靜態(tài)頁面；2.精通JavaScript編程，對(duì)面向?qū)ο缶幊趟枷胗猩羁汤斫猓?.精通主流Javascript庫/框架jQuery；4.理解并掌握J(rèn)avaScript語言核心技術(shù)DOM、BOM有Javascript性能優(yōu)化經(jīng)驗(yàn)；5.對(duì)瀏覽器兼容性有深入的研究，精通各種瀏覽器問題 ；6.了解Backbone.js、AngularJs等MVC框架并有實(shí)際項(xiàng)目開發(fā)經(jīng)驗(yàn)；7.了解http://asp.net等服務(wù)器后臺(tái)技術(shù)和擁有一定的C#編程能力者優(yōu)先；8.對(duì)交互體驗(yàn)、可用性、用戶體驗(yàn)有一定程度的理解；9.有良好的責(zé)任心和團(tuán)隊(duì)合作能力、能承受較大的壓力；自己動(dòng)手搜索下吧，確定目標(biāo)和方向，以上是個(gè)人路線，僅供參考。

簡(jiǎn)單制作網(wǎng)頁的方法：工具、原料：電腦Dreamweaver CS5方法步驟：下載Dreamweaver軟件。Dreamweaver是一款強(qiáng)大的網(wǎng)頁制作工具。下載好之后安裝，安裝后之后打開，會(huì)看到如下界面。會(huì)看到新建里有肯多選擇。html，css。這里選擇html，點(diǎn)擊之后會(huì)看到如下界面。和別的軟件布局沒有太大區(qū)別。如果想輸入文本。就直接可以在里面輸入。如果想插入圖片。可以選擇插入-常用-圖像。找到圖片目錄。就可以插入進(jìn)去、如果想給文字添加鏈接。可以選中文字。在頁面右下角鏈接框里輸入網(wǎng)址。就可以了.按F12.預(yù)覽就會(huì)得到以下效果.