ch博客切片拼版基础知识.pptxVIP

第三讲 切片与拼版基础知识 XHTML 关于图片基本概念 位图图像：由屏幕上的像素点来描述图像。放大失真，会出现马赛克模糊 矢量图形：使用线段和曲线描述图形，所以称为矢量。放大不失真。 分辨率：在单位长度上的像素数，通常以“像素/英寸”，网上一般72象素/英寸 网站默认尺寸单位为象素。 常见的图象格式2-1 1、JPG/JPEG： 2、Gif： 注：二者比较： （1）gif颜色数目少,最多256种，一般用于图标、标识。 JPG颜色细腻丰富，支持颜色多达1600多万种。用于质量要求较高的图像，如人物照片、风景等。 （2） gif体积小。Jpg体积大 （3）gif支持透明，jpg没有透明色 （4）gif支持动画，jpg不支持 常见的图象格式2-2 3、png：无损压缩，质量很好，体积小，fireworks默认格式，此格式越来越被广泛应用。 注：网页中一般支持jpg、gif、png格式的图片 格式转换 文件—另存为 文件—图象预览—选格式—导出 图片的优化 （1）改大小：修改—画布—图像大小 （2）降分辨率 （3）降质量：文件—图象预览—品质降得别大太，否则会失真 （4）做切片： A、切割 B、文件—导出，类型选“仅图象”，切片选择“导出切片” C、拿到dreamweaver中拼图 多张图的优化 文件—批处理 网页基本概念 1、网站： 所有网页的集合 2、首页：也叫主页 ， 名称一般为index 或default。 3、子页命名规则：小写的英文字母或数字（不能中文） 4、页面尺寸：以不出现横向的滚动条为准 插入文字和图片 1、字体设置：（属性面板） 注意事项： （1）输入空格：切换到全角，再输入空格 （2）回车：换段 （3） shift+回车：换行 超链接 插入表格 1、宽度单位： （1）像素：绝对单位 （2）百分比：相对单位 最外层表格单位是像素，套用的可以是像素也可以是百分比。 2、边框：一般调成0 3、单元格填充(填充)：内容距边的距离。（ 默认为1 像素 ）一般设为 0 4、单元格间距：单元格与单元格的距离 （ 默认为 2 像素 ）一般设为 0 标签选择 选定标签：利用左下角相对标记选择 表格布局注意点 1.整个页面不要都套在一个表格里，尽量拆分成多个表格;若将内容都放在一个表格中，下载速度会很慢。 2. 表格的结构尽量整齐；