(网页实验指导1.docVIP

实验指导（一）： 上机实践1：个性网站中表格的添加 向网页中插入表格，使用表格美化页面版式。 步骤： （1）在D盘下建立文件夹sample，创建本地站点sample，将images文件夹复制到sample下备用。 （2）新建文件jly.html，将该文件保存。 （3）在设计界面中选择菜单[插入/表格]，插入5行2列的表格a，对其属性进行如下设置： （4）用鼠标选择a表第一行中两个单元格，点击鼠标右键，按列对其进行合并。 （5）用鼠标选择a表第二行中两个单元格，点击鼠标右键，按对其进行合并。 （6）对该单元格进行如下属性设置，使表格第一行中图像居中，单元格背景颜色改变。 （7）对a表第二行的单元格进行如下设置，令其背景颜色改变。 （8）对a表第三行第一个单元格进行如下设定： （9）在a表第三行第一个单元格中插入5行2列的表格b，并进行如下设定： （10）对b表第一行两个单元格进行合并，并进行如下设定： （11）对b表中其他单元格进行如下设定： （12）对a表中的第三行第二个单元格（b表右侧单元格）进行跨行合并，rowspan=“2”，并进行如下设定： （13）对a表第四行单元格进行如下设置： （14）对a表第五行进行合并两列单元格，并进行如下设置： （15）在a表之下建立表c，2行1列，并对其两个单元格依次进行如下设置： 上机实践2：网页文本图像添加 在简单的表格中练习添加文本和图像。 步骤： （1）在第一行单元格中插入两幅图像：title1.gif 和title2.gif，并对两幅图像进行“替换文本”设置，分别设为logo1和logo2。 （2）在a表第四行单元格中插入图像pic1.gif。 上机实践3：超链接和模板应用 （1）在设计界面中添加文本，形成以下形式的网页。 （1）给网页文件中的四组超链接文字添加链接地址（在属性面板中输入相对路径下文件名称即可），文件名分别是jly.html，jys.html，ymr.html，qbs.html （2）将制作好的网页jly.html保存。 （3）将jly.html在【文件|另存为模板】菜单中另存为模板，如下图所示。模版的扩展名为.dwt （4）创建“可编辑区域”，模板中的其他区域通常处于“锁定状态”，“可编辑区域”是可以使用模板进行网页修改的区域。创建可编辑区域方法如下：选中a表中含图的单元格，点击鼠标右键，在快捷菜单中选择【模板|建立可编辑区域】，在打开的对话框中填入可编辑区域的名称，此处为pic。 （5）同（4）的过程，选择图偏右侧的单元格，新建可编辑区域，如下图所示。可编辑区域的左上角会出现蓝色标签。 （6）用模板创建网页。过程如下：选择【文件|新建】使用模板选项卡来创建模板文件。 （7）修改模板创建新文件的“可编辑区域”中的内容，保存文件。按此方法完成jys.html，ymr.html，qbs.html文件。