使用Dreamweaver将文本框添加到photoshop模板

时间:2011-12-15 02:10:27

标签: html dreamweaver

我使用photoshop制作模板,并使用切片工具制作按钮。我正在尝试在我的模板上添加几个框,以便人们可以输出信息(姓名,电子邮件,按摩)并将其发送到我的电子邮箱。当我点击插入>形式>文本字段它添加了一个框但在我的页面底部,而不是在我的模板上。无论如何我可以在模板上找到文本字段框吗?

<html>
<head>
<title>Home page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (Home page.png) -->
<table id="Table_01" width="823" height="885" border="0" cellpadding="0"     cellspacing="0">
<tr>
    <td colspan="5">
        <img src="images/Home-page_01.jpg" width="823" height="127" alt="">             </td>
</tr>
<tr>
    <td>
        <img src="images/Home-page_02.jpg" alt="" width="99" height="30" border="0" usemap="#Map"></td>
    <td>
        <img src="images/Home-page_03.jpg" alt="" width="155" height="30" border="0" usemap="#Map2"></td>
    <td>
        <img src="images/Home-page_04.jpg" alt="" width="98" height="30" border="0" usemap="#Map3"></td>
    <td>
        <img src="images/Home-page_05.jpg" alt="" width="193" height="30" border="0" usemap="#Map4"></td>
    <td>
        <img src="images/Home-page_06.jpg" width="278" height="30" alt="">     </td>
</tr>
<tr>
    <td colspan="5"><!-- TemplateBeginEditable name="EditRegion1" --><img   src="images/Home-page_07.jpg" alt="" width="823" height="728" border="0" usemap="#Map5">
      <form name="form1" method="post" action="">
    </form>
    <!-- TemplateEndEditable --></td>
</tr>
</table>
<!-- End Save for Web Slices -->

<map name="Map">
<area shape="rect" coords="1,3,99,28" href="#">
</map>

<map name="Map2">
<area shape="rect" coords="7,2,158,30" href="#">
</map>

<map name="Map3">
<area shape="rect" coords="3,4,95,30" href="#">
</map>

<map name="Map4">
<area shape="rect" coords="11,2,189,33" href="#">
</map>

<map name="Map5">
<area shape="rect" coords="267,247,486,356" href="#">
<area shape="rect" coords="9,248,250,356" href="#">
<area shape="rect" coords="519,246,763,354" href="#">
</map>
</body>
</html>

1 个答案:

答案 0 :(得分:0)

你可以将光标聚焦在你想要添加文本字段的位置并重复你的步骤,它会将文本字段放在你聚焦光标的位置......