達內IT：成都哪里有好的Web前端工程師培訓機構-成都Web前端工程師培訓

web前端HTML5/CSS3布局與樣式：

web前端HTML5/CSS3布局與樣式

一.HTML標簽

HTMl5、H5標簽、智能表單、結構化標簽

隨堂項目：

1.文章頁面的結構化布局。包括文章標題、正文、圖片、頁面背景、作者、發表時間等信息2.利用table標簽課程表的實現3.利用form、input表單標簽實現簡單登錄注冊頁面

二.CSS基礎語法常見樣式

CSS3簡介、.css3引入、常見樣式、文字與文本、顏色

隨堂項目：一般導航欄的制作

三.CSS選擇器 css選擇器、名字選擇器、外號選擇器、洋蔥式選擇器的用法、偽類選擇器、結構化偽類選擇器、屬性選擇器、兄弟選擇器、子元素選擇器

CSS盒子模型 盒子模型、如何用好盒模型

隨堂項目：導航欄的制作，利用盒子模型拉開間距、hover效果添加后的內邊距設定

四.浮動與定位 float、clear、塌陷的父容器、position：一動不動的(static)，跟著別人跑的(absolute)，以自己為中心的(relative)，固定的(fixed)

隨堂項目：導航欄左右布局的定位、二級菜單的實現、回到頂部的按鈕

五.響應式布局與頁面優化處理 移動頁面與PC端頁面布局時候需要注意點、響應式布局的實現原理、各種瀏覽器對于CSS樣式的支持情況、頁面優化需要注意的地方、解決跨瀏覽器兼容性問題

隨堂項目：移動端的用戶注冊頁面、PC端的用戶注冊頁面。

六.靜態頁面切圖實戰項目

企業站實訓：1.首頁導航2.banner圖3.模塊展示4.新聞中心5.產品中心5.友情鏈接6.版權申明

商城站實訓：1.搜索框2.頭部導航3.分類菜單4.banner圖5.分類商品6.幫助中心7.版權備案

專題站實訓：重點練習H5變形動畫的添加，使頁面有動態交互效果

個人頁面：根據自己設計的個人頁面效果圖實現靜態頁面，*完成切圖和代碼過程，指導添加動態效果