简单的网页设计表格_求设计一个简单的网页内容写一个html页面至少包含一个表格、一个表单；30行以上；美观不管

1、怎样制作简单的静态的网页设计

你好。首先下载Dreamweaver.exe并打开，选择你使用的编辑语言，本案例用html
打开页面后，选着设计窗口，如图所示。设计窗口可以快速布局网页，不需要自己编辑代码。

打开你要设计的网页的设计图，本经验是百度经验首页为例，首先我们制作顶上的搜索条，点击插入—表格（如图所示）。打开表格属性编辑表格属性。插入1行和5列，表格宽度为1130,（即为网页的宽度），边距，间距分别为0，此表格只是为了定位，因此不设边框。

设置好表格后，可在表格里面插入你的内容，首先我们插入logo,点击插入—图像—选择你要插入的图片。点确定即可完成logo插入。表格的小大高度都可根据设计图需要调整，鼠标移到表格边框虚线即可拖拉调整高度或宽度。如图所示

接下来我们来做搜索框，点击插入—表单—插入文本域—确定。插入文本框后可点击文本框调整文本框的属性。根据设计图，文本框上班还要添加内容，因此，可选择单元格右击选择表格—拆分单元格，此处是需要添加一行的内容，因此拆分为两行，如图所示。

用同样的办法拆分上面的行，因为要添加10个选择项，因此拆分为10列（右击选中的行—拆分单元格—10列—确定）。拆分好后在小格里面添加文字内容即可。表格大小可根据步骤四调整。

接下来我们做搜索按钮，同样根据设计图要把表格拆分为两行。点击插入插入按钮的图片。

接下来给按钮添加链接，本次经验分享的是静态网页，因此在此先跟大家分享怎么直接添加按钮链接。同样是点击插入—添加超级链接,填写你事先做好的页面链接，或者其他网站链接。

剩下的内容都可根据方法步奏逐渐添加，调节细节即可完成你想要设计的网页。如图所示是上面步奏所做的静态页面，把所有做好的网页用超级链接链接起来即可做成一个简单的网站

另外我们还可以采用front page。也可以很容易的实现。
望采纳。

2、怎样利用表格制作网页？

一、创建基本的表格一个表由＜table＞开始，＜/table＞结束，表的内容由＜tr＞,＜th＞和＜td＞定义。＜tr＞说明表的一个行，表有多少行就有多少个＜tr＞；＜th＞说明表的列数和相应栏目的名称，有多少个栏就有多少个＜th＞；＜td＞则填充由＜tr＞和＜th＞组成的表格。这里面有两个概念要弄明白：表格与单元格。他们的关系是整体与局部的关系，如同砌墙的砖和砌好的墙一样。在上面3行3列的表格中一共有9个单元格。由于我们后面将提到的表格属性和单元格属性有很多是相同的，所以一定要分清楚。前面已经说过表格的最基本标记为＜table＞、＜tr＞、＜td＞，可以先树立这样一个概念：描述整个表格的属性标记放在＜table＞里，描述单元格的属性标记放在＜tr＞、＜td＞里。有这样一个概念后，我们学习起来就可能简单些。

3、在网页设计中,表格有什么重要作用

1．当需要提交所有数据时，可以提交整个100个表，如果不使用表，可以逐个提交。

2．表格设计简洁美观，方形，与网页的设计非常一致。

3．网站其实是一个大版本的表格，数据和权重之间的数据库也与表格有联系，所以密不可分。

制作方法如下：

1．打开WPS表单并创建一个新的工作簿；

2．然后从多个表中选择要创建的表的行数和复制列数；

3．然后在工具栏顶部的insert函数下，查找表；

4．双击表格后会弹出一个对话框，然后选择确定；

5．最后，表格将在您选择的区域自动生成，一个简单的表格已经准备好了。

4、网页设计一个最简单的表单提交！

你直接搜索当地可以提交这个表单的电话问下就OK啦

5、Web制作网页制作 html 表格

个人建议：浏览器F12查找，一般程序员宁可重写，也不愿查找错误

6、网页制作表格"table"的属性

大表格的valign属性来改为top

如果只是小源表格置顶，其他内容居中，那就把小表格放在层（div）里面，层可以随便放置到任何位置。

fp也可以用层啊。不用的话。
<table border="1" width="100%" id="table1" height="234" valign=top>
<tr>
<td> </td>
</tr>
</table>

7、求设计一个简单的网页内容写一个html页面，至少包含一个表格、一个表单； 30行以上；美观不管

<!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=gb2312" />
<title>无标题文档</title>
<style>
.fontStyle{
color:red;
font-size:18px;
font-weight:bold;
}
</style>
</head>

<body>
<p class="fontStyle">表格</p>
<table cellspacing="0" cellpadding="0" width="500" height="300" border="1">
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>2</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>4</td>
</tr>
<tr>
<td>5</td>
<td>5</td>
</tr>
<tr>
<td>6</td>
<td>6</td>
</tr>
</table>
<p>----------------------------------------------------------------------------------------------</p>
<form id="form1" name="form1" method="post" action="">
<p class="fontStyle">表单</p>
<p>
<label for="name">姓名：</label>
<input type="text" name="name" id="name" />
</p>
<p>性别：
<input type="radio" name="sex" id="male" value="radio" /><label for="male">男</label>
<input type="radio" name="sex" id="female" value="radio2" /><label for="female">女</label></p>
<p>爱好：
<input type="checkbox" name="music" id="music" /><label for="music">听音乐</label>
<input type="checkbox" name="web" id="web" /><label for="web">上网</label>
<input type="checkbox" name="book" id="book" /><label for="book">看书</label></p>
<p>
<label for="content">简历：</label>
<textarea name="content" id="content" cols="45" rows="5"></textarea>
</p>
</form>
</body>
</html>
把上面的代码放到dw里，运行就好了，如果还不会，我把网页传给你吧！！！

导航:首页 > 万维百科 > 简单的网页设计表格

简单的网页设计表格

与简单的网页设计表格相关的知识