项目三创建简单的电子商务网页(最新)概要.ppt

GIF（Graphics Interchange Format）意为图像交换格式。GIF是第一个支持网页的图像文件，它最多支持256种颜色，可以使图像变得相当小。GIF图像可以在网页中以透明方式显示，还包含动态信息，也就是网页上大量使用的GIF动画。GIF在网页中大量用于站点图标LOGO、广告条BANNER及网页背景图像，但由于GIF受颜色数目的限制，GIF不适合用作照片级的网页图像。 JPEG（Join Photograph Graphics）意为联合照片专家组，通常称为JPG。JPEG图像格式可以高效地压缩，丢失人眼不易察觉的部分图像，使得图像文件在变小的同时基本不丢失颜色，通常用来显示照片等颜色丰富的图像。 PNG（Portable Network Graphics）意为便携网络图像，是逐渐流行的网络图像格式。PNG格式可以说是GIF格式和JPEG格式的综合应用，既融合了GIF格式透明显示的特点，又具有JPEG处理精美图像的优势，因此PNG图像很可能取代GIF图像和JPE图像格式。 在Dreamweaver CS5中，设计者可以在任意位置插入JPG、GIFPNG格式的图像。插入前，将光标定位在需要插入图像的位置，可以使用以下三种插入方法： 方法一：使用“插入”菜单——“图像”命令。 方法二：使用“插入”工具栏上的“常用”，单击“图像”按钮。 方法三：在文件面板中选中需要插入的图像直接拖动到文档内需要插入图像的位置处即可。 在Dreamweaver CS5中，通过“属性”面板可以设置图像的属性。选中需要操作的图像，即可在“属性”面板设置其属性。 将光标定位在需要插入表格位置，打开“插入”菜单，选择“表格”命令，或按快捷键Ctrl+Alt+T，将弹出“表格”对话框。 一、选择单元格 方法一：单击单元格内部，在标签选择器中选择“td”标签。 方法二：按住Ctrl键同时选中单元格。 二、选择行或列 方法一：拖放鼠标，选择一行的所有单元格或一列的所有单元。 方法二：当鼠标在行的左边缘或列的上边缘变成箭头的时候，单击鼠标选择行或者列。。 三、选择表格 方法一：单击鼠标的左上角，选中整个单元格。 方法二：单击某个单元格，在标签选择器“table”标签。 一、设置表格属性 选中要设置的表格，属性面板中将显示该表格的属性。 二、设置单元格属性 选中要设置的单元格，属性面板中将显示该单元格的属性。 调整表格、行和列的大小 方法一：将鼠标放在表格的某行或某列的边框线上，按住鼠标上下或左右拖动，可以直观地调整行、列的大小。 方法二：选择表格或表格的行、列，在属性面板中设置其宽度和高度来调整大小。 表格嵌套是指一个单元格中再插入一个表格。 将光标定位在被嵌套的单元格内，打开“插入”菜单，选择“表格”命令，打开“插入表格”对话框，和插入表格一样的操作，在弹出的对话框设置需要创建的表格属性即可。 在插入表格时设置的行和列的数目不一定准确，可以在后期增加或减少表格行和列的数目。 合并单元格 合并单元格的具体操作如下。 （1）选取要合并的单元格区域，如图４-10所示。 （2）单击“属性”面板左下角的 按钮，合并后的效果如图４-11所示。 拆分单元格时，可以将单元格拆分成几行，也可将单元格拆分成几列，其拆分方法相同。 任务五 表格的制作 学习目标： 1、会在网页中添加表格。 2、会选定表格、行、列和单元格。 3、能设置表格的属性，使之更加美观。 4、能熟练地合并和拆分单元格。 任务5.1 创建表格 行数：表格具有行的数目。 列：表格具有列的数目。 表格宽度：表格的宽度，单位有“像素”和“百分比”。 边框粗细：表格边框的宽度，单位“像素”。 单元格边距：单元格边框和单元格内容之间的距离，单位为像素。 单元格间距：相邻的单元格之间的距离，单位为像素。 任务5.1 创建表格 任务5.2 选取单元格、行与列、表格 按住“Ctrl”键 使用标签选择器选中单元格 任务5.2 选取单元格、行与列、表格 使用鼠标选择一列 使用鼠标选