2023-03-08 12:41来源：m.sf1369.com作者：宇宇
1．当需要提交所有数据时，可以提交整个100个表，如果不使用表，可以逐个提交。
2．表格设计简洁美观，方形，与网页的设计非常一致。
3．网站其实是一个大版本的表格，数据和权重之间的数据库也与表格有联系，所以密不可分。
制作方法如下：
1．打开WPS表单并创建一个新的工作簿；
2．然后从多个表中选择要创建的表的行数和复制列数；
3．然后在工具栏顶部的insert函数下，查找表；
4．双击表格后会弹出一个对话框，然后选择确定；
5．最后，表格将在您选择的区域自动生成，一个简单的表格已经准备好了。
表单是实现动态网页的一种主要的外在形式。表单和表单域并不具有排版的能力，表单网页的制作最终还是要由表格组织起来。html表单是html页面与浏览器端实现交互的重要手段。利用表单可以收集客户端提交的有关信息。 在浏览网站时经常会遇到表单，它是网站实现互动功能的重要组成部分。无论网站使用的是那种形式的语言来实现网站的互动功能，例如ASP、PHP、JSP，表单已经成为它们统一的外在形式。 表单的主要功能是收集信息，具体说是收集浏览者的信息。例如在网上要申请一个电子信箱，就必须按要求填写完成网站提供的表单页面，其主要内容是姓名、年龄、联系方式等个人信息。又例如要在某论坛上发言，发言之前要申请资格，也是要填写完成一个表单网页。 表单可以用于调查、订购、搜索等功能。一般的表单由两部分组成，一是描述表单元素的html源代码，二是客户端的脚本，或者服务器端用来处理用户所填信息的程序。在html里，我们可以定义表单，并且使表单与CGI或ASP等服务器端的表单处理程序配合。 表单信息处理的过程为：当单击表单中的提交按纽时，输入在表单中的信息就会上传到服务器中，然后由服务器中的有关应用程序进行处理，处理后或者将用户提交的信息储存在服务器端的数据库中，或者将有关的信息返回到客户端浏览器中。 表单是网页上的一个特定区域。这个区域是由一对<Form>标记定义的。这一步有几方面的作用。第一方面，限定表单的范围。其它的表单对象，都要插入到表单之中。单击提交按纽时，提交的也是表单范围之内的内容。第二方面，携带表单的相关信息，例如处理表单的脚本程序的位置、提交表单的方法等。这些信息对于浏览者是不可见的，但对于处理表单确有着决定性的作用。 基本语法01 <Form name=Form＿name method=method action=url enctype=value target=target＿win> 02 …… 03 </Form> 语法解释<Form>标记的属性如下表所示 属性 描述 name 表单的名称 method 定义表单结果从浏览器传送到服务器的方法，一般有两种方法：get和post action 用来定义表单处理程序(ASP，CGI等程序)的位置(相对地址或绝对地址) enctype 设置表单资料的编码方式 target 设置返回信息的显示方式 <FORM>标记的ENCTYPE属性基本语法01 <Form enctype=value> 02 …… 03 </Form> 语法解释value的取值如所下表所示 属性值 描述 Text/plin 以纯文本形式传送信息 Application/x-www-Form-urlencoded 默认的编码形式 Multipart/Form-data 使用mine编码 文件范例:11-4.htm设置表单信息提交的编码方式。01 <!-- ------------------------------ -->02 <!-- 文件范例：11-4.htm -->03 <!--文件说明：设置信息提交的编码方式-->04 <!-- ------------------------------ -->05 <html>06 <head>07 <title>设置信息提交的编码方式</title>08 </head>09 <body>10 <h1>用户调查</h1>11 <Form name=invest action=mailto:tslxg@hotmail.com method=get enctype=text/plain>12 </Form>13 </body>14 </html>
我用DW5直接给你body哈
你先采纳 我明天给你
学习网页制作是一个循序渐进的过程。要想快速学好网页制作，除了勤学多练外，还需要有美学方面的悟性。下面推荐给读者一些学好网页制作的方法：
1.在学习网页制作前，应先从最简单的网页入手，可以先用简单的网页制作软件（如东方网页王、佳易、Frontpage等）进行制作，了解网页设计的基本内容和基本概念，有一定基础后再选择现在多数网页设计者使用的Dreamweaver作为网页页面布局的工具，选择Flash作为页面动画制作的工具，选择网页三剑客配套的Fireworks作为网页图像处理的工具。
2.在学习阶段，应边阅读边操作，这样可增强学习的兴趣，同时达到知识点与实践结合的目的。读者在学习时不能只按书中的例子原封不动地进行操作，而应根据掌握的知识去编辑自己的内容，这样才有助于提高学习效率。
3.要不断的创新，大胆尝试各种制作方法，可从网上下载一些优秀的网页并进行分析。
4.在网页制作学习的初期阶段可以不必太重视网页制作术语，也不必关心太多的网页设计语言，在有一定网页设计基础后，可以再学习一些编程语言（如DHTML、JavaScript、ASP等）以增强网页动态特效。
5.善于运用模板制作网页是提高网页制作速度、统一网页风格的一大窍门，读者在学习网页制作时，应尽量以一种或几种相关的模板制作同一网站中的网页。
6.网页制作完成后，调试和预览是非常重要的一环，调试和预览可以避免网页出现错误的链接或图片、网页构成元素的残缺，因此网页发布前一定要先进行详尽的测试。
如何选用网页制作工具?
如今，上网冲浪已经成为一种时尚，构成了现代都市里一道独特而又亮丽的风景线。当你在网上漫游之际，一定会对那些漂亮的网页羡慕不已吧？其实，你也可以制作自己的个人网页，现在网页制作软件不少，但在众多的网页制作软件中，你会选择哪一种呢？现在我们就来介绍几种各有特色的网页制作软件。
入门级软件
如果你是一个网页制作初学者，那么让下面几种软件带你走进那绚丽多彩的网页制作世界吧！
Microsoft FrontPage 2000
制作功能强大的网页
如果你曾对Word很熟悉，那么相信你用FrontPage 98进行网页设计一定会非常顺手。使用FrontPage2000制作网页，你能真正体会到“功能强大，简单易用”的含义。页面制作由FrontPage2000中的Editor完成，其工作窗口由3个标签页组成，分别是“所见即所得”的编辑页，HTML代码编辑页和预览页。FrontPage2000带有图形和GIF动画编辑器，支持CGI和CSS。向导和模板都能使初学者在编辑网页时感到更加方便。
FrontPage2000最强大之处是其站点管理功能。在更新服务器上的站点时，不需要创建更改文件的目录。FrontPage2000会为你跟踪文件并拷贝那些新版本文件。FrontPage2000是现有网页制作软件中惟一既能在本地计算机上工作，又能通过Internet直接对远程服务器上的文件进行工作的软件。
下载网址：www.microsoft.com
Netscape编辑器
制作简单的网页
Netscape Communicator和Netscape Navigator Gold3.0版本都带有网页编辑器。如果你喜欢用Netscape浏览器上网，使用Netscape编辑器真是简单方便！当你用Netscape浏览器显示网页时，单击编辑按钮，Netscape就会把网页存储在硬盘中，然后就可以开始编辑了。你也可以像使用Word那样编辑文字、字体、颜色，改变主页作者、标题、背景颜色或图像，定义描点，插入链接，定义文档编码，插入图像，创建表格等，是不是与FrontPage 2000还有些像?但是，Netscape编辑器对复杂的网页设计就显得功能有限了，它连表单创建、多框架创建都不支持。
Netscape编辑器是网页制作初学者很好的入门工具。如果你的网页主要是由文本和图片组成的，Netscape编辑器将是一个轻松的选择。如果你对HTML语言有所了解的话，能够使用Notepad或Ultra Edit等文本编辑器来编写少量的HTML语句，也可以弥补Netscape编辑器的一些不足。
Adobe Pagemill 3.0
制作多框架、表单和Image Map图像的网页
Pagemill功能不算强大，但使用起来很方便，适合初学者制作较为美观、而不是非常复杂的主页。如果你的主页需要很多框架、表单和Image Map图像，那么Adobe Pagemill 3.0的确是你的首选。
Pagemill另一大特色是有一个剪贴板，可以将任意多的文本、图形、表格拖放到里面，需要时再打开，很方便。
下载网址：www.adobe.com
Claris Home Page 3.0
快速创建动态的网页
如果使用Claris Home Page软件，你可以在几分钟之内创建一个动态网页。这是因为它有一个很好的创建和编辑Frame(框架)的工具，你不必花费太多的力气就可以增加新的Frame(框架)。而且Claris Home Page 3.0集成了FileMaker数据库，增强的站点管理特性还允许你检测页面的合法连接。不过界面设计过于粗糙，对Image Map图像的处理也不完全。
下载网址：
提高级软件
如果你对网页设计已经有了一定的基础，对HTML语言又有一定的了解，那么你可以选择下面的几种软件来设计你的网页，他们一定会为你的网页添色不少。
DreamWeaver
自制动态HTML动画的网页
DreamWeaver是一个很酷的网页设计软件，它包括可视化编辑、HTML代码编辑的软件包，并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它还能通过拖拽从头到尾制作动态的HTML动画，支持动态HTML(Dynamic HTML)的设计，使得页面没有plug-in也能够在Netscape和IE 4.0浏览器中正确地显示页面的动画。同时它还提供了自动更新页面信息的功能。
DreamWeaver还采用了Roundtrip HTML技术。这项技术使得网页在DreamWeaver和HTML代码编辑器之间进行自由转换，HTML句法及结构不变。这样，专业设计者可以在不改变原有编辑习惯的同时，充分享受到可视化编辑带来的益处。DreamWeaver最具挑战性和生命力的是它的开放式设计，这项设计使任何人都可以轻易扩展它的功能。
下载网址：www.macromedia.com
Fireworks
第一款彻底为Web制作者们设计的软件
Fireworks的来头实在不小，它的出现使Web作图发生了革命性的变化。Fireworks是专为网络图像设计而开发，内建丰富的支持网络出版功能，比如Fireworks能够自动切图、生成鼠标动态感应的javascript。而且Fireworks具有十分强大的动画功能和一个几乎完美的网络图像生成器(Export功能)。它增强了与dreamweaver的联系，可以直接生成dreamweaver的Libaray甚至能够导出为配合CSS式样的网页及图片！
下载网址：www.macromedia.com
Flash
让你的网页动起来
Flash是用在互联网上动态的、可互动的shockwave。它的优点是体积小，可边下载边播放，这样就避免了用户长时间的等待。#{6FLASH6}#可以用其生成动画，还可在网页中加入声音。这样你就能生成多媒体的图形和界面，而使文件的体积却很小。FLASH虽然不可以像一门语言一样进行编程，但用其内置的语句并结合JavaScripe，您也可做出互动性很强的主页来。有人曾经说过：下个世纪的网络设计人不会用FLASH，必将被淘汰出局！我相信这句话没错！
下载网址：www.macromedia.com
HotDog Professional 5
制作要加入多种复杂技术的网页
HotDog是较早基于代码的网页设计工具，其最具特色的是提供了许多向导工具，能帮助设计者制作页面中的复杂部分。HotDog的高级HTML支持插入marquee，并能在预览模式中以正常速度观看。这点非常难得，因为即使首创这种标签的Microsoft在FrontPage 98中也未提供这样的功能。HotDog对plug-in的支持也远远超过其他产品，它提供的对话框允许你以手动方式为不同格式的文件选择不同的选项。但对中文的处理不很方便。
HotDog是个功能强大的软件，对于那些希望在网页中加入CSS、Java、RealVideo等复杂技术的高级设计者，是个很好的选择。
下载网址：www.sausage.com
HomeSite 4.5
制作可完全控制页面进程的网页
Allaire的HomeSite 3.0是一个小巧而全能的HTML代码编辑器，有丰富的帮助功能，支持CGI和CSS等等，并且可以直接编辑perl程序。HomeSite工作界面繁简由人，根据习惯，可以将其设置成像Notepad那样简单的编辑窗口，也可以在复杂的界面下工作。
HomeSite更适合那些比较复杂和精彩页面的设计。如果你希望能完全控制你制作的页面的进程，HomeSite 3.0是你最佳选择。不过对于生手过于复杂。
下载网址：www.allaire.com或者www.homesite-now.com
HotMetal Pro 4.0
制作具有强大数据嵌入能力的网页
HotMetal既提供“所见即所得”图形制作方式，又提供代码编辑方式，是个令各层次设计者都不至于失望的软件。但是初学者需要熟知HTML，才能得心应手地使用这个软件。HotMetal具有强大的数据嵌入能力，利用它的数据插入向导，可以把外部的Access、Word、Excel以及其他ODBC数据提出来，放入页面中。而且HotMetal能够把它们自动转换为HTML格式，是不是很棒?此外它还能转换很多老格式的文档(如WordStar等)，并能在转换过程中把这些文档里的图片自动转换为GIF格式。
HotMetal为用户提供了“太多”的工具，而且它还可以用网状图或树状图表现整个站点文档的链接状况。
下载网址：www.softquad.com
希望你能从中找到一款适合你制作网页的软件。快点动手试试吧！
评论 ┆ 举报
最佳答案此答案由提问者自己选择，并不代表百度知道知识人的观点
回答：菜鹰
学长
4月20日 15:58 横向不间断滚动广告
<script language=javascript>
imgArr=new Array()
imgArr[0]=<a href=# onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true'
onMouseout='javascript:outHover=false;mvStart()'><img src=/Article/UploadFiles/200408/.gif
border=0></a>
imgArr[1]=<a href=# onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true'
onMouseout='javascript:outHover=false;mvStart()'><img src=/Article/UploadFiles/200408/.gif
border=0></a>
imgArr[2]=<a href=# onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true'
onMouseout='javascript:outHover=false;mvStart()'><img src=/Article/UploadFiles/200408/.gif
border=0></a>
imgArr[3]=<a href=# onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true'
onMouseout='javascript:outHover=false;mvStart()'><img src=/Article/UploadFiles/200408/.gif
border=0></a>
imgArr[4]=<a href=# onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true'
onMouseout='javascript:outHover=false;mvStart()'><img src=/Article/UploadFiles/200408/.gif
border=0></a>
imgArr[5]=<a href=# onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true'
onMouseout='javascript:outHover=false;mvStart()'><img src=/Article/UploadFiles/200408/.gif
border=0></a>
imgArr[6]=<a href=# onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true'
onMouseout='javascript:outHover=false;mvStart()'><img src=/Article/UploadFiles/200408/.gif
border=0></a>
imgArr[7]=<a href=# onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true'
onMouseout='javascript:outHover=false;mvStart()'><img src=/Article/UploadFiles/200408/.gif
border=0></a>
imgArr[8]=<a href=# onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true'
onMouseout='javascript:outHover=false;mvStart()'><img src=/Article/UploadFiles/200408/.gif
border=0></a>
imgArr[9]=<a href=# onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true'
onMouseout='javascript:outHover=false;mvStart()'><img src=/Article/UploadFiles/200408/.gif
border=0></a>
imgArr[10]=<a href=# onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true'
onMouseout='javascript:outHover=false;mvStart()'><img src=/Article/UploadFiles/200408/.gif
border=0></a>
var moveStep=4 //步长，单位：pixel
var moveRelax=100 //移动时间间隔，单位：ms
ns4=(document.layers)?true:false
var displayImgAmount=4 //视区窗口可显示个数
var divWidth=125 //每块图片占位宽
var divHeight=60 //每块图片占位高
var startDnum=0
var nextDnum=startDnum+displayImgAmount
var timeID
var outHover=false
var startDivClipLeft
var nextDivClipRight
function initDivPlace(){
if (ns4){
for (i=0;i<displayImgAmount;i++){
eval(document.divOuter.document.divAds+i+.left=+divWidth*i)
}
for (i=displayImgAmount;i<imgArr.length;i++){
eval(document.divOuter.document.divAds+i+.left=+divWidth*displayImgAmount)
}
}else{
for (i=0;i<displayImgAmount;i++){
eval(document.all.divAds+i+.style.left=+divWidth*i)
}
for (i=displayImgAmount;i<imgArr.length;i++){
eval(document.all.divAds+i+.style.left=+divWidth*displayImgAmount)
}
}
}
function mvStart(){
timeID=setTimeout(moveLeftDiv,moveRelax)
}
function mvStop(){
clearTimeout(timeID)
}
function moveLeftDiv(){
if (ns4){
for (i=0;i<=displayImgAmount;i++){
eval(document.divOuter.document.divAds+parseInt((startDnum+i)%imgArr.length)
+.left=document.divOuter.document.divAds+parseInt((startDnum+i)%imgArr.length)+.left-moveStep)
}
startDivClipLeft=parseInt(eval(document.divOuter.document.divAds+startDnum+.clip.left))
nextDivClipRight=parseInt(eval(document.divOuter.document.divAds+nextDnum+.clip.right))
if (startDivClipLeft+moveStep>divWidth){
eval(document.divOuter.document.divAds+nextDnum+.clip.right=+divWidth)
eval(document.divOuter.document.divAds+startDnum+.left=+divWidth*displayImgAmount)
eval(document.divOuter.document.divAds+parseInt((nextDnum+1)%imgArr.length)
+.left=document.divOuter.document.divAds+nextDnum+.left++divWidth)
eval(document.divOuter.document.divAds+parseInt((nextDnum+1)%imgArr.length)+.clip.left=0)
startDnum=(++startDnum)%imgArr.length
nextDnum=(startDnum+displayImgAmount)%imgArr.length
startDivClipLeft=moveStep-(divWidth-startDivClipLeft)
nextDivClipRight=moveStep-(divWidth-nextDivClipRight)
}else{
eval(document.divOuter.document.divAds+nextDnum+.clip.left=0)
startDivClipLeft+=moveStep
nextDivClipRight+=moveStep
}
eval(document.divOuter.document.divAds+startDnum+.clip.left=+startDivClipLeft)
eval(document.divOuter.document.divAds+nextDnum+.clip.right=+nextDivClipRight)
}else{
for (i=0;i<=displayImgAmount;i++){
eval(document.all.divAds+parseInt((startDnum+i)%imgArr.length)
+.style.left=document.all.divAds+parseInt((startDnum+i)%imgArr.length)+.style.pixelLeft-moveStep)
}
startDivClipLeft=parseInt(eval(document.all.divAds+startDnum+.currentStyle.clipLeft))
nextDivClipRight=parseInt(eval(document.all.divAds+nextDnum+.currentStyle.clipRight))
if (startDivClipLeft+moveStep>divWidth){
eval(document.all.divAds+nextDnum+.style.clip='rect(0,+divWidth+,+divHeight+,0+)')
eval(document.all.divAds+startDnum+.style.left=+divWidth*displayImgAmount)
eval(document.all.divAds+parseInt((nextDnum+1)%imgArr.length)
+.style.left=document.all.divAds+nextDnum+.style.pixelLeft++divWidth)
startDnum=(++startDnum)%imgArr.length
nextDnum=(startDnum+displayImgAmount)%imgArr.length
startDivClipLeft=moveStep-(divWidth-startDivClipLeft)
nextDivClipRight=moveStep-(divWidth-nextDivClipRight)
}else{
startDivClipLeft+=moveStep
nextDivClipRight+=moveStep
}
eval(document.all.divAds+startDnum+.style.clip='rect
(0,+divWidth+,+divHeight+,+startDivClipLeft+)')
eval(document.all.divAds+nextDnum+.style.clip='rect(0,+nextDivClipRight+,+divHeight+,0)')
}
if (outHover){
mvStop()
}else{
mvStart()
}
}
function writeDivs(){
if (ns4){
document.write(<ilayer name=divOuter width=750 height=+divHeight+>)
for (i=0;i<imgArr.length;i++){
document.write(<layer name=divAds+i+>)
document.write(imgArr[i]+ )
document.write(</layer>)
}
document.write(</ilayer>)
document.close()
for (i=displayImgAmount;i<imgArr.length;i++){
eval(document.divOuter.document.divAds+i+.clip.right=0)
}
}else{
document.write(<div id=divOuter style='position:relative' width=750 height=+divHeight+>)
for (i=0;i<imgArr.length;i++){
document.write(<div id=divAds+i+ style='position:absolute;clip:rect
(0,+divWidth+,+divHeight+,0)'>)
document.write(imgArr[i]+ )
document.write(</div>)
}
document.write(</div>)
for (i=displayImgAmount;i<imgArr.length;i++){
eval(document.all.divAds+i+.style.clip='rect(0,0,+divHeight+,0)')
}
}
}
</script>
<BODY onload=javascript:mvStart()>
<SCRIPT language=javascript>writeDivs();initDivPlace();</SCRIPT>
揪错 ┆ 评论 ┆ 举报
