導航:首頁 > 萬維百科 > 新手網頁設計作品欣賞

新手網頁設計作品欣賞

發布時間:2020-11-10 03:56:14

1、新手如何做好網頁美工設計

導語:當你看到一個新穎很有畫面感的網頁時候,可能你更多考慮到的是其中的美妙或者產品,你是否有想過,這樣一個網頁的背後是如何來設計或者美化的嗎?當你點擊開一個鏈接,被其中一個產品或者一個海報所吸引,你又是否想過是什麼樣的因素這樣牽引著你進一步去點入的呢?其實這些都離不開網頁美工設計,也許你有網頁美工設計的一些經驗,那麼你是否知道什麼樣的設計或者細節能夠更加的吸引人呢?今天小編就帶領大家一同來了解一些網頁美工設計的問題。
網頁美工設計,即網頁美術工程師。很多人都聽過這個職業,但是,你知道網頁美工是做什麼的 嗎?網頁美工的職責是圖形設計、交互設計,以及用戶測試/研究。網頁美工設計負責的圖形設計,即傳統意義上的「美工」。不過不是單純意義上美術工人的工作,既然搭上了「網頁」的頭銜,因此他們負責的是軟體產品的產品「外形」設計。
交互設計主要在於設計軟體的操作流程、樹狀結構、操作規范等。一個軟體產品在編碼之前需要做的就是交互設計,並且確立交互模型,交互規范。網頁美工要負責這點,相信很多人都不知道,因為在大眾的印象中,美工只要負責視覺效果就可以了,但僅僅是視覺設計,作為一名合格的網頁美工,那是遠遠不夠的。而第三個網頁美工的職責:用戶測試/研究,網頁美工設計目標是測試交互設計的合理性及圖形設計的美觀性,主要通過以目標用戶問卷的形式衡量網頁設計的合理性。另外,對於網頁美工的.職能,不少人還存在著一個誤區,那就是認為網頁美工精通CSS/HTML/JAVASCRIPT等語言來做網頁布局,其實這是不正確的,網頁布局的工作應該是由前端開發工程師來完成的。
如何做好網頁美工設計,對於新手而言,這還有些小小的難度,尤其是當網頁美工設計由幾個人接手的時候。不過,其實只要掌握好幾點,網頁美工設計其實也不是十分困難的一件事。在網頁美工切圖設計之前,我們先基於ps進行新建文件設置,在設置的時候需要注意以下幾點:
1、一定要做好網頁寬度的設置設計,一般網頁寬度有760PX、900PX、1000PX等,最好不要超過1200PX的寬度,高度沒有限制。大多數做網站的公司都有一個比較合理的標准。
2、作為網頁背景、網頁圖標的要清晰,在網站設計的時候比較注重。所以在切圖的時候不要切出來的效果與設計的效果相差太大。
3、有特效地方,有必要設計出特效樣式,以便DIV CSS製作的時候切圖使用。

2、新手如何網站設計、網頁製作入門?

C語言必學,HTML必學,JS必學,VB必知,SQL必知,PHP必學,就是這么個順序!

3、html新手題目求解答和該如何學習網頁設計

網頁設計,是設計,就是美工PS,html是製作,請盡量區分開
最基礎的學習手冊:w3school 在線教程
看題,應該只是涉及到 html+css,功能實現不難
html主要用到的標簽:
表格table > tr > td(th)
表單form > input(text/password/radio/checkbox/submit)
css需要用到的樣式:
顏色color
字體大小font-size
表格里內容對齊text-align(left居左/ center居中/ right居右)
表格邊框:border

4、新手開始學習網頁設計需要怎麼開始?

我引用一下我之前給別人回答的問題把:
我的回答:
===================================================================
網頁設計技能篇:CSS、HTML、JavaScript這三個都是硬性需求,你理解的越深,對你的幫助越大。

框架:jquery等,只是幫助你更好的完成工作,比如運動特效等,但是你不能太依賴,corejs才是王道。

php(後端語言):首先掌握必要的php知識是需要的,因為前後端必須要交互,至於想上崗的話只要不了解也沒關系,因為都是在工作中學習的。

工具:dw,ps等都是你工作中的工具,提高你的工作效率。瀏覽器工具:幫助你調試網頁其他知識:

