導航:首頁 > 萬維百科 > 網頁設計初入門

網頁設計初入門

發布時間:2020-10-10 09:45:34

1、初學網頁製作,從哪學起?

先用FRONTPAGE做幾個最簡單的網頁頁面,做為入門了解下,然後看你想做啥樣的效果,就去了解相關的知識並學習。
比如做幾個簡單的頁面,首先你就得了解做網頁有哪些軟體,然後HTML是啥東東,網站是啥東東,是如何顯示在大家面前的,這是些最基礎的東東,然後你能做出最簡單的頁面了。再將你做的頁面稍弄復雜些,漂亮點,這樣你就會發現涉及頁面布局的問題,圖片的問題,於是你要了解布局如何處理,圖片就要學習相關的圖片處理及相關應用軟體,
通過上面的,你能做簡單的靜態頁面了,然後如果想做點能互動式的動態頁面,你就會要了解如何去做動態網站了,就查相關資料,如何做動態的,這時你會要學一些網頁編程技術,資料庫知識等,
通過上面你能做簡單的動態頁面了,然後你會想在頁面實現些特殊效果什麼的,於是你去了解如何做各種你想要的效果或功能,然後你就可以去學相關的內容了,總之,你想要什麼樣的效果樣子,你就得做出來,你做不出,就去了解如何才能做出來,於是,你就知道要學啥東東了。。。
學海無崖,日積月累吧。。。

2、網頁設計初學者要怎樣開始學習

不知道你現在可會製作網頁呢??可會使用網頁製作三劍客呢?、
如果會先試著用表格進行布局製作,如果會DIV+css布局更好。。。
如果不會那就學習吧,其實挺簡單的。
建議你按以下步驟學習:
1.網頁製作三劍客必須要會使用。(dreamweaver /fireworks/flash)
2學習些最基層的html語言的知識,
3在學習一些基本的html標簽(要多加練習哦)
4.先試著用表格進行布局。之後可以學習div+css進行布局(目前比較流行的布局方式!)
5還要會使用些簡單的javascript、vbscript

如果你只是想學習前台的話,可以直接學習「三劍客軟體」,不學習html和javascript 。

如果你想學習後台的話,你就必須要學習代碼了。
html----javascript/vbscript------asp/php/jsp-------資料庫技術
有問題可以hi我。。建議你加入團隊學習:(網站、網頁製作)http://.baidu.com/team/view/%E7%BD%91%E7%AB%99%E3%80%81%E7%BD%91%E9%A1%B5%E5%88%B6%E4%BD%9C
視頻教程建議你在網上下載「」---[張孝祥IT課堂-JavaScript教學視頻錄像]

3、設計網頁我是一竅不通,自學入門要先學什麼

要想學做網頁,首先得了解製作網頁的工具
Dreamweaver:這是網頁三劍客之一,專門製作網頁的工具,可以自動將網頁生成代碼,是普通網頁製作者的首選工具,界面簡單,實用功能比較強大。建議初學者選用。

另外一個工具就是代碼編輯工具,例如寫字本、EditPlus等,這些工具主要編輯asp等動態網頁。

此外還有一些網路編程工具,javascript、java編輯器等。

網頁製作也是一個比較吃香的行業,要真正做一個好的網站,還必須有良好的設計功底。所以還得學很多邊緣性的軟體,例如photoshop、flash等。

大型的網站往往還需要資料庫的支持,所以還得懂資料庫。sql、甲骨文等。

總之,掌握好網頁製作,能獨立完成一個網站的製作工作,那就不要考慮吃飯問題。隨便混就好了!

網站設計八步驟

由於目前所見即所得類型的工具越來越多,使用也越來越方便,所以製作網頁已經變成了一件輕松的工作,不像以前要手工編寫一行行的源代碼那樣。一般初學者經過短暫的學習就可以學會製作網頁,於是他們認為網頁製作非常簡單,就匆匆忙忙製作自己的網站,可是做出來之後與別人一比,才發現自己的網站非常粗糙,這是為什麼呢?常言道:「性急吃不了熱豆腐」。建立一個網站就像蓋一幢大樓一樣,它是一個系統工程,有自己特定的工作流程,你只有遵循這個步驟,按部就班地一步步來,才能設計出一個滿意的網站。

一、確定網站主題

網站主題就是你建立的網站所要包含的主要內容,一個網站必須要有一個明確的主題。特別是對於個人網站,你不可能像綜合網站那樣做得內容大而全,包羅萬象。你沒有這個能力,也沒這個精力,所以必須要找准一個自己最感興趣內容,做深、做透,辦出自己的特色,這樣才能給用戶留下深刻的印象。網站的主題無定則,只要是你感興趣的,任何內容都可以,但主題要鮮明,在你的主題范圍內內容做到大而全、精而深。

二、搜集材料

明確了網站的主題以後,你就要圍繞主題開始搜集材料了。常言道:「巧婦難為無米之炊」。要想讓自己的網站有血有肉,能夠吸引住用戶,你就要盡量搜集材料,搜集得材料越多,以後製作網站就越容易。材料既可以從圖書、報紙、光碟、多媒體上得來,也可以從互聯網上搜集,然後把搜集的材料去粗取精,去偽存真,作為自己製作網頁的素材。

