本節簡介:一個完整的網站制作流程通常會包括:設計稿、切圖素材、構建布局搭建DIV、搭建CSS和JS效果等步驟,課程中會以實例的形式進行演示講解。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
DIV中可以添加表格 能用背景代替圖片更好(穩定)
用PS設計整體網頁,然后切片形成圖片,要點是切成小圖(用平鋪形成大圖)
測試站點的時候會使用瀏覽器的測試軟件,還有顯示器的測試軟件。
區分圖片和背景:鼠標放在圖片上會有小圖標、屬性欄會有顯示;而點擊背景沒有變化,是選不中的,只能在CSS樣式表里修改。
白色部分不做切片,而是設置背景為白色。圖片多了影響加載速度。
PS中的切片工具,只能做出矩形的,頭部(圖片),欄目,導航條,底部
蝴蝶貫穿各部分,不做切片,而是直接加載源文件,單獨立一個div框架
背景切片需要遵循的規律是:單色背景不需要切片;有規律變化的背景切出一個變化單位的背景切片。
網站制作總體流程:設計稿;切圖,得到素材;構建布局,搭建DIV;搭建CSS和JS效果;測試網頁。
圖像和背景的區別,鼠標放在圖像上,有小方塊,背景沒有