一個是偏向于設計，一個是偏向于代碼。如果是網頁設計，剛開始可能是模仿別人的網頁，但是到了最后會出現(xiàn)慢慢的偏重于美術，心理學，色彩，繪畫等。這些藝術方面，表面你能看到的，如果你是學計算機的接觸過網頁設計，并喜歡網頁設計，我建議不要偏向這個方面，因為到后來讓你自己獨立設計網頁時，色彩搭配是很難的，還有整體布局，以及是否符合當下潮流等?，F(xiàn)在的網頁千變萬化，設計也要不斷學習，并且能跟得上。 對于web前端開發(fā)這個就是把別人設計好的自己用div+css+js去實現(xiàn)的，一個簡單的網頁可能就是div+css把它寫出來，但是這里面是充滿經驗的。web前端的發(fā)展過程中到了最后就是頭疼的兼容性問題，因為要確保一個頁面在任何瀏覽器當中能正常顯示是很不容易的，瀏覽器廠商那么多，各自還有自己的專屬屬性，而且有的還要求在手機中能夠顯示，能夠自適應屏幕等。單純的css無法來控制，就需要學習javascript, web前端看似簡單其實要學習的東西很多，經驗也特別重要，接觸后臺后你會更明白前端的重要性。

經常有朋友找我咨詢H5的問題，但是在和他們溝通的過程中，我發(fā)現(xiàn)很多人對H5的理解都是停留在用戶層面，邀請函、小游戲、品牌展示、抽獎等等。其實如果上升到營銷層面的話，僅在用戶層面去思考是遠遠不夠的，因為任何傳播都要考慮有效性的問題，如果100w pv帶來的只是刷屏效果，而對品牌帶不來任何有效轉化，這樣的傳播顯然是不成功的。隨著微信用戶增多、H5小游戲、H5大翻頁，到H5站點、H5營銷。在微信上內容的數(shù)量和樣式的逐漸增多，下面給大家介紹借助 “布谷鳥” 這一個在線制作工具，可以輕松的制作出炫酷的微信h5頁面。點擊制作欄目，進入模板選擇頁1：選擇空模板，自由創(chuàng)作、選擇主題模板，更快速的創(chuàng)作出炫麗的展示。預覽樹操作2：顯示的頁面的顯示順序；右鍵調整頁面的顯示順序；3、點擊頁面右上角的X,可以把不需要的頁面刪除。4.功能—添加修改文字1、添加文字：點擊右側的文字選項→主編輯區(qū)會出現(xiàn)文字輸入框→雙擊修改2、文字屬性修改：右側文字屬性修改選項，包括字體種類，字體大小、顏色等等。功能—添加修改按鈕添加按鍵：點擊右側按鈕選項→點擊編輯區(qū)的按鈕→修改文字、鏈接5.功能—添加修改底圖1、修改背景顏色：點擊右側底圖選項→選擇顏色2、上傳底圖：點擊右側底圖選項→點擊上傳按鈕→確定6：保存。生成1、添加標題、描述、縮略圖2、生成的二維碼和鏈接可以用于分享到微信、微博等3、點擊生成按鈕，即完成了一個作品的制作過程。歡迎大家使用，免費的模板。

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

　　通俗說自適應網頁設計響應式網頁設計響應式網頁設計自適應網頁設計真細起自適應響應式集指網頁整體圖自適應或者banner自適應　　響應式設計網站兼容同終端　　響應式網頁設計優(yōu)勢：流體網格網站適合響應式網頁設計　　1、靈性強適應同辨率設備　　2、便快捷解決設備顯示適應問題　　自適應網頁設計優(yōu)勢：固定斷點網站適合自適應網頁設計　　1、實施起代價更低測試更容易　　2、自適應布局讓設計更加控需要考慮幾種狀態(tài)　　雖響應式/自適應網頁設計帶兼容各種設備工作量、代碼累贅、加載間缺點能設計普遍適用根據(jù)屏幕辨率自適應及自縮放圖片、自調整布局技術實現(xiàn)更于設計全新思維模式