http協議,正則等,都能給你加分。================================================================

上面是我之前給一個想成為前端的同學的回答。
這么說把,如果你想製作網頁的話,那麼了解html+css+js就夠了。
但是你要做網站的話,就需要了解後端的語言,比如php呢。。

希望我的回答對你有用~~一起加油!

5、作為一個網頁設計新手該如何下手?

您好,【三佳網頁設計】為您解答
如果您是網頁設計新手,建議您可以去購買一些書籍看下自學,比如:精通css+div。多了解網頁設計方面的知識。也可以在網上找些視頻看看。
或者您也可以去報個培訓班來系統學習下。這樣提升比較快,上手也比較快。
學習其實是一個過程,慢慢來。只要堅持下去,就一定會成功的。
希望可以幫到您!

6、求幾個適合剛從事工作的新手看的網頁設計教程網站或者交流網站

其實網頁設計最重要的是練習設計感,而練習之前首要的任務就是多看一些優秀的作品來引導你的設計思路,站酷中其實也並非全部都是好作品,這只是一個設計師的交流網站,好的壞的作品都會有人上傳,所以你就盡量多看一些好的作品唄,開始就先以模仿為主,而模仿的過程中重點是多做,只有你多多製作才能達到練習的目的;
而學習網頁設計代碼方面(div+css),從我個人角度來說,新手從基礎開始學習並沒有什麼不好,反而基礎會更扎實,但是學習周期會比較長,我個人比較推薦新手了解了一些基本知識之後就直接去看優秀的網頁代碼,而不是自己學一點做一點,我以前自己學習的時候就是直接找一些好的網頁模板進行修改成我設計的界面,前提是我設計的界面布局要跟模板差不多,這樣我就通過各個部分的修改來了解之前各個布局及樣式的意思和作用,有一些不懂的地方就去百度找答案,當把一個模板完全改成自己的界面的時候,網頁設計估計也能初步掌握了,然後自己再半參考性的自己獨立寫代碼,這樣學習的速度是比較快的;
很多人都說學習東西興趣比較重要,但是要有興趣的前提是你必須要搞明白那是什麼東西,很多人搞不懂才會覺得沒興趣,腦子里沒有一個認知思維當然學不會,小時候我們上學也就是這樣一個道理;
我給你推薦一個自學網站和設計網站,希望能幫到你
http://www.divcss5.com/
http://www.uimaker.com/
http://www.lanrentuku.com/

最後給你一個建議,你學習設計的風格建議你往歐美風格走,像網上的一些韓國模板雖然可以參考,但是我個人覺得大部分的韓國模板都不太實用,姑且看看就好,如果你覺得有地方可以借鑒也行,當然,我這里只是建議,別被我的話束縛了思維

7、有哪些適合網頁設計新手看的書

你要現在轉肯定是從網頁前台開始學習,你主要要會PS、DW(其中主要的就HTML+CSS必須會然後是 JS這個你其實可以借用別人封裝好的然後調用,但是自己會的話會更好這個你自己具體工作中就會體會到的)、AI會了最好,能讓你做的東西增色不少。建議你不要看什麼這個設計那個設計的書,國內的大多千篇一律都是教你怎麼用軟體,這個東西是個人都能自學會。主要的是設計網頁的理念,推薦你去看看1本設計書,也非常便宜40以內的,名字叫「網頁設計創意書(卷2)(Web頁面的視覺盛宴 設計師的靈感源泉)」。這個就是告訴你設計師的思維是個什麼樣的,比國內那些什麼破設計書強太多了,這個是我看了很多書以後才找到的,說實話你看了以後就知道為什麼人家國外的網站風格能夠引領著國內的網站風格了(我不是崇洋媚外的,但要尊重事實)。還有你主要是要看你將來要從事哪方面的網頁設計,這個風格上是不一樣。如果是要找工作最好定位的細一點這樣能夠最有效率的有的放矢。本人也對這個很有興趣才去學習網頁設計的,現在才工作不久,雖然設計東西還比不上很多前輩們,但是能有這樣的環境其實就足夠往深入發展的了,不斷努力就好。還有現在招聘都是要帶自己的作品的,學完後自己要設計幾個作品就最好了。

