如何自學(xué)做網(wǎng)站?自學(xué)做網(wǎng)頁需要學(xué)什么?【轉(zhuǎn)】
當(dāng)前位置:點(diǎn)晴教程→知識管理交流
→『 技術(shù)文檔交流 』
自03年接觸制作網(wǎng)站至今快滿6年了,走的是自學(xué)網(wǎng)站之路,這篇文章獻(xiàn)給我的外甥,希望他能看了之后,能給他在學(xué)習(xí)網(wǎng)頁的道路上起到幫助。 1、首先需要熟練掌握網(wǎng)頁三劍客(Dreamweaver、Flash、Fireworks)和Photoshop等軟件的操作; 記得我一開始就是用FrontPage做網(wǎng)頁,F(xiàn)rontPage是微軟開發(fā)的,操作幾乎跟Word一模一樣,容易上手,而且還可以直接預(yù)覽,不用在瀏覽器里才能預(yù)覽,而DreamWeaver比較專業(yè),所以還是推薦用DreamWeaver來制作網(wǎng)頁,已經(jīng)是主流。DreamWeaver主要用來對網(wǎng)頁的文字、圖片等網(wǎng)頁要素的位置、展示形式進(jìn)行控制。 Flash主要用來制作動(dòng)畫,給網(wǎng)頁增添一種動(dòng)感視覺效果。還記得我大學(xué)的時(shí)候給一個(gè)同學(xué)用照片做了一個(gè)MV。看到別人做的好的動(dòng)畫也可以下載下來,用SWFDecompiler反解析,可以看到別人是怎樣做的。還有很多網(wǎng)站提供FLASH的源文件下載。 Fireworks主要是用來制作網(wǎng)頁效果圖和Gif動(dòng)畫的,我們經(jīng)常在QQ里發(fā)的表情很多就是這個(gè)軟件制作的。 Photoshop主要用來處理圖片,也可以用來做精美的網(wǎng)頁效果圖。 2、自學(xué)看的最多的就是網(wǎng)絡(luò)上的教程,也可以買書看。網(wǎng)上的視頻教程很多,完全可以按照視頻教程一步一步操作,多做幾步就能掌握用法了。 附一些教程網(wǎng)址: 硅谷動(dòng)力網(wǎng)http://www.enet.com.cn/eschool/zhuanti/shipin/ 太平洋電腦網(wǎng)http://pcedu.pconline.com.cn/videoedu/ 網(wǎng)易學(xué)院http://tech.163.com/school/ 金鷹電腦教程網(wǎng)http://www.xjke.com/MFJC/ FIF課堂http://www.fif.cn/ 網(wǎng)頁吧http://www.wangyeba.com/ 站長學(xué)院http://edu.cnzz.cn/ PS教程網(wǎng)http://www.photoshopps.cn/ PS教程http://www.68ps.com/ 很多視頻網(wǎng)站還有很多教程,不一一列舉。 3、通過下載網(wǎng)頁模板、查看優(yōu)秀酷站看看別是是怎么做的,網(wǎng)頁采用的是哪種結(jié)構(gòu)及配色。 附一些模板、酷站欣賞網(wǎng)址: 最好模板http://bestmoban.com/ 模板網(wǎng)http://www.mobanwang.com/ 韓國商業(yè)公司模板http://down.cnzz.cn/List/70.aspx 歐美商業(yè)公司模板http://down.cnzz.cn/List/84.aspx 中國站長站模板下載http://sc.chinaz.com/html/WebTemplets/index.html 怪獸模板 http://china.templatemonster.com/ 依兒酷站http://www.yi2.net/ 設(shè)計(jì)路上http://www.sj63.com/ 4、經(jīng)常收集素材以供不時(shí)之需,這是一種習(xí)慣。 附一些素材下載網(wǎng)址: 中國站長素材下載http://sc.chinaz.com/(包含很多圖片、網(wǎng)頁小圖標(biāo)之類的素材) 圖羅網(wǎng)http://www.tuluo.com/ 昵圖網(wǎng)http://www.nipic.com/ 站酷http://www.zcool.com.cn/ 網(wǎng)頁制作http://www.yuzhiguo.com/blog/?class=1 字體下載http://font.chinaz.com/(很多藝術(shù)的字體,網(wǎng)頁字體太單一不是很好看) 更多可以在百度、Google搜索查找。。。 5、有問題可以問我或百度、Google 現(xiàn)在網(wǎng)絡(luò)很方便,只有想不到的,沒有找不到的,或許你遇見的問題早就有人提過,搜索不到答案還可以在百度知道、QQ問問里提交問題,會(huì)有好心人來回答。 6、講講一個(gè)網(wǎng)站制作的流程 根據(jù)客戶提出的網(wǎng)站功能需求、基本設(shè)計(jì)要求,收集相關(guān)素材,制作網(wǎng)站界面圖(用到Fireworks或Photoshop軟件)→客戶認(rèn)可界面圖后,對界面圖進(jìn)行切圖(用到Fireworks或Photoshop軟件),制作相關(guān)FLASH動(dòng)畫、Gif動(dòng)畫(用到FLASH、Fireworks軟件)→對網(wǎng)頁要素進(jìn)行排版(用到Dreamweaver軟件,需要用到CSS、javascript)→加入程序功能代碼(用到Dreamweaver軟件、編程代碼、數(shù)據(jù)庫)→測試程序功能是否完整(使用瀏覽器,IIS等,這里要學(xué)如何配置IIS)→提交客戶最后審核→客戶通過后,開通域名空間,F(xiàn)TP上傳網(wǎng)站文件到服務(wù)器(學(xué)如何購買域名空間,如何使用FTP上傳文件到服務(wù)器)→后期維護(hù)。 義烏網(wǎng)站建設(shè) 7、一些建議 學(xué)網(wǎng)頁需要一步一步的學(xué),循序漸進(jìn),學(xué)會(huì)了做靜態(tài)HTML網(wǎng)頁,再學(xué)動(dòng)態(tài)網(wǎng)頁(可以ASP或PHP),最后還要做能通過W3C標(biāo)準(zhǔn)驗(yàn)證、布局合理、配色養(yǎng)眼的DIV+CSS標(biāo)準(zhǔn)網(wǎng)頁。 我現(xiàn)在的業(yè)務(wù)主要是來源于網(wǎng)絡(luò),別人很容易通過關(guān)鍵詞搜索到我的網(wǎng)站,所以一個(gè)SEO做的好的網(wǎng)站才能價(jià)值最大化。可以嘗試在百度搜索“義烏做網(wǎng)站”“義烏網(wǎng)站建設(shè)”“義烏網(wǎng)站制作”“義烏網(wǎng)站設(shè)計(jì)”“義烏網(wǎng)頁制作”“義烏網(wǎng)頁設(shè)計(jì)”“義烏外貿(mào)網(wǎng)站制作”,除去“推廣”以外,我的網(wǎng)站(http://www.yuzhiguo.com)排名都還不錯(cuò),而且排名一直很穩(wěn)定,保證了業(yè)務(wù)量。 可以先給自己做個(gè)個(gè)人網(wǎng)站,少點(diǎn)QQ聊天、玩游戲、看電影的時(shí)間,多看多做,積累經(jīng)驗(yàn),越是在做事的時(shí)候才會(huì)發(fā)現(xiàn)問題、解決問題,而這個(gè)過程正是自我提升的過程。做一個(gè)好的網(wǎng)站并不容易,加油!!! 文章來源:http://www.yuzhiguo.com/articleview.asp?id=419&page=5
該文章在 2011/6/22 1:52:23 編輯過 |
關(guān)鍵字查詢
相關(guān)文章
正在查詢... |