CSS是Cascading Style Sheets(層疊樣式表)的縮寫。是一種對web文檔添加樣式的簡單機制，屬于表現(xiàn)層的布局語言。1.基本語法規(guī)范分析一個典型CSS的語句：p {COLOR:#FF0000;BACKGROUND:#FFFFFF} ??其中"p"我們稱為"選擇器"(selectors)，指明我們要給"p"定義樣式；??樣式聲明寫在一對大括號"{}"中；??COLOR和BACKGROUND稱為"屬性"(property)，不同屬性之間用分號";"分隔；??"#FF0000"和"#FFFFFF"是屬性的值(value)。2.顏色值顏色值可以用RGB值寫，例如：color : rgb(255,0,0)，也可以用十六進制寫，就象上面例子color:#FF0000。如果十六進制值是成對重復的可以簡寫，效果一樣。例如:#FF0000可以寫成#F00。但如果不重復就不可以簡寫，例如#FC1A1B必須寫滿六位。3.定義字體web標準推薦如下字體定義方法：body { font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋體,sans-serif; } 字體按照所列出的順序選用。如果用戶的計算機含有Lucida Grande字體，文檔將被指定為Lucida Grande。沒有的話，就被指定為Verdana字體，如果也沒有Verdana，就指定為Lucida字體，依此類推，； ??Lucida Grande字體適合Mac OS X； ??Verdana字體適合所有的Windows系統(tǒng)； ??Lucida適合UNIX用戶 ??"宋體"適合中文簡體用戶; 如果所列出的字體都不能用，則默認的sans-serif字體能保證調用; 4.群選擇器當幾個元素樣式屬性一樣時，可以共同調用一個聲明，元素之間用逗號分隔，：p, td, li { font-size : 12px ; } 5.派生選擇器可以使用派生選擇器給一個元素里的子元素定義樣式，例如這樣：li strong { font-style : italic; font-weight : normal；} 就是給li下面的子元素strong定義一個斜體不加粗的樣式。6.id選擇器用CSS布局主要用層"div"來實現(xiàn)，而div的樣式通過"id選擇器"來定義。例如我們首先定義一個層<div id="menubar"></div>然后在樣式表里這樣定義：#menubar {MARGIN: 0px;BACKGROUND: #FEFEFE;COLOR: #666;} 其中"menubar"是你自己定義的id名稱。注意在前面加"#"號。id選擇器也同樣支持派生，例如：#menubar p { text-align : right; margin-top : 10px; } 這個方法主要用來定義層和那些比較復雜，有多個派生的元素。6.類別選擇器在CSS里用一個點開頭表示類別選擇器定義，例如：.14px {color : #f60 ;font-size:14px ;} 在頁面中，用class="類別名"的方法調用：<span class="14px">14px大小的字體</span> 這個方法比較簡單靈活，可以隨時根據(jù)頁面需要新建和刪除。7.定義鏈接的樣式CSS中用四個偽類來定義鏈接的樣式，分別是：a:link、a:visited、a:hover和a : active，例如：a:link{font-weight : bold ;text-decoration : none ;color : #c00 ;}a:visited {font-weight : bold ;text-decoration : none ;color : #c30 ;}a:hover {font-weight : bold ;text-decoration : underline ;color : #f60 ;}a:active {font-weight : bold ;text-decoration : none ;color : #F90 ;} 以上語句分別定義了"鏈接、已訪問過的鏈接、鼠標停在上方時、點下鼠標時"的樣式。注意，必須按以上順序寫，否則顯示可能和你預想的不一樣。記住它們的順序是“LVHA”。

　　一般對于網頁設計師都有職責要求，如下　　1、精 通 各 種 網 頁 及 美 術 方 面 的 應 用 軟 件 ， 包 括 Photoshop ， Coreldraw ， Illustrator,Dreamweaver,Flash ， Fireworks 等?！　?、熟悉 Html、css 、JavaScript等?！　?、美術、設計等相關專業(yè)?？苹蛞陨蠈W歷?！　?、一年以上相關專業(yè)工作經驗、有優(yōu)秀的藝術素養(yǎng)?！　?、熟悉醫(yī)療行業(yè)網站建設、網絡廣告、網站專題建設等工作?！　?、有醫(yī)療網站設計經驗者優(yōu)先。對醫(yī)療頁面設計轉化效果有獨到見解者優(yōu)先?！　?、具備優(yōu)秀的網站整體策劃、設計能力,有豐富的網頁設計經驗?！　?、熟練處理CSS與IE6、IE7、IE8、FireFox等瀏覽器兼容問題?！　?、有較強的平面設計感覺及良好的美術基礎、審美能力和創(chuàng)意，色彩感強；思想敏銳活躍,具有豐富的視覺創(chuàng)作經驗和獨到的審美修養(yǎng)?！　?0、創(chuàng)新意識強， 有良好的學習能力、溝通能力和領悟能力，能夠承受較大的工作壓力?！　?1、有良好的團隊合作意識，耐心、誠懇，有強烈的責任心和積極主動的工作態(tài)度； 有良好的團隊合作意識，耐心、誠懇，有強烈的責任心和積極主動的工作態(tài)度。

　　兩者是有區(qū)別的：　　平面設計師：多數(shù)要求印刷 需要對印刷相關知識了解 簡單的平面設計比如做個超市的招牌，這也是平面設計，高端的平面設計要有創(chuàng)意，有范兒，要有深入的理念，要有商業(yè)價值，3秒內能讓瀏覽者確定要繼續(xù)品味。要有第一印象，要可以回味，最終以達到商業(yè)宣傳的效果，做為平面設計師像混口飯倒是容易，如果真想走向國際的水準，那你一定要有過人的天賦和后天地獄般的磨練?！　【W頁設計師：需要了解甚至是深入了解用戶體驗，網頁是互動的 不像平面廣告一樣看看就行了，作為高端些的網頁設計師要了解各種網頁制作的知識，要了解客戶端，要了解瀏覽器，要了解面向人群，甚至要了解心理學，好的作品有兩種目的，第一就是在瀏覽者大腦中強化印象，提升客戶品牌形象（比如德芙，可口可樂，奔馳等等這種大的品牌為的是擴張自己的形象，以成為潛在客戶在需要的時候的第一選擇為目的，這種網站需要達到的效果是瀏覽者在瀏覽的時候有一股子電流從腳底上升然后散開，就像一見鐘情的感覺），第二直接或間接產生訂單的成交（比如桃保商城，京東1好店等電商，設計非常熱鬧，要有一種撕心裂肺的叫賣聲，不只是減價，是陪了命的減價，）所以好的網頁作品設計出的不是看到的內容而已，他設計出的是一種客戶看到的心理感受，設計出的是企業(yè)或品牌的靈魂。

網頁設計的工作目標，是通過使用更合理的顏色、字體、圖片、樣式進行頁面設計美化，在功能限定的情況下，盡可能給予用戶完美的視覺體驗，實現(xiàn)最終的轉化。

一、菜鳥級網頁制作軟件網頁三劍客指的是：1、dreamweawer 網頁設計制作工具2、flash 動畫制作工具3、photoshop 圖片處理工具二、自助建站系統(tǒng)助建站就是一套網站系統(tǒng)，專門給對網頁代碼或者通俗說不懂制作網站的人使用的一套系統(tǒng)，企業(yè)站的用pageadmin、電子商城的用ECShop、論壇站的用discuz等