绿色食品网项目实战(课堂笔记)
- 格式:docx
- 大小:15.96 KB
- 文档页数:4
传智播客网页平面学院李静带你一周快速掌握FW与DW企业网站建设
/icd/course/icd.shtml
聊天篇:
学习项目实战课程需要什么基础
需要会photoshop软件的使用,完全掌握div+css基础代码
我学的是表格布局啊
表格布局已经被企业淘汰了,现在企业招聘需要熟练手写DIV+CSS
圆角这么多切很麻烦
为了表现出好的视觉效果,效果图里该用圆角表现的还是应该用圆角,不能为了切图方便都用直角图像去表现
背景怎么居底平铺的?
可以通过设置背景图像水平和垂直方向值来改变背景图像的位置,如果想让背景图像底部平铺,就可以设置垂直方向为bottom
DIV怎么限制尺寸
可以通过设置DIV的width(宽)和height(高)来控制DIV尺寸
比较严肃的网页风格
DIV+CSS可以做到数值精确,浏览器兼容性就会很好
找原因是最痛苦的事,自己写的东西总认为是对的
当然,如果代码本身写的不够精确,一旦出现浏览器不兼容问题,找原因就会很麻烦。对于初学者而言,看自己写的代码一般很难找出问题,这个就得多写、多练
明天白天自个小试牛刀
这必须的,对于初学者来说,听老师讲代码的时候会很清楚,但自己写又会觉得没有思绪,所以前期就得听完课,马上动手写,那样效果才更好
效果图都是美工的任务
如果在大公司,对于职位会划分很细,如果是中小型企业,也许效果图和代码是需要同一个人来完成的,所以希望大家通过努力学习,都能成为一专多能的设计人才
视频和素材的下载地址
/icd/video.shtml
我有没有必要去培训呢
很多同学认为设计课程也可以自学,除非你有特别强的自学能力,不然我觉得还是课堂上培训的效果更好,因为传智播客的每一位老师都具备多年的工作经验,你如果来现场培训,便可以在很短的时间内掌握所有的课程,而自己学习相对来说就要慢很多
Css太麻烦了是吗
其实刚开始学习css感觉确实比表格布局要麻烦,但等你完全掌握了css,你会发现css挺简单的,关键是控制网页内容精确,更新网页也方便
哦~郁闷~这么简单~
确实,对于初学者来说,老师在问一个问题的时候,你会想的很复杂,其实再听老师讲的时候,你又会觉得很简单,我怎么没想到呢
dl是什么啊
dl是自定义列表的意思,里面包含dt和dd,dt表示自定义标题,dd表示自定义内容
课堂笔记:
网页背景宽为2000px
内容宽度为980px
网页里常用的字体为宋体,字号为12px 标题字号通常为14px或16px
完成网站首页效果图
接下来咱们需要利用DIV+CSS完成整站的制作
xhtml+css+dw模板(统一站点的风格)
定义站点
要求:
1.站点内所有文件的名字不能是中文;
2.建议存放图像的文件夹名称为images;
3.首页的名字必须为index.html
做完了网站效果图之后,如果将效果图变成页面,那就需要切图
为什么切图?
目的:提高网站的下载速度
规律:能用CSS表现出来的效果,就尽量少用图像
切图之前一定要认真的去分析页面效果图
网页常用图像格式为:
1.gif格式:
支持文件背景透明,可以做动画效果,256种颜色,文件小,下载快
2.jpg格式:
数百万种颜色,图像清晰度高,不支持文件背景透明和动画效果,文件大,下载慢
3.png格式
是fireworks软件制作的源文件格式,支持文件背景透明
png8
png24
png32
xhtml+css
结构+样式
id
class
大结构可以用id,内部结构用class
定位:相对定位+绝对定位
左边框1+右边框1+左边距2+右边距2=6
上边框1+底边框1+上边距2+底边距2=6
制作模板:统一站点的风格,提高工作效率
模板后缀名为.dwt
新建html页面,然后再去使用模板文件
模板是由“可编辑区域”和“不可编辑区域”组成,默认情况下,都是“不可编辑区域”如果此模板都是“可编辑区域”或者都是“不可编辑区域”,那么此模板无效
传智播客网页平面学院李静带你一周快速掌握FW与DW企业网站建设
/icd/course/icd.shtml