不懂程式碼，不懂技術還想有一個自己的網站，給你兩個建議。

第一，花錢找人幫你做，省時省力的。網站型別不同價格也不同。

第二，那就是去下載模板了，現在網上很多免費好用的模板，找個熟人幫忙修改也行。

一般企業站看功能和效果，一般的也就1000-2000左右。這是個人團隊接單做，如果是網路公司那就是萬元起步了。

前端技術的分類

前端技術是指用來開發和實現客戶端產品的技術。

前端技術分為三種：

1. APP相關技術。包括Android，iOS，Windows Phone等

2. 網頁相關技術。包括Html，CSS，JavaScript

3. 桌面應用相關技術。包括Windows、Mac OS、Linux

前端的職能分類

不同的技術方向和技術領域，會有不同的職能工種與其對應：

1. 移動開發工程師（Android，iOS）

2. Web前端開發工程師（H5）

3. 桌面客戶端開發工程師（Window、Mac）

這三個工種並不完全獨立、割裂，前端的工種裡還有一些全棧工程師，他們的技術領域跨度大，覆蓋面廣，一般是比較資深、有經驗的工程師。

瞭解這些技術型別和工種能讓產品經理更便捷高效地找到能迅速解決產品問題的人。這是產品經理必須具備的能力。

Android及iOS的應用特點

▍Android的應用特點

1. 安裝副檔名為.apk

2. 手機尺寸多樣化，適配工作量大。

3. 系統開源，可定製化系統

4. 應用市場碎片化嚴重，多渠道

5. 手機硬體跨度大，應用支援情況多樣

▍iOS的應用特點

1. 安裝副檔名為.ipa

2. 手機尺寸相對單一，適配工作適中

3. 系統閉源，不可定製化系統

4. 官方指定應用市場，單一渠道

5. 手機硬體差異小，應用支援情況統一

UI控制元件的名稱

UI控制元件是構成產品介面的基本元素，根據作用及操作的不同，區分為不同種類的控制元件。Android和iOS的UI在基本控制元件名稱上存在差別。

▍Android基本控制元件名稱

文字展示框：TextView

文字輸入框：EditText

圖片展示框：ImageView

列表展示容器：ListView

表格展示容器：GridView

▍iOS基本控制元件

文字展示框：UIlabel

文字輸入框：UITextField

圖片展示框：UIImageView

列表展示容器：UITableview

表格展示容器：UICollectionview

掌握了不同系統的UI控制元件名稱後，在與前端工程師交流的過程中，可以很輕鬆地明白不同工程師指代的UI控制元件是什麼，也可以直接應用這些術語，更加精準地溝通。甚至可能讓工程師覺得這位產品經理有內行的知識，從而更願意去配合。

網頁技術基礎

▍Html

超文字標記語言，以標籤形式表示網頁組成元素，透過瀏覽器解析還原成視覺頁面。它是實現網站頁面的骨架，由它來控制Web頁面的展示、構建和佈局。

▍CSS

Html 5 和Native應用

▍Html 5應用

透過網頁Web技術實現的客戶端產品，具備輕量化，易維護的特點。

▍Native應用

透過各移動平臺技術實現的客戶端產品，具備體驗好，功能豐富等特點。

Native應用的效果展示是在本地進行渲染和控制，因此在內容的渲染和互動上體驗更好，互動方式也更豐富。

▍混合應用

結合Html 5和Native應用混合實現，在Native中巢狀H5頁面替代部分功能，具備動態擴充套件，高靈活性的特點。大部分產品目前都採用這種實現策略。

紅包的使用是低頻的操作，春節等特殊節日需要對紅包頁面進行一些特別的處理，因此用H5頁面會更具有靈活性。即使用頻次較低，內容變化有特定需求的頁面，可以用H5頁面來實現。

一說到製作網站，大家不約而同的都會想到寫程式碼、程式設計、複雜的網站編輯工具等等，這些技術問題對任何使用者，就算是程式設計師來說，都會是揮之不去的陰影。那是不是就是說不會程式碼，就不能做出網站呢？

當然不是。現在網站製作的方法多種多樣，既有複雜，又有簡單，但是總的概括起來，製作網站不外乎兩個，一個是傳統網站建設，另一個是新型自助建站。如果不懂程式碼，不懂技術，也想自己來製作網站的話，那選第二種是最為簡單的。

這裡分享一個網站製作更為簡單的方法，就是使用凡科自助建站，在自助建站系統下製作網站，那麼全部過程將會非常的簡單，只要註冊一個賬號，然後準備好素材，或者直接用網站模板就能建設網站，極大的方便了新手製作網站，大家可以嘗試這種網站製作的方法。