8、我是新手,請給我推薦一些網頁代碼設計入門的書籍

高一啊,不錯不錯。其實你隨便拿一本書,只要認真看就能做東西。我就是這樣過來的

9、網頁設計新手如何開始

首先,可以告訴想學網頁製作的朋友。學習製作網頁和學習其它知識一樣,是要有基礎的。在基礎之上學習起來會比較輕松和快捷的。其次,要清楚學習它是用來做什麼。 建議你要具備的條件:對電腦熟練操作,使用電腦最好在一年以上,對網頁設計感興趣,有較充足的學習時間,熟悉office辦公軟體。當然,這些不是一定必須的。下面介紹一下網頁製作學習過程。 第一階段:首先你不要一開始就做網頁,要知道和了解網頁的一些網頁基本知識和原理,這一點很重要,那樣你會避免在製作網頁的過程中的很多誤區。比如什麼是超鏈接,絕對鏈鏈接與相對鏈接的區別;什麼是動態網頁,什麼是靜態網頁;還有IP與域名的關系等等。原理了解之後,就開始學些網頁編輯軟體,如:FrontPage、Dreamweaver.這樣可以使您更了解網頁製作與運營的原理。最好使拿書本教程來學學,結合教程邊學習邊製作。在學習編輯軟體的過程中,你就要逐步接觸html語言,然後是css,最後子解一下javascript,在這一學習過程你最好靜下心來學,不要到網上或論壇上問這問那,那隻是浪費時間,因為你還不懂。。會用網頁製作軟體後,已會製作一個較完整的網站了。但是要知道你目前學習的還僅僅是靜態的網頁,當你能夠做出一個靜態網站,並會將其發布到網上與網友們分享的時候,你的第一個過程就算完成了第二階段:好了,靜態的網頁製作差不多的時候,你可以去網上與網友交流交流了,那時你會發現自己的水平還很有限。現在你需要由靜態向動態過渡了,主流的動態網頁編程語言有三種asp或asp.net、php、jsp.每種都有各自的特點,看你喜歡那種,要三種都精通那是比較不實際的吧,也是沒有必要的。這一個過程也是個很關鍵的過程,你要系統得學習一種語言,還要學會動態網頁動行環境的搭建,還有資料庫方面知識。記住要根據你自己的實踐情況慎重地選擇一種,不要學了一種又學那一種,結果一樣也沒有學會。我有切身體會,但是每一樣稍作了解是必要的,要不你怎麼先擇啊,是吧?第三階段:結合你自己已掌握地知識來開發網站,可以開發出別人給你定義的目標網站。到了這個時候,你就成為真正的網站開發者了。這時你可以加入一個團隊了,接下來的知識的學習是靠實踐和交流了,你可以上論壇去,有些知識書本上是學不到的。這一個階段你可能是漫長的,你只能不斷得充實自己。 怎樣製作網頁,不是說一兩篇文章能夠說清楚的。以上介紹的是製作網頁的主要綱要,希望能夠給想要學習製作網頁的朋友一個參考。

滿意請採納

10、HOW FROM 一個網頁新手 TO 一個網站設計師?

