Dreamweaver 封面练习

2021-11-15 18:01:42 阅读：174 来源： 互联网

标签：封面 Adobe background color 练习 nbsp Dreamweaver 网页

效果图：
在这里插入图片描述

<!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>
<style type="text/css">
body {
	background-image: url(img/background.png);
	background-repeat: repeat-x;
	margin-left: 2px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #999999;
}
.hi12 {	color: #000000;
	font-size: 70px;
}
.s12 {
	font-size: 36px;
	color: #FFF;
}
.erf {
	color: #FFF;
}
.nhi {
	font-size: 36px;
}
.hgugu1 {
	color: #8FB32C;
}
</style>
</head>

<body>
<table width="1667" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="167" height="21">&nbsp;</td>
    <td width="472">&nbsp;</td>
    <td width="1028">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td><span class="hi12">DW</span></td>
    <td rowspan="2" align="right"><img src="img/rt-corner.png" width="138" height="138" /></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td><font size='50pt' class="nhi">Adobe Dreamweaver</font></td>
  </tr>
</table>
<table width="1757" height="532" border="0" cellpadding="0" cellspacing="0" align="center">
  <tr>
    <td width="852" height="112">&nbsp;</td>
    <td width="6">&nbsp;</td>
    <td width="899">&nbsp;</td>
  </tr>
  <tr>
    <td height="385"><table width="871" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="871" align="right" bgcolor="#000000"><span class="s12">Adobe <span class="hgugu1">Dreamweaver</span></span></td>
      </tr>
      <tr>
        <td align="right" bgcolor="#000000"><span class="s12">DREAMWEAVER</span></td>
      </tr>
      <tr>
        <td bgcolor="#000000">&nbsp;</td>
      </tr>
      <tr>
        <td align="center" bgcolor="#000000" class="erf"> ··························································································································································································································</td>
      </tr>
      <tr>
        <td height="234" bgcolor="#000000"><font color="#FFFFFF">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Adobe Dreamweaver，简称“DW”，是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。 </font></td>
      </tr>
    </table></td>
    <td>&nbsp;</td>
    <td>
    <table width="737" border="0" align='center' cellpadding="0" cellspacing="0">
      <tr>
        <td width="737" bgcolor="#000000">&nbsp;</td>
      </tr>
      <tr>
        <td height="109" bgcolor="#000000"><p><font color="#FFFFFF">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font></p>
          <p>&nbsp;</p>
          <p><font color="#FFFFFF">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Adobe Dreamweaver使用所见即所得的接口，亦有HTML（标准通用标记语言下的一个应用）编辑的功能。它有Mac和Windows系统的版本。随Macromedia被Adobe收购后，Adobe也开始计划开发Linux版本的Dreamweaver了。 Dreamweaver自MX版本开始，使用了Opera的排版引擎&quot;Presto&quot; 作为网页预览。</font></p></td>
      </tr>
      <tr>
        <td height="165" valign="middle" bgcolor="#000000">&nbsp;</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

</body>
</html>

标签：封面,Adobe,background,color,练习,nbsp,Dreamweaver,网页
来源： https://blog.csdn.net/Argonaut_/article/details/121339726

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

Dreamweaver 封面练习