1、Web制作 网页制作 html 表格
个人建议：浏览器F12查找，一般程序员宁可重写，也不愿查找错误
2、结合实例论述表格在网站设计中的作用
1.在需要提交全部数据的时候，可以整表提交，如果不采用表格的方式则一个一个提交，繁琐切降低工作效率
2.表格设计上的整洁美观，正方形，很符合网页的设计
3.网站其实就是一个大的表格，里面的数据和数据库之间也用表格联系，所以密不可分。
3、浅谈表格在网页设计中的应用
表格在网页中应用的也比较多，现在许多网页导航就是用表格+css做的，还有一些注册信息表什么的，一般情况下也是会用到表格的。
4、网页设计中的表格！
<tr>
<td height="890" background="imega/2.gif" valign="top">
<table width="102%" height="25" border="0" cellpadding="5" cellspacing="1"> <!--这个表格已经至顶 -->
<tr>
<td width="11%"> </td>
<td width="17%" valign="top">|<a href="i.jsp">111</a></td>
<td width="30%" valign="top" >这一段表格至顶</td>
<td width="42%"> </td>
</tr>
</table>
</td>
</tr>
5、如何在网页制作中用好表格
对许多不熟悉HTML的朋友来说，还以为是使用了CSS、JavaScript等技术，其实不然。 看完下面的内容你就会明白了。
控制表格边框的显示
对使用Dreamweaver、FrontPage等所见即所得的网页编辑软件的朋友来说，很难控制表格的上下左右的边框显示与隐藏，其实你只要在HTML中的〈table〉〈/table〉标签页中添加一项 “frame” 属性即可。
不显示表格边框(frame=void)
只显示表格的上边框(frame=above )
只显示表格的下边框(frame=below )
只显示表格的上下边框(frame=hsides)
只显示表格的左右边框(frame=vsides)
只显示表格的左边框(frame=lhs)
只显示表格的右边框(frame=rhs)
例如，〈table width="75%" border="1" frame=void/above/below/hsides/vsides/lhs/rhs cellpadding="0" cellspacing="0"〉〈/table〉控制表格行与列的分割线
在网页设计中，如果版面没设计好，那么这个网页可以说是失败的。利用表格进行分栏，可以达到整齐排版的目的，美化你的网页外观。所谓分栏，就是让你的网页变成一个大表格，然后根据你的版面设计和内容安排，将这个表格分成不同的行和列，调整各个行和列的宽度和高度，以达到你排版的要求。当然了，你还可以在表格之中再嵌套表格，以达到更加复杂的排版需要。在设计过程中你可以灵活设置单元格边距和单元格间距的数值。在HTML语言中表格的分割线是由“rules” 属性来决定的。所以我们可以通过手工修改源代码的方法来控制分割线的显示与隐藏。
1、显示所有分割线(rules=all)
如〈table width="75%" border="1" rules=all cellpadding="0" cellspacing="0"〉
2、不显示任何分割线(rules=none)
3、只显示行与行之间的分割线(rules=rows)
4、只显示列与列之间分割线(rules=cols)
用表格边框实现单线显示
用线条来美化网页是网页设计者经常使用的手法之一。在网页中除了用〈hr〉标记来实现插入水平线外，我们还可以用表格来实现。FrontPage 2000默认的表格线比较粗，但只要稍加处理，就可以制作出一个细线表格，细线表格非常娟秀小巧，很有个性。它的具体操作方法是：在表格属性中将边框粗细设为“1”，将单元格边距和单元格间距设置为“0”，同时将亮边框设置成与表格背景相同的颜色，暗边框设成你想要的任一颜色即可，怎么样，细线表格出现了吧。
6、网页设计中的表格
你可以把第一个单元格的bgcolor也设置成填充背景色。
或者把你插入的图像做成背景图像，然后把表格的宽、高设置成图像的宽高。
7、网页表格的设计
用Dreamweaver网页制作软件可以制作，操作方法类似于Excel，可以在网上下载这款软件，如果对html语言比较熟的话，可以直接编辑代码，插入到需要的地方。
8、网页制作实例下载
网页制作三剑客经典实例158例 + PDG阅读器 V1.0b3 绿色版
由著名的多媒体软件公司Macromedia公司出品的、享有“网页制作三剑客”美誉的系列软件——中文版DreamWeaverMX、Firework MX和FlashMX，已经深刻地影响了人们制作网页、开发问站的工作方式。作为一个可视化的网页设计和网站管理工具，中文版DreamWeaverMX不仅支持最新的web技术，而且新增了许多强大的功能，极大地方便了用户的web创作。中文版Firework MX结合了位图处理软件Photoshop和矢量图处理软件CorelDRAW二者的优点，具有专业的网页图像优化功能，且能DreamWeaverMX天衣无缝地结合使其迅速成为流行的网页图像处理工具。利用中文版Firework MX，用户可以在一个专业化的环境中创建和编辑网页图形、进行动画处理、添加高级交互功能以及优化图像等。中文版FlashMX则是一款具有全新意义的网页动画制作软件，它提供了广泛的平台支持，不需要任何编程工作就能够制作出非常精彩的动画效果。中文版FlashMX具有简
单易学、开发效率高等特点，同时它生成的文件较小，特别适合于网络传输，因此在互联网上得到了十分广泛的应用。
本书共分四篇，包括158个经典实例，其中：
第一篇：中文版DreamWeaverMX实例。本篇通过40个实例讲解了中文版DreamWeaverMX的使用方法和技巧。读者通过这一篇的学习，可以对DreamWeaverMX有一个由浅入深的了解，定会对这一网页制作工具爱不释手。
第二篇：中文版Firework MX实例。本篇通过53个实例讲解了中文版Firework MX的使用方法和技巧。通过这些具体实例，能使广大读者迅速掌捏网页对象的制作与处理方法。
第三篇：中文版FlashMX实例。本篇通过如个实例讲解了中文版FlashMX的使用方法和技巧。读者完全可以按照本书中的操作步进行各种影片文件的具体制作，也可以将书中实例的制作技巧应用到其他场合。
第四篇；三剑客综合实例。本篇通过5个实例详细讲解了利用“网页制作三剑客”建设网站的思路和方法。通过综合实例的实战演练，相信读者的网页制作水平将会有质的提高。
本书将丰富的实例与相关的知识点紧密结合、语言通俗易懂、图文并茂，既可作为电脑网页制作培训班的教材，又可作为网页设爱好者的参考用书。本书由崔亚量主编，由于编者水平有限，疏漏和不足之处在所难免，恳请广大读者和专家批评指正。
具体内容：
第一篇 中文版DreamWeaverMX实例
经典第1例 文本编排
经典第2例 为文本创建超链接
经典第3例 图文混排
经典第4例 制作分隔线
经典第5例 插入和格式化表格
经典第6例 在页面中插入团片和动态按钮
经典第7例 为网页插入背景音乐
经典第8例 为图片创建热区
经典第9例 制作导航条
经典第10例 在贝面中使用框架
经典第11例 在页面中使用图层
经典第12例 制作和验证客户表单
经典第13例 变换图片效果
经典第14例 使用时间轴制作图层动面
经典第15 例 在页面中加入搜索引挚
经典第16例 制作Flash按钮和Flash文本
经典第17 例 插入Flash动画
经典第18例 使用“行为”面板
经典第19例 设置状态栏文本
经典第20例 制作下拉菜单
经典第21例 制作下拉菜单(二)
经典第22例 制作下捡菜单(三)
经典第23例 制作下拉菜单(四)
经典第24例 制作电子相册
经典第25例 CSS样式表(一)
经典第26例 CSS样式表(二)
经典第27例 CSS样式表(三)
经典第28例 制作外部祥式表
经典第29例 使用资源
经典第30例 制作库
经典第31例 制作授权
经典第32例 用模板
经典第33例 利用文件头实现网页自动刷新
经典第34例 使用JavaScript脚本制作树状菜单
经典第35例 使用JavaScript脚本制作时间显示
经典第36例 使用JavaScript脚本制作自动问候
经典第37例 使用JavaScript脚本制作图片随鼠标移动
经典第38例 使用JavaScript脚本制作页面裁入效果
经典第39例 站点的维护(一)
经典第40例 站点的维护(二)
第二篇 中文版Firework MX实例
经典第41例 编辑文字
经典第42例 文字环绕
经典第43例幼稚体
经典第44例水印字
经典第45例立体宇
经典第46例金届字
经典第47例浮雕字
经典第48例风格化文字
经典第49例幻影文字
经典第50例变形文字
经典第51例楼空文字
经典第52例闪烁文字
经典第53例镶边文字
经典第54例阴影文字
经典第55例旋转文字
经典第56例流动文字
经典第57例画像
经典第58例心形图案
经典第59例图形文字
经典第60例月牙
经典第61例立体阴影小球
经典第62例白云
经典第63例艺术相框
经典第64例邮票
经典第65例星光
经典第66例图片卷边效果
经典第67例简单按钮
经典第68例快速制作按钮
经典第69例胶囊式按钮
经典第70例星光技钮
经典第71例花瓣按钮
经典第72例按钮的热点链接
经典第73例利用按钮编辑器制作按钮
经典第74例文字移动
经典第75例文字曲线运动
经典第76例图片循环放映
经典第77例文字淡入淡出
经典第78例逐字显示动画
经典第79例礼花绽放动画
经典第80例电光掠影动画
经典第81例分身动画效果
经典第82例蒙版动画
经典第83例探照灯扫射效果
经典第84例晃动的文字
经典第85例转动的圆盘
经典第86例动态箭头
经典第87例晃动的木牌
经典第88例替换图
经典第89例自身翻转图
经典第90例简单动态按钮
经典第91例下拉菜单
经典第92例交互按钮
经典第93例交互网页
第三篇 中文版FlashMX实例
经典第94例直线运动的小球
经典第95例弹性球
经典第96例爆炸效果
经典第97例电影序幕
经典第98例文字的平面环绕效果
经典第99例旋转的风车
经典第100例残影效果
经典第101例放大镜效果
经典第102例雪花效果
经典第103例转动的透明球
经典第104例雷达扫描效果
经典第105例洋葱皮效果
经典第106例金鱼游动
经典第107例大雨(一)
经典第108例大雨(二)
经典第109例文字的缩放
经典第110例文字的淡入淡出
经典第111例图形问的变换
经典第112例打字机效果
经典第113例擦窗效果
经典第114例倒计时动画
经典第115例探照灯效果
经典第116例灯光照射效果
经典第117例螺旋效果
经典第118例旋转的三棱锥
经典第119例酷眩按钮
经典第120例缘来是我
经典第121例移形换影
经典第122例涟筋
经典第123例拖民文字
经典策124例蝶舞
经典第125例来点音乐吧
经典第126例音乐按钮
经典第127例中国足球
经典第128例交互性按钮
经典第129例加载动画
经典第130例鼠标施放效果
经典第131例动态URL按钮
经典第132例链盘控制小球移动
经典第133例弹出式菜单
经典第134例计数器
经典第135例一笔一划
经典第136例爆炸按钮
经典第137例输入输出文本
经典第138例下载进度条
经典第139例显示系统的时间
经典第140例随机运动的小球
经典第141例音量控制
经典第142例提交用户名和密码
经典第143例程序加载进度条
经典第144例狗抓老鼠
经典第145例遮罩效果
经典第146例文字效果
经典第147例自动跳开的台球
经典第148例随机数列
经典第149例获取键盘信息
经典第150例查询关键字
经典第151例奇钞的曲线
经典第152例组合图形
经典第153例阻尼跟随效果
第四篇 三剑客综合实例
实例154“北京风光”网站制作(一)
实例155“北京风光”网站制作(二)
实例156“北京风光”网站制作(三
实例157“青青心情”网站制作(一)
实例157“青青心情”网站制作(二)
下载地址http://soft.zozoto.cn/content/59901
9、网页设计，怎样设计一个这样的表格？
网页中表格的属性
align：表格的对齐方式，值有left（左对齐，默认）、center（居中）以及right（右对齐）
。align定义的是表格自身的位置，这是一个很有用的属性，强烈建议使用它来规定表格的对齐方式，尽量不要使用<p align=?>表格</p>、<div align=?>表格</div>和<center>表格</center>之类的标签来规定表格的位置，因为这么做将导致论坛添加许多废码！此外，当表格的宽度设置为100%，或者，表格的宽度设置成了占满它所在的容器的宽度，没有必要定义align属性。置为100%，或者，表格的宽度设置成了占满它所在的容器的宽度，没有必要定义align属性。