```
新建記事本文件
修改后綴名稱
編寫html代碼
```
```
<!-- 讓瀏覽器以哪一種文檔格式解析 -->
<html>
<head>
<!--設置字符集-->
<meta charset="utf-8">
<!--讓gt ie8 瀏覽器以電腦上最新的瀏覽器的內核解析,允許加載 chrome-->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title></title>
<!--引用外部css樣式-->
<link rel="stylesheet" href="">
<style>
/*直接書寫樣式*/
</style>
<!--引用外部js-->
<script type="text/javascript" src=""></script>
<script type="text/javascript">
//直接書寫js
//alert()
/*alert('ddddd');*/
</script>
</head>
<body>
<!--tag-->
</body>
</html>
```
```
瀏覽器調試工具
打開方式(chrome F12,ctrl +shift+I,菜單欄打開)
```
熟悉:elements console network application.local storage (第二次復習和講解cookies session)
常見http狀態碼
```
2XX:正常 200成功
3XX:重定向 301(臨時) 302(永久)
4XX:我們客戶端的錯誤 404(沒找到)
5XX:服務器的錯誤 502(代理) 503(繁忙)
```
基本流程
```
1. 提出需求:記錄文檔
2. 設計界面: 設計工具 ps axure
3. 設計數據庫:設計文檔
4. 設計api:設計文檔
5. 界面實現:網頁(html css js) 桌面軟件(C++ ,java,C#),app(java object-c c# )
6. 數據庫實現:db2 mysql sqlserver
7. Api實現:后端語言(c c++ java c# go nodejs)
8. 搭建項目
9. 編碼實現
```
