本节简介:一个完整的网站制作流程通常会包括:设计稿、切图素材、构建布局搭建DIV、搭建CSS和JS效果等步骤,课程中会以实例的形式进行演示讲解。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
创建html-插入div-设置文字加载图片-添加css;div可以套用也可以并列;div中可以镶嵌表格;设置文字加载图片
ps设计稿-切图工具进行布局切图得到素材(与div搭建紧密相关)-搭建div-将图片、文字、表单放入-css
动态效果需要通过实时视图查看;f12查看页面效果;多种浏览器测试
创建html-插入div-设置文字加载图片-添加css;div可以套用也可以并列;div中可以镶嵌表格;设置文字加载图片
只保留需要保存到图片文件夹的切片;导出切片——所有用户切片,只导出蓝色切片;将所有需要的图片放到images文件夹中
首先用切片工具切图,切片的组成就是div的整体结构布局;贯穿不同框架的原素要单独导出到图片文件夹;重复图案的背景只切背景图案;不需要的切片删除掉
编辑-快捷键可自定义快捷键,查看工具栏-文档和标准两种形式
2.网站制作总体流程:设计稿--切图,得到素材--构建布局,搭建DIV--搭建CSS和JS效果
1.工作区可以保存文档窗口、打开的面板、面板大小、面板在屏幕上的位置
设计稿 切图,得到素材 构建布局,塔建DIV 搭建CSS和JS效果 测试网页
有规律变化的背景切片可以切一个变化单位,使用时平铺;背景比图片稳定