绿色食品网项目实战(课堂笔记)

  • 格式:docx
  • 大小:15.96 KB
  • 文档页数:4

下载文档原格式

  / 4
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

传智播客网页平面学院李静带你一周快速掌握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