★建設自己的網站較好的步驟☆ 必須注意的是:建立自己的網站是一件浩大的工程,一般比較麻煩。所以應當按照一定的步驟一步步來。 我覺得建站可以按照以下步驟進行: 1、先在本地設一個文件夾,作為網站存儲的地方。名字最好取「My Sites」。 2、在網站文件夾裡面建立一些文件夾,包括「images」等(存儲圖片、文件等),並且按照網頁內容,再建立幾個文件夾。(也可以把存儲圖片、文件的文件夾在每個內容文件夾裡面各搞一些) 3、打開你的網頁編輯程序(例如FP、Dreamwear等),新建網頁,保存為「index」(主頁),重復以上步驟,在網站文件夾裡面建立「search」(查找)、「map」(站點地圖)、「index02」(網站簡介等)。 4、按照上面步驟,再在網站分類文件夾裡面建立許多網頁(接著還要把內容輸入網頁) 5、已經做到了這么多,我們該准備內容了吧。在硬碟上面再建立一個文件夾「File」,把准備好的文檔、圖片、程式、文件和網頁特效等放進去。(可以加入一些動態網頁) 6、慢慢把這些文件一個不漏的放進網頁裡面(要掌握技巧) 7、把網站充實了,就差不多了。這時應該申請一個域名(免費空間、附費都可以)。並且把自己的網站放入搜索引擎,而且在各種留言版上面宣傳。 8、把網站上傳至空間裡面,刪了准備文件,就OK了! 不過也可以這樣使用FP建站: 1、在FP裡面選擇新建站點。 2、然後在【導航】裡面設置網頁名稱以及標題。 3、准備好文檔、圖片、程式、文件和網頁特效等,把它們都充實進網站裡面。 4、申請一個域名(免費空間、附費都可以)。並且把自己的網站放入搜索引擎,而且在各種留言版上面宣傳。 5、把網站上傳至空間裡面,刪了准備文件。完畢。 如果使用Dreamwear來建站,那就更加高級啦!Dreamwear的功能很強大,安裝了它的朋友們可以研究研究。 在網站設計中,純粹HTML格式的網頁通常被稱為「靜態網頁」,早期的網站一般都是由靜態網頁製作的。靜態網頁的網址形式通常為: www.example.com/eg/eg.htm ,也就是以.htm、.html、.shtml、.xml等為後後綴的。在HTML格式的網頁上,也可以出現各種動態的效果,如.GIF格式的動畫、FLASH、滾動字母等,這些「動態效果」只是視覺上的,與下面將要介紹的動態網頁是不同的概念。 在《網路營銷基礎與實踐》第二版第3章「網路營銷導向的企業網站建設」中,提出了採用靜態網頁對搜索引擎的影響,書中對於靜態網頁本身的介紹比較少,尤其對於靜態網頁的特點沒有做專門的介紹。 網路營銷教學網站( www.wm23.com )將靜態網頁的特點簡要歸納如下: (1)靜態網頁每個網頁都有一個固定的URL,且網頁URL以.htm、.html、.shtml等常見形式為後綴,而不含有「?」;(2)網頁內容一經發布到網站伺服器上,無論是否有用戶訪問,每個靜態網頁的內容都是保存在網站伺服器上的,也就是說,靜態網頁是實實在在保存在伺服器上的文件,每個網頁都是一個獨立的文件; (3)靜態網頁的內容相對穩定,因此容易被搜索引擎檢索; (4)靜態網頁沒有資料庫的支持,在網站製作和維護方面工作量較大,因此當網站信息量很大時完全依靠靜態網頁製作方式比較困難; (5)靜態網頁的交互性交叉,在功能方面有較大的限制。 網頁製作軟體的選擇 u 選擇一個適合自己的網頁編輯工具 了解了網頁的類型及相關技術之後,下一步,就是要選擇一個適合自己的網頁編輯工具。 Frontpage Frontpage 是 Microsoft 出品的,可能是最簡單、最容易,卻又功能強大的網頁編輯工具。採用典型的 Word 界面設計,只要你懂得使用 Word,就差不多等於已經會使用 Frontpage。就算你不懂 Word 也沒關系,"所見即所得"的操作方式會讓你很快上手,而且你無須學習 HTML 語法。 但 Frontpage 的也有其不足之處:首先是瀏覽器兼容性不好,做出來的網頁,用 Netscape 往往不能正常顯示;其次,生成的垃圾代碼多,也會自動修改代碼,導致在某些情況下極為不便;再次,對DHTML的支持不好。但不管怎麼說,Frontpage 的確是最好的入門級網頁編輯工具。 常見的版本為 Frontpage98 和 Frontpage2000。 Dreamweaver Dreamweaver 是 Macromedia 公司的產品的另一款"所見即所得"的網頁編輯工具,或稱網頁排版軟體。與 Frontpage 不同,Deamweaver 採用的是 Mac 機浮動面版的設計風格,對於初學者來說可能會感到不適應。但當你習慣了其操作方式後,就會發現 Dreamweaver 的直觀性與高效性是 Frontpage 所無法比擬的。 Dreamweaver 對於 DHTML 的支持特別好,可以輕而易舉地做出很多眩目的頁面特效。插件式的程序設計使得其功能可以無限的擴展。Dreamweaver 與 Flash、Firework 並稱為 Macromedia 的網頁製作三劍客,由於是同一公司的產品,因而在功能上有著一個非常緊密的結合。而最新推出的 Dreamweaver UltraDev 更支持 Asp,Jsp。因此,說Dreamweaver 是高級網頁製作的首選並不為過。 常見的版本為 Dreamweaver4.0 和 Dreamweaver UltraDev 1.0 flash flash也是 Macromedia 公司的產品,Flash 是互動式矢量圖和 Web 動畫的標准。網頁設計者使用 Flash 創作出既漂亮又可改變尺寸的導航界面以及其他奇特的效果。相信凡是見過 Flash 技術的人,沒有一個不想掌握它的。它不但易學、易用,而且可以做出有很多動畫的網站,並且聲色結合,是一種很有前途的網頁製作技術。 firework firework也是 Macromedia 公司的產品,是真正的網頁作圖軟體。Fireworks 與 Dreamweaver 結合很緊密,只要將 Dreamweaver 的默認圖像編輯器設為 Fireworks ,那麼在 Fireworks 里修改的文件將立即在 Dreamweaver 里更新。另一個功能是可以在同一文本框里改變單個字的顏色。當然,Fireworks 可以引用所有的 Photoshop的濾鏡,並且可以直接將 PSD 格式圖片導入。它是用來畫圖用的,它相當於結合了Photoshop ( 點陣圖處理 ) 以及CorelDRAW (繪制向量圖)的功能。網頁上很流行的陰影、立體按鈕...等等的效果,也只需用滑鼠點一下,不必再靠什麼KPT 之類的外掛濾鏡。而且 Fireworks很完整的支持網頁16進制的色彩模式,提供安全色盤的使用和轉換,要切割圖形、做影像對應(Image Map)、背景透明,要圖又小又漂亮,在Fireworks 中做起來都非常方便,修改圖形也是很容易的 。不需要再同時打開Photoshop和CorelDRAW...等等各類軟體,切換來切換去的了。 Dreamweaver、Flash、Firework稱為網頁製作三劍客,將三個軟體配合起來使用,會製作出非常精美的網頁 gifanimator Ulead GIF Animator 4.0 是目前最快和最易使用的 GIF 動畫工具,它在一個軟體包中提供了頂級的功能,用於動畫 編排、編輯、特效和優化。 GIF Animator 差不多支持每個主要的文件格式,包括視頻文件,並允許輸出為 Windows AVI、QuickTime 電影、Autodesk 動畫或圖像序列。用戶可以生成適當的 HTML 代碼,以便將動畫嵌入到網頁中,並且可以將動畫打包成獨立的 EXE 文件,以便通過電子郵件發布和在任何地方來查看。 u 製作主頁 製作主頁無非是添加文字、添加圖片、添加鏈接,跟用word沒什麼區別,經過簡單的學習後,你就會製作主頁了!但是,要作出高水平的主頁那要學的東西就太多了,不過總結起來就是html,圖形製作,動畫製作,頁面特效製作和後台程序製作幾個部分。 u 申請的主頁空間,把你製作的主頁傳上去 我們製作的頁面放在我們自己的計算機上,別人是不能看見的。為了讓別人看見我們製作的頁面,我們必須將他們放到一台和internet一直連接的計算機(伺服器)上。你可以到提供空間服務的站點申請主頁空間。有空間以後就可以利用響應的FTP(文件傳輸協議)工具軟體將我們製作的頁面傳上去。這樣,就可以讓大家來分享我的精彩頁面了。 常見的FTP工具軟體有cuteFTP、leapFTP等,其功能和使用方法都比較類似,具體使用方法可參見本站想應的文章。 可能你開始的主頁只是非常簡單, 但是這是你的第一步,也是良好的開端,然後再一步步學習:如何把網頁製作漂亮一些?如何製作動畫?對於新手,千萬不要一下子就想:我看到某某某網頁這么漂亮,它是怎樣做出來的?我很想馬上做出來,於是馬上就去研究復雜的網頁,這樣你會發現網頁製作很難,學兩下就放棄了,這樣永遠學不會製作主頁。想當初,我對於我的網頁能產生鏈接也高興了半天,於是產生了更大的興趣。記住:一步一步來,不要一下子想成為高手,否則很難成為高手。

與新手網頁設計作品欣賞相關的知識