网页设计与制作初识课件.ppt

《网页设计与制作初识课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、1.创建表格步骤1将光标插入点定位到需要插入表格的位置。步骤2选择【插入】/【表格】命令或单击“常用”插入栏中的按钮或按Ctrl+Alt+T键，弹出“表格”对话框。步骤3在该对话框中可设置插入表格的行数、列数、表格宽度、边框粗细、单元格边距等属性。嵌套表格是指在表格的某个单元格中再插入一个表格，其宽度受所在单元格的宽度限制。嵌套表格经常用于控制表格内部的文字或图像的位置。步骤1将光标插入点定位到需插入表格的单元格中。步骤2选择【插入】/【表格】命令，弹出“表格”对话框。步骤3根据需要设置表格的行数、列数、宽度和边框等属

2、性。2.创建嵌套表格插入的嵌套表格1．选择操作a.选择整个表格3.表格的编辑操作b.选择整行b.选择整列d.选择单元格选择单个单元格：选择单个单元格的方法非常简单，只需将鼠标指针移动到需要选择的单元格中并单击即可。选择相邻的多个单元格：首先将鼠标指针移动到一个单元格中，然后按住鼠标左键不放并拖动，当到达需要的单元格时释放鼠标，即可选择以这两个单元格为对角线的矩形区域中的所有单元格。选择不相邻的多个单元格：按住Ctrl键不放，然后单击要选择的单元格即可。2.单元格的合并与拆分当需要对某个单元格进行拆分时，可将单元格拆分成

3、几行或几列：将光标插入点定位到要拆分的单元格中，然后单击“属性”面板左下角“单元格”栏中的拆分按钮，弹出“拆分单元格”对话框。合并单元格只能对相邻的多个单元格进行合并操作，首先选择相邻的单元格区域，然后单击“属性”面板左下角的合并按钮即可将它们合并为一个单元格。4.表格和单元格的属性设置“表格Id”下拉列表框：为表格进行命名。“行”和“列”文本框：设置表格的行数和列数。“宽”和“高”文本框：设置表格的宽度和高度，在其后的下拉列表框中可选择单位，如“像素”和“百分比”。“填充”文本框：设置单元格边界和单元格内容之间的距离

4、。“间距”文本框：设置相邻单元格之间的距离。“对齐”下拉列表框：设置表格与文本或图像等网页元素之间的对齐方式，只限于与表格同段落的元素。“边框”文本框：设置边框的粗细。“边框颜色”文本框：设置边框的颜色。“背景颜色”文本框：设置表格的背景色。“背景图像”文本框：设置表格的背景图像，单击文本框右侧的按钮，在弹出的“选择图像源文件”对话框中选择背景图像。按钮：单击该按钮可删除表格的列宽值。按钮：单击该按钮可删除表格的行高值。按钮：单击该按钮可将表格宽度单位从浏览器窗口的百分比转换为像素。按钮：单击该按钮可将表格宽度单位从像

5、素转换为浏览器窗口的百分比。设置单元格属性单元格“属性”面板的上半部分与文本“属性”面板相同，用于设置单元格内容的属性。下半部分用于设置单元格的属性，其中各项参数的含义如下：“水平”下拉列表框：用于设置单元格中的文本在水平方向上的对齐方式。“垂直”下拉列表框：用于设置单元格中的文本在垂直方向上的对齐方式。“宽”和“高”文本框：用于设置单元格的宽度和高度。“背景”文本框：用于设置单元格的背景图像。“背景颜色”文本框：用于设置单元格的背景色。“边框”文本框：用于设置单元格边框的颜色。5.使用布局视图进行网页布局使用表格对网

6、页进行布局有两种方法：一种是手动添加布局表格，其方法和添加普通表格一样，只是需要将表格边框的粗细设置为0，表格的间距设置为0，并根据需要手动设置每个单元格的宽度和高度即可；另一种是在布局视图中创建布局表格和布局单元格，从而对网页进行布局，这是从DreamweaverMX开始提供的一种新功能。创建布局表格和布局单元格将插入栏切换到“布局”插入栏，单击布局按钮，将编辑窗口切换到布局模式，此时“布局”插入栏中的“布局表格”按钮和“布局单元格”按钮被激活。将编辑窗口切换到布局视图后就可以添加布局表格，在“布局”插入栏中单击“布

7、局表格”按钮，此时鼠标指针变为十字准线形状，按住鼠标左键不放，拖动到所需位置后释放鼠标即可。若要绘制多个布局表格，只需在绘制布局表格时按住Ctrl键再拖动鼠标即可。添加布局表格后就可以添加布局单元格，单击“布局”插入栏中的“布局单元格”按钮，按住鼠标左键不放，从左上角向右下角拖动到适合大小后释放鼠标即可。如果在靠近布局表格边缘的位置绘制布局单元格，则布局单元格的边缘会自动与包含它的布局表格边缘对齐。若要临时禁用靠齐，则在绘制布局单元格时按住Alt键即可。绘制嵌套布局表格：可以将一个布局表格绘制在另一个布局表格中，创建嵌

8、套表格。对外部表格所进行的更改不会影响嵌套表格中的单元格。嵌套布局表格的大小不能超过包含它的表格。不能在布局单元格中创建布局表格。只能在现有布局表格的空白区域中或在现有单元格周围创建嵌套布局表格。固定宽度的列：可在其后的文本框中设置布局表格的宽度。自动伸展列：可根据浏览器窗口的宽度自动进行调整。如果布局中包括自动伸展列，则该布局始