?一：了解什么是WEB前端
【web】本意是蜘蛛網和網的意思，顧名思義在互聯(lián)網中是需要用瀏覽器瀏覽的網頁。
【網頁】分為多種類型战授，針對不同的人群有不同類型的網站
【WEB前端】就是指用戶能看到的東西矫夯，例如移動端，pc兼砖，tv，車載既棺，都是前端做的讽挟。
【網站的開發(fā)流程】
1.需求分析---用戶想要什么樣的界面，要做什么內容丸冕，是否能實現(xiàn)其效果耽梅。
2.設計---要做成什么樣的界面，需要實現(xiàn)軟件的哪些功能胖烛。
3.編碼---需要通過軟件開發(fā)工程師（前端開發(fā)工程師眼姐，后臺開發(fā)工程師诅迷，架構師）完成。
4.測試---測試軟件運行的效果妥凳，是否有還沒解決的BUG竟贯，測試完成后軟件上線。
5.維護---維護應用逝钥，更新版本屑那。
二：網站的具體開發(fā)
需要的軟件：
1.【Xmind】網站流程圖、思維導圖
2.【Axure】網站原型圖艘款、流程圖持际、網站效果簡單實現(xiàn)
3.【PS】網站所需素材圖片處理
4.【編輯器】webstrom
5.【瀏覽器】chrome、 firefox哗咆、IE
【Xmind】
Xmind軟件快捷鍵請參照：Xmind快捷鍵
軟件下載地址：https://www.xmind.cn/?ref=baidupc
【Axure】
思路：先確定分辨率蜘欲，布局的框架一定是從大到小。
原型圖:低保真（只有結構晌柬、草圖以及一點簡單的鏈接姥份，企業(yè)備案）、中保真（有框架年碘，有鏈接澈歉，有簡單的動態(tài)效果）、高保真（和上線的樣子屿衅、功能幾乎完全一樣）
Axure功能分布：
頁面區(qū)：添加埃难、刪除、修改頁面名稱
元件庫：母版涤久、公共部分設計
檢視：屬性（寫交互）涡尘、說明（寫備注）、樣式（寫元件具體的樣子）
概要：（所有元件的目錄）
Axure功能展示：
Axure常用快捷請參考：https://www.axure.com.cn/1793
軟件下載地址：https://www.axure.com.cn/3510
【PS】
關于圖片格式區(qū)別
GIF：很小响迂、質量低考抄、支持動畫顯示、支持透明
JPG：大小一般（有損失蔗彤、失真）川梅、不支持動畫和透明，一般用于產品圖以及banner圖
PNG：高質量幕与，文件大，不支持動畫镇防、一般用于logo和常年不換的小圖標啦鸣，支持透明。
提示：PNG8和PNG24的區(qū)別
PNG8:顏色值少来氧、質量相對PNG24較小诫给、大小一般香拉，支持全透明。
PNG24：顏色值多中狂、質量相對PNG8較大凫碌、支持全透明或者半透明。
【PS軟件的基本使用】
關閉輔助線 ctrl+h? 胃榕、放縮圖片? ctrl+加號|減號盛险、左右移動? ctrl+滾輪? ? 按住空格，抓取圖片勋又、 標尺：窗口標尺? ctrl+r苦掘、 信息欄：f8 或者 窗口信息欄畫勾， 圖層： f7? 或者 窗口圖層畫勾楔壤。
關于PS軟件的具體學習：http://shida66.com/route/6.html
PS軟件下載：http://xiazai.zol.com.cn/detail/15/146785.shtml
【編輯器webstrom】：鹤啡。。蹲嚣。等下一階段學習之后再來與大家分享吧递瑰。。隙畜。
瀏覽器：個人覺得谷歌抖部，火狐比較好用，用于測試禾蚕。
三：第一階段結束總結
其實也是菜鳥剛入門您朽，了解了一些最最最最基礎的東西，甚至連最最最最基礎的東西都還沒有完全掌握换淆，還需要下來慢慢分析哗总，慢慢咀嚼這些天來老師所傳授的知識。上面只是這段時間時間以來學習的主要內容倍试，如有錯誤或者更好的還請各路大神多多指教Ｑ肚！Ｏ叵啊涮母！今天的隨手記就到這里，謝謝大家躁愿。