三、規劃網站

一個網站設計得成功與否,很大程度上決定於設計者的規劃水平,規劃網站就像設計師設計大樓一樣,圖紙設計好了,才能建成一座漂亮的樓房。網站規劃包含的內容很多,如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等,你只有在製作網頁之前把這些方面都考慮到了,才能在製作時駕輕就熟,胸有成竹。也只有如此製作出來的網頁才能有個性、有特色,具有吸引力。如何規劃網站的每一項具體內容,我們在下面會有詳細介紹。 四、選擇合適的製作工具

盡管選擇什麼樣的工具並不會影響你設計網頁的好壞,但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。網頁製作涉及的工具比較多,首先就是網頁製作工具了,目前大多數網民選用的都是所見即所得的編輯工具,這其中的優秀者當然是Dreamweaver和Frontpage了,如果是初學者,Frontpage2000是首選。除此之外,還有圖片編輯工具,如Photoshop、Photoimpact等;動畫製作工具,如Flash、Cool 3d、Gif Animator等;還有網頁特效工具,如有聲有色等,網上有許多這方面的軟體,你可以根據需要靈活運用。

五、製作網頁

材料有了,工具也選好了,下面就需要按照規劃一步步地把自己的想法變成現實了,這是一個復雜而細致的過程,一定要按照先大後小、先簡單後復雜來進行製作。所謂先大後小,就是說在製作網頁時,先把大的結構設計好,然後再逐步完善小的結構設計。所謂先簡單後復雜,就是先設計出簡單的內容,然後再設計復雜的內容,以便出現問題時好修改。在製作網頁時要多靈活運用模板,這樣可以大大提高製作效率。

六、上傳測試

網頁製作完畢,最後要發布到Web伺服器上,才能夠讓全世界的朋友觀看,現在上傳的工具有很多,有些網頁製作工具本身就帶有FTP功能,利用這些FTP工具,你可以很方便地把網站發布到自己申請的主頁存放伺服器上。網站上傳以後,你要在瀏覽器中打開自己的網站,逐頁逐個鏈接的進行測試,發現問題,及時修改,然後再上傳測試。全部測試完畢就可以把你的網址告訴給朋友,讓他們來瀏覽。

七、推廣宣傳

網頁做好之後,還要不斷地進行宣傳,這樣才能讓更多的朋友認識它,提高網站的訪問率和知名度。推廣的方法有很多,例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。

八、維護更新

網站要注意經常維護更新內容,保持內容的新鮮,不要一做好就放在那兒不變了,只有不斷地給它補充新的內容,才能夠吸引住瀏覽者

4、如何入門 網頁設計?

html 是最基本的網頁標簽語言 這一定要學的.....
有了這個基礎你就可以設計靜態網頁了
還有ps為了增添網頁美感的...也可以學
還有css 是設計網頁布局的
現在大部分網頁都是動態的..所以要使網頁設計更好..也要要會編程
動態網頁都是asp,jsp,php,asp.net .......做的

但對初手來說,先學會靜態後,再學動態...

5、我是個初學者網頁製作需要學習什麼軟體

如果是希望以後往這個專業上走的,就按一下的方法來沒錯:
先學一學HTML,找本自己能看懂的教材,瀏覽為主,不用記住所有的概念,只要記住使用原理就行了,這一階段,估計三天就夠了;然後用兩天時間學CSS,方法同上;進而再花些時間了解一下JavaScript。
然後就可以用記事本嘗試寫幾個網頁,記住這時千萬不要用那些可視化工具,比如FrontPage、Dreamweaver(那些以後再學)。
有一個提高自己「寫網頁」的捷徑,就是上各大網站,把網頁保存下來(什麼?你說你不會保存網頁?就是「文件→另存為」),然後打開保存下來的網頁,點擊右鍵→查看源文件,看看人家的網頁是怎麼寫的,然後模仿他們的寫法,不斷規范自己的代碼。嘿嘿,這個方法不錯吧。先好好模仿一下吧。
接下來該學一下Fireworks了。建議一開始就到網上找些實例教程,這些實例教程一般都介紹得很詳細,跟著它一步一步做下來,每學會一個實例就掌握了幾項操作,而且也有了自己的作品,很有成就感的,長期積累下來對自己的提高很有幫助。學 Fireworks主要是學圖片處理,比如加一些效果,還有很重要的就是切圖,這對於初學者是很重要的。
這時還可以結合Dreamweaver進行學習,你就可以體會到Dreamweaver和Fireworks的無縫集成了。利用這些工具多做幾個網頁,你就可以達到一定水平了。
要是想讓你的網頁多一些炫目的效果,建議你學一下Flash,難度並不大,而且要是前面的JavaScript基礎打得好的話,學到Flash中ActionScript時,你會有一種似曾相識的感覺,因為這兩種語法幾乎是一模一樣的。
到這時,相信你就可以真正領會到「網頁三劍客」的威力了。

如果只是建個網站耍耍的,就可以只用dreamveaver就可以了。可視化才做有本教程很好入門的!功能強大!

6、web網頁設計入門

html,css, js, jquery,flash 有些效果css實現太復雜,可以直接用photoshop做成圖片

與網頁設計初入門相關的知識