本节简介:一个完整的网站制作流程通常会包括:设计稿、切图素材、构建布局搭建DIV、搭建CSS和JS效果等步骤,课程中会以实例的形式进行演示讲解。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
背景切片需要遵循的规律是:单色背景不需要切片的,2有规律变化的背景切出一个变化单位的背景切片
做网页的时候,图片越小,加载越快,浏览速度也就越快
网站制作总体流程:1、设计师通过photoshop设计页面的效果 2、通过切图得到素材 3、构建布局,搭建DIV 4、搭建CSS和JS效果 5、测试网页
1.PS中制作设计稿。2.PS中切图得到素材,跟DIV中紧密相关,3.搭建DIV。4.把图片表格文字放在DIV里。按F12测试页面
切片要遵行一个原则:只能做出大大小小不同的切片,切片要考虑方便好设置
切片导出时,存储的切片选择“所有用户切片”这样,就只会存储之前选择的蓝色矿选切片,灰色部分不会被存储
交互动态效果:打开实时视图,设计视图看不见,鼠标经过的图片和文字时效果不一样
背景切片需要遵循的规律是:单色背景不需要切片的,2有规律变化的背景切出一个变化单位的背景切片