1. 前端畫面都是自己畫嗎
要有一定的繪畫基礎，可以自己畫，也可以請別人。要用到ps。
引用資料：分享一個移動端頁面的製作流程，以及注意事項
一、設計圖分析
1、看到設計圖首先分析該前端頁麵包含幾部分，大致怎樣布局？
該頁麵包含6部分：標題、機構簡介、課程介紹、師資介紹、聯系我們、詳情頁面；採用常規布局方式，自上而下，從左到右；
2、考慮採用哪種方法製作手機端前端頁面？
目前常用的方法有：
（1）字體縮放或rem（固定寬度640px或750px，具體根據情況js動態計算font-size的值）；
（2）直接寫或aui框架（寬度按320px）；
備註：在不同的移動終端設備中，實現UI設計稿的等比例適配。但使用rem、字體縮放在大屏設備上並沒有展示更多的內容，而且大屏手機看到的字也比較大。因為每個瀏覽器對最小font-size的支持，不盡相同。js動態計算的font-size值太小時，會導致超小屏上UI顯示效果比預想中的偏大。比如，font-size計算是10px，但是chrome只支持到12px，他就按照12px去渲染了，這就會導致UI偏大了。
3、切圖
根據布局方式、前端頁面的寫法考慮該怎樣切圖，使前端頁面製作跟設計圖更符合。
（1）能用css實現的效果盡量不要切成圖片；
（2）對於有規律的圖片可以只切一部分，然後根據情況平鋪；
二、頁面製作：
1、第一部分：標題
這里使用背景圖片，然後將標題整體右浮動，背景圖片需要寫高度，防止標題過長時將背景圖片撐開，使圖片變形；也可以使用img標簽，用position定位來寫。
2、第二部分：機構簡介
（1）機構簡介整體背景可以用css實現： background-color:#76ab5d; border-radius:18px; box-shadow:3px 3px 3px 0 #333;
（2）border-radius圓角
border-radius：10px 10px 10px 10px
左上 右上 右下 左下 （順時針）
border-radius：10px 10px 左上右下 右上左下
border-radius：10px 四角
(注意：當圓角的值大於元素的寬就會變成圓形)
（3）box-shadow陰影
box-shadow：0 0 1px #000 inset;
水平 垂直 模糊 顏色 ；
[1] inset代表框內陰影,不加inset代表框外陰影
[2]第1個值為0時，代表左右邊框陰影為1px范圍
第1個值為正整數 代表左邊框陰影
第1個值為負整數 代表右邊框陰影
同理
第2個值為0 代表上下邊框陰影
第2個值為正整數 代表1px陰影距離上邊框多少
第1個值為負整數 代表下邊框陰影設置
(注意：box-shadow：0 0 10px 顏色 ；四周發光；)
3、第三部分：課程介紹
布局同上，css樣式標題p添加背景圖片，寫margin-top：-48px使標題高於外層div，且覆蓋在上面；注意當外層div不寫padding值時，此時寫margin-top：-48px，外層div和標題會一同向上移動48px；不能實現標題高於外層div的效果。
2. 怎樣設計一個關於節日的前端頁面
首先你要確定好是什麼節日，比如春節，她是喜慶的，我們會根據節日來確定主色調，比如紅色，然後要規劃好你的頁面展現的內容，節日只是一個主題，你的頁面是做什麼用的，比如電商的廣告，那麼賣的商品就是主體，比如游戲的廣告，那麼游戲活動就是主體，所以你要規劃好，最好用紙筆先打個草稿來確定每個模塊大概的位置，用ps來做一個psd的整體頁面，然後分層，裁切，把素材導出來再做到頁面里
3. 求解網頁前端設計與後端設計需要先什麼
Web前端:顧名思義是來做Web的前端的。這里所說的前端泛指Web前端，也就是在Web應用中用戶可以看得見碰得著的東西。包括Web頁面的結構、Web的外觀視覺表現以及Web層面的交互實現。Web後端：後端的是與資料庫進行交互以處理相應的業務邏輯。需要考慮的是如何實現功能、數據的存取、平台的穩定性與性能等。
4. 零基礎開始學 Web 前端開發，有什麼建議嗎
web前端作為互聯網相關的重要崗位，許多互聯網大廠（如阿里騰訊等）在招聘時會作出要求。學好web前端對於將來掌握前端後端開發、成為全棧架構師的學習很有幫助。
想學習web前端需要掌握的內容也是不少的，對於自學的同學來說會有一些難度，不推薦自學能力差的人。我們在學習的時候需要分階段進行，做到有計劃的學習與訓練，具體的學習順序如下：
web前端學習順序：
①計算機基礎以及PS基礎
②前端開發基礎（HTML5開發、JavaScript基礎到高級、jQuery網頁特效、Bootstrap框架）
③移動開發
④前端高級開發（ECMAScript6、Veu.js框架開發、webpack、前端頁面優化、React框架開發、AngularJS 2.0框架開發等）
⑤小程序開發
⑥全棧開發（MySQL資料庫、Python編程語言、Django框架等）
⑦就業拓展（網站SEO與前端安全技術）
想要系統學習，你可以考察對比一下開設有IT專業的熱門學校，好的學校擁有根據當下企業需求自主研發課程的能力，建議實地考察對比一下。
祝你學有所成，望採納。
5. 網頁設計新手如何開始
新手做網頁設計，首先要學習一些軟體，例如ps、FW之類的繪圖軟體。之後在接觸網頁設計會好一點。
首先自我介紹一下，我就是網頁設計與製作專業畢業的；
其次，網頁設計涉及到許多東西以及明細的分類：例如分前台和後台，前台有設計師，還有前端工程師，後台有程序員等
設計師負責做出網頁的效果圖，還要考慮一些交互的細節；
前端工程師就是負責把頁面實現成html頁，還有css以及js，優化等等，學無止盡；
不斷的實踐，光說不練，假把式，有freelance的機會，有有趣的project多參與，多接觸不同的人，拓寬自己的思維。
6. 前端開發者可以自己做網頁設計嗎
可以，很多網頁設計後來都轉到前端去了，前端掙得多。而且網頁和前端中間有H5和CS6過渡，比較平滑，門檻沒那麼高
7. 網頁前端必須會設計么
現行的標准：HTML 4、CSS 2、Javascript
JS類庫：jQuery、node……
新的還有：響應式布局、HTML 5、CSS 3……
8. 自學WEB設計應該先學前端還是後端的技術啊
首先我覺得可以看看你自己的需求或者說興趣吧。
前後端技術並不是完全獨立的兩個技術，他們是互相協助的關系。
按照你目前的情況來說，應該還是屬於學習階段。
我覺得如果你能獨立的做出一個頁面展示不太丑的留言板網站，你就能清楚你喜歡前端還是後端了。
因為留言板站並不需要很多的前端技術，也不需要太多的後端技術。
9. 零基礎可以學web前端嗎
可以，當然可以，不過堅持下來的沒幾個，自製力不行，學習計劃不正確，沒人指導等等，都是自學失敗的原因。
所以，想自學，就要克服張以上的問題。
親愛的小夥伴，你對前端技術感興趣嗎？想了解一個絢麗多彩網站和小程序是如何被製作出來的嗎？歡迎加入我們的前端技術大家庭：https://sourl.cn/7jnzJp。在這里，不僅有志同道合的朋友，指導人生的老師，更有看不完的技術教程隨你挑！心動嗎？想學嗎？那就動動你的小手手，加入我們吧！
薦一個自學前端的路線，你可以參考一下：
第1階段：前端頁面重構(4周)
內容包含了：(PC端網站布局項目、HTML5+CSS3基礎項目、WebApp頁面布局項目)
第2階段：JavaScript高級程序設計(5周)
內容包含：(原生JavaScript交互功能開發項目、面向對象進階與ES5/ES6應用項目、JavaScript工具庫自主研發項目)
第3階段：PC端全棧項目開發(3周)
內容包含：(jQuery經典交互特效開發、HTTP協議、Ajax進階與PHP/JAVA開發項目、前端工程化與模塊化應用項目、PC端網站開發項目、PC端管理信息系統前端開發項目)
第4階段：移動端項目開發(6周)
內容包含：(Touch端項目、微信場景項目、應用Angular+Ionic開發WebApp項目、應用Vue.js開發WebApp項目、應用React.js開發WebApp項目)
第5階段：混合(Hybrid,ReactNative)開發(1周)
內容包含：(微信小程序開發、ReactNative、各類混合應用開發)
第6階段：NodeJS全棧開發(1周)
內容包括：(WebApp後端系統開發、一、NodeJS基礎與NodeJS核心模塊二、Express三、noSQL資料庫)