表格布局扩展/DW设计界面中快速整体布局页面的操作

Posted WORSHIP亚萨

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了表格布局扩展/DW设计界面中快速整体布局页面的操作相关的知识,希望对你有一定的参考价值。

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="国家公派联合培养博士生江胜娟在“新能源化学与技术”研究方面取得新进展">国家公派联合培养博士生江胜娟在&ldquo;新能源化学与技术&rdquo;...</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>

 

以上是关于表格布局扩展/DW设计界面中快速整体布局页面的操作的主要内容,如果未能解决你的问题,请参考以下文章

如何修改安卓APP的界面布局

Flutter快速上手11:高级布局之表格 Table/TableRow

APP界面设计与页面布局的23条基本原则

android一个页面可以有几种布局方法吗

前端拿到UI设计的图 如何开始布局设计

android的界面布局方式都有哪些