1、HTLM基礎認知DIV框架及CSS樣式
首先要了解HTLM基礎、CIV框架以及CSS樣式，HTML稱為超文本標記語言，是壹種標識性的語言。它包括壹系列標簽.通過這些標簽可以將網絡上的文檔格式統壹，使分散的Internet資源連接為壹個邏輯整體。DIV元素是用來為HTLM文檔內大塊的內容提供結構和背景的元素。CSS不僅可以靜態地修飾網頁，還可以配合各種腳本語言動態地對網頁各元素進行格式化。CSS能夠對網頁中元素位置的排版進行像素級精確控制，支持幾乎所有的字體字號樣式，擁有對網頁對象和模型樣式編輯的能力。
2、浮動原理、Margin認知
Margin，是CSS的語法，這個簡寫屬性用於在壹個聲明中設置所有當前或者指定元素所有外邊距的寬度，或者設置各邊上外邊距的寬度。
3、框架應用搭建
框架很多，在這個教程中選擇壹個主流框架帶大家看看前端框架如何搭建。
4、插入圖片、文字標簽和版頭、導航欄
編寫的網頁中插入圖片，可以使瀏覽網頁的用戶得到更好的體驗效果。在這壹部分會講解插入圖片、文字標簽以及版頭和導航欄如何實現。
5、Banner塊插入、內容文字排版、內聯元素、A標簽和Banner鏈接定位
Banner是網絡廣告最早采用的形式，也是目前最常見的形式。它是橫跨於網頁上的矩形公告牌，當用戶點擊這些橫幅的時候，通常可以鏈接到廣告主的網頁。而網頁中的文字內容排版也直接影響著網頁的美觀以及網頁的用戶體驗。
6、錨點標簽、超鏈接標簽、固定定位和絕對定位、相對定位
標簽用於定義超鏈接，用於從壹張頁面鏈接到另壹張頁面。用於設置錨點，用於頁面定位。
7、導航二級菜單顯示隱藏
很多網頁中的二級菜單示，需要鼠標移動到壹級菜單或者點擊壹級菜單才會展開顯示二級菜單。
8、input表單
input表單欄不直接顯可以獲取用戶的信息，做出對應的動作，教程中直觀的展示input表單的應用方法。