4、HTML（下）

1.29 关于图片的几个概念和格式

关于图片的基本概念：
  1. 位图图像：由屏幕上的像素点描述图像，放大失真，会出现马赛克模糊。操作位图软件PS，FW。
  2. 矢量图形：使用线和面组成的图像，放大不失真。操作矢量图的软件ai，fw。
  3. 分辨率：衡量位图质量好坏的指标，分辨率越大，图片质量越好，但是体积越大。在单位长度上的像素数，通常以“像素/英寸”，网上一般72像素/英寸。
  4. 网上默认尺寸单位为像素。
常见的图像格式：
  1. JPG/JPEG：
  2. GIF：
注意：二者比较：
   （1） gif颜色数目少，最多256种。
   Jpg颜色细腻丰富，支持颜色多达1600多万种。用于质量要求较高的图像，如：人物照片、风景等。不支持透明，不支持动画。
   （2） gif体积小，jpg体积大。
   （3） gif支持透明，jpg没有透明色。
   （4） gif支持动画，jpg不支持。
  3. png：无损压缩格式，质量很好，体积小，fireworks默认格式，此格式越来越广泛应用。在项目中一般用JPG、PNG格式的图片。压缩PNG格式要使用专门的压缩软件。
  注：网页中一般支持jpg、gif、png格式的图片。
  格式转换：打开原图，文件——另存为——选格式。

1.30 切片拼版

图片的优化：
（1） 改大小：修改——画布——图像大小，或者直接点击属性面板中的图像大小按钮。
（2） 降分辨率：修改——画布——图像大小，在改分辨率的时候要将图像重新取样这个选项中的勾去掉。
（3） 降质量（压缩）：文件——图像预览——品质，降的别太大，否则会失真，可改下面的百分比，一般网页上面的图片应该控制在100K左右，宽度应该在1024左右（或者800、100）。
（4） 做切片（拿到一个效果图以后将有用的部分给切下来）：
  A、切割
  B、文件——导出，类型选“仅图像”，切片选择“导出切片” ，将下面包括无切片图像的勾去掉
  C、拿到DW中拼图
PS和FW中几个快捷键：
  ctrl+加号：放大
  ctrl+减号：缩小 双击手型工具，图片将自适应大小显示
  Tab键：显示|隐藏工具面板 按住空格键快速切换到手
  ctrl键：快速切换到选择工具
  在DW里面点F4隐藏工具面板

1.31 网页基本概念

1、网站：所有网页的集合
2、首页：也叫主页（当输入网址后打开的页面），服务器通过名词判断是否为首页。名称一般为index或default。如果一个人网站中没有首页，则这个网站无法显示。
3、子页命名规则：除了首页以外的页面都叫子页。小写的英文字母或数字（不能中文）
4、页面尺寸：以不出现横向的滚动条为准，目前的页面宽度以17寸屏为准（1024*768）。

1.31.1 通过设计器插入图片

第一种方法：点击常用栏里面的图像图标
第二种方式：直接将站点中的图片拖放到设计页面上即可。

1.31.2 插入文字

文字直接输入
1. 字体设置：（属性面板）

2.	注意事项：
（1）输入空格:切换到全角，再输入空格
（2）回车：换段<p></p>
（3）Shift+回车：换行 <br/>

1.31.3 设计器下做超链接

选择文字或图片，在属性面板上选择连接的地址，或者 用指向文件工具连接指定文件处。
链接的文件在新的浏览页面中打开，在目录选项中选择_blank。

1.32 插入表格

（1） 像素：绝对单位
（2） 百分比：相对单位
最外层表格单位是像素，套用的可以是像素也可以是百分比。
边框一般调成0
单元格填充：内容距边的距离。（默认为1像素）一般设为0
单元格间距：单元格与单元格的距离。（默认为2像素）一般设为0

1.33 标签选择

标签选择用来快速选择标签对象，在设计页面的左下角。

1.34 合并单元格和拆分单元格

选中单元格，在属性面板上会出现合并单元格和拆分单元格的按钮。
表格布局注意点：
  1. 整个页面不要都嵌套在一个表格里，尽量拆分成多个表格；若将内容都放在一个表格中，下载速度会很慢。
  2. 表格的结构尽量整齐。

1.35 拼版的特性

电脑任务管理器：ctrl+alt+.
1. 表格可以被内容撑开，不能被背景撑开。
2. 背景默认是平铺的，标签有多大，背景就铺多大。
3. 内容不能放在内容上面，内容可以放在背景的上面。
思考：什么情况下使用背景？图在图上或者字在图上使用背景，一张图重复出现使用背景。