本節簡介:一個完整的網站制作流程通常會包括:設計稿、切圖素材、構建布局搭建DIV、搭建CSS和JS效果等步驟,課程中會以實例的形式進行演示講解。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
背景切片需要遵循的規律是:單色背景不需要切片的,2有規律變化的背景切出一個變化單位的背景切片
做網頁的時候,圖片越小,加載越快,瀏覽速度也就越快
網站制作總體流程:1、設計師通過photoshop設計頁面的效果 2、通過切圖得到素材 3、構建布局,搭建DIV 4、搭建CSS和JS效果 5、測試網頁
1.PS中制作設計稿。2.PS中切圖得到素材,跟DIV中緊密相關,3.搭建DIV。4.把圖片表格文字放在DIV里。按F12測試頁面
切片要遵行一個原則:只能做出大大小小不同的切片,切片要考慮方便好設置
切片導出時,存儲的切片選擇“所有用戶切片”這樣,就只會存儲之前選擇的藍色礦選切片,灰色部分不會被存儲
交互動態效果:打開實時視圖,設計視圖看不見,鼠標經過的圖片和文字時效果不一樣
背景切片需要遵循的規律是:單色背景不需要切片的,2有規律變化的背景切出一個變化單位的背景切片