绿色食品网项目实战〔课堂笔记〕.docxVIP

传智播客网页平面学院 李静带你一周快速掌握FW与DW企业网站建设  HYPERLINK /icd/course/icd.shtml /icd/course/icd.shtml 聊天篇： 学习项目实战课程需要什么基础 需要会photoshop软件的使用，完全掌握div+css基础代码 我学的是表格布局啊 表格布局已经被企业淘汰了，现在企业招聘需要熟练手写DIV+CSS 圆角这么多 切很麻烦 为了表现出好的视觉效果，效果图里该用圆角表现的还是应该用圆角，不能为了切图方便都用直角图像去表现 背景怎么居底平铺的？ 可以通过设置背景图像水平和垂直方向值来改变背景图像的位置，如果想让背景图像底部平铺，就可以设置垂直方向为bottom DIV怎么限制尺寸 可以通过设置DIV的width（宽）和height（高）来控制DIV尺寸 比较严肃的网页风格 DIV+CSS可以做到数值精确，浏览器兼容性就会很好 找原因是最痛苦的事，自己写的东西总认为是对的 当然，如果代码本身写的不够精确，一旦出现浏览器不兼容问题，找原因就会很麻烦。对于初学者而言，看自己写的代码一般很难找出问题，这个就得多写、多练 明天白天 自个小试牛刀 这必须的，对于初学者来说，听老师讲代码的时候会很清楚，但自己写又会觉得没有思绪，所以前期就得听完课，马上动手写，那样效果才更好 效果图都是美工的任务 如果在大公司，对于职位会划分很细，如果是中小型企业，也许效果图和代码是需要同一个人来完成的，所以希望大家通过努力学习，都能成为一专多能的设计人才 视频和素材的下载地址  HYPERLINK /icd/video.shtml /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企业网站建设  HYPERLINK /icd/course/icd.shtml /icd/course/icd.shtml