DW设计界面中快速整体布局页面的操作流程：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>中国石油大学（华东）</title>
</head> <body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="100"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="43%" height="40"><center><img src="图片/logo.jpg" width="43%" height="80" /></center></td>
<td>主页</td>
<td>产品介绍</td>
<td>公司新闻</td>
<td>产品图片</td>
<td>公司简介</td>
<td>联系我们</td>
</tr>
</table></td>
</tr>
<tr>
<td height="300">
<img src="图片/7.jpg" width="100%" height="300" />
</td>
</tr>
<tr>
<td height="250"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="33%" height="250"><table width="95%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="45">石大要闻</td>
</tr>
<tr>
<td height="41"><a title="第十四届中国石油大学校长奖颁奖典礼举行" href="http://news.upc.edu.cn/2017/0705/c251a85548/page.htm" target="_blank" alt="第十四届中国石油大学校长奖颁奖典礼举行">第十四届中国石油大学校长奖颁奖典礼举行</a></td>
</tr>
<tr>
<td height="41"><a title="240名学校第十一次党代会代表正式产生" href="http://news.upc.edu.cn/2017/0704/c251a85528/page.htm" target="_blank" alt="240名学校第十一次党代会代表正式产生">240名学校第十一次党代会代表正式产生</a></td>
</tr>
<tr>
<td height="41"><a title="第三届中国国际学生石油论坛在石大举行" href="http://news.upc.edu.cn/2017/0704/c251a85526/page.htm" target="_blank" alt="第三届中国国际学生石油论坛在石大举行">第三届中国国际学生石油论坛在石大举行</a></td>
</tr>
<tr>
<td height="41"><a title="首届全国石油大数据应用峰会在石大举行" href="http://news.upc.edu.cn/2017/0704/c251a85518/page.htm" target="_blank" alt="首届全国石油大数据应用峰会在石大举行">首届全国石油大数据应用峰会在石大举行</a></td>
</tr>
<tr>
<td height="41"><a title="国家公派联合培养博士生江胜娟在“新能源化学与技术”研究方面取得新进展" href="http://news.upc.edu.cn/2017/0703/c251a85495/page.htm" target="_blank" alt="国家公派联合培养博士生江胜娟在“新能源化学与技术”研究方面取得新进展">国家公派联合培养博士生江胜娟在“新能源化学与技术”...</a></td>
</tr>
</table></td>
<td width="33%" align="center"><table width="95%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="45">学术动态</td>
</tr>
<tr>
<td height="41"><a title="【预告】深度学习的能和不能" href="http://news.upc.edu.cn/2017/0706/c258a85586/page.htm" target="_blank" alt="【预告】深度学习的能和不能">【预告】深度学习的能和不能</a></td>
</tr>
<tr>
<td height="41"><a title="【黄岛讲坛（第9期）】通过催化利用太阳能" href="http://news.upc.edu.cn/2017/0706/c258a85581/page.htm" target="_blank" alt="【黄岛讲坛（第9期）】通过催化利用太阳能">黄岛讲坛（第9期）通过催化利用太阳能</a></td>
</tr>
<tr>
<td height="41"><a title="【预告】隐私的时空众包数据实时发布研究" href="http://news.upc.edu.cn/2017/0704/c258a85516/page.htm" target="_blank" alt="【预告】隐私的时空众包数据实时发布研究">【预告】隐私的时空众包数据实时发布研究</a></td>
</tr>
<tr>
<td height="41"><a title="【预告】我们要深度学习吗？" href="http://news.upc.edu.cn/2017/0704/c258a85515/page.htm" target="_blank" alt="【预告】我们要深度学习吗？">【预告】我们要深度学习吗？</a></td>
</tr>
<tr>
<td height="41"><a title="美国页岩革命及传统能源转型探讨" href="http://news.upc.edu.cn/2017/0701/c258a85344/page.htm" target="_blank" alt="美国页岩革命及传统能源转型探讨">美国页岩革命及传统能源转型探讨</a></td>
</tr>
</table></td>
<td width="33%" align="right"><table width="95%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="45">通知公告</td>
</tr>
<tr>
<td height="41"><a title="关于启动2018年国家公派研究生项目宣讲会的通知" href="http://sap.io.upc.edu.cn/s/111/t/391/25/17/info140567.htm" target="_blank" alt="关于启动2018年国家公派研究生项目宣讲会的通知">关于启动2018年国家公派研究生项目宣讲会的通知</a></td>
</tr>
<tr>
<td height="41"><a title="关于申请国家自然科学基金委员会-山东省人民政府联合基金2017年度项目的通知" href="http://kjc.upc.edu.cn/s/104/t/251/24/1b/info140315.htm" target="_blank" alt="关于申请国家自然科学基金委员会-山东省人民政府联合基金2017年度项目的通知">关于申请国家自然科学基金委员会-山东省人民政府联合...</a></td>
</tr>
<tr>
<td height="41"><a title="关于暑假期间暂停办理因公出国（境）手续的通知" href="http://io.upc.edu.cn/s/101/t/235/23/df/info140255.htm" target="_blank" alt="关于暑假期间暂停办理因公出国（境）手续的通知">关于暑假期间暂停办理因公出国（境）手续的通知</a></td>
</tr>
<tr>
<td height="41"><a title="关于启动2018年CSC优秀本科生国际交流项目的通知" href="http://sap.io.upc.edu.cn/s/111/t/391/20/b0/info139440.htm" target="_blank" alt="关于启动2018年CSC优秀本科生国际交流项目的通知">关于启动2018年CSC优秀本科生国际交流项目的通知</a></td>
</tr>
<tr>
<td height="41"><a title="致全校同学文明诚信考试倡议书" href="http://news.upc.edu.cn/2017/0623/c277a84949/page.htm" target="_blank" alt="致全校同学文明诚信考试倡议书">致全校同学文明诚信考试倡议书</a></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td height="100">
<img src="图片/9.jpg" / width="100%" height="300">
</td>
</tr>
</table>
</body>
</html>
