图表设计网站_网页制作要用表格设计网页将素材（图片视频文字）分别放入表格中的单独格子最好是截图谢谢

1、如何设计一个自动生成表格的网页？

用asp语言可以

第1章网页制作概述
1.1 任务一：认识Web服务
1.2 Web服务原理实训
1.3 任务二：认识网站与网页
1.4 任务三：认识用网页制作工具
1.5 使用HTML制作网页实训
本章小结
练习题
第2章网站开发与网页制作准备
2.1 任务一：Dreamweaver MX2004的工作界面
2.2 任务二：创建站点
2.3 任务三：网页的建立、打开、保存与预览
2.4 创建和发布一个简单的站点实训
本章小结
练习题
第3章文本及其格式化
3.1 任务一：网页文本的录入及修改
3.2 任务二：文本及段落的格式化
3.3 文本及其格式化实训
3.4 任务三：项目列表的使用
3.5 创建列表实训
本章小结
练习题
第4章处理图像
4.1 任务一：在网页中插入图像
4.2 任务二：设置图像的属性
4.3 图像操作实训
4.4 任务三：背景图像的设置
4.5 设置背景图像及创建图像热区实训
本章小结
练习题
第5章超级链接
5.1 任务一：超级链接的建立
5.2 建立超级链接实训
5.3 任务二：更改链接的样式
5.4 更改超级链接的样式实训
5.5 任务三：管理超级链接
本章小结
练习题
第6章表格
6.1 任务一：表格的创建及属性的设置
6.2 表格应用实训
6.3 任务二：表格调整
6.4 表格调整实训
6.5 利用表格进行网页首页的设计实训
本章小结
练习题
第7章页面布局视图的使用
7.1 任务一：绘制布局表格和布避单元格
7.2 任务二：布局表格和布局单元格的基本操作
7.3 布局视图应用实训
本章小结
练习题
第8章框架
8.1 任务一：框架和框架集的基本操作
8.2 任务二：设置框架和框架集的属性
8.3 框架应用实训
本章小结
练习题
第9章层、时间轴与动画
第10章模板、库和插件
第11章表单设计
第12章使用Dreamweaver MX建立动态站点

详细的去看看下面的网址

3、怎样将网页表格设计得漂亮

你可以参考bootstrap离得handstable；

你要是自己设计一个css表格的话；

给你个大框：

1.表头，行，列的width、height、border(内边距、圆角边框)、text-align、color、text-overflow（溢出换行问题）、font（字体大小）、background-color...等等

4、网页制作，要用表格设计网页，将素材（图片，视频，文字）分别放入表格中的单独格子。最好是截图。谢谢。

选一款你熟练的操作软件然后你就可以做好你需要的网页了

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、求以下网页设计表格html代码

代码（大小有需要可以调）：

<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">
        <title>练习使用HTML</title>
    </head>

    <body>
        <center>
            <table border="1px" cellpadding="0px" cellspacing="0px">
                <tr>
                    <td colspan="4" height="60px"></td>
                </tr>
                <tr>
                    <td width="200px" height="60px"></td>
                    <td width="200px" height="60px"></td>
                    <td width="200px" height="60px"></td>
                    <td width="200px" height="60px"></td>
                </tr>
                <tr>
                    <td colspan="4" height="60px"></td>
                </tr>
                <tr>
                    <td colspan="4" height="60px"></td>
                </tr>
                <tr>
                    <td colspan="4" height="60px"></td>
                </tr>
                <tr>
                    <td colspan="4" height="60px"></td>
                </tr>
            </table>
        </center>
    </body>

</html>

运行效果：

7、用html设计网站，要求用表格进行整体布局，不要用css,求源代码，谢谢！！！！

DW 直接把表格拖进去填一下内容就OK 了··

8、HTML5中如何绘制图表？

图表的背景一般是精心设计的它有一定的梯度、网格线、号码标签和月份名称等等，如果直接通过JavaScript进行绘制可能需数十行或上百行的代码。但是如果我们直接通过Canvas直接创建一个背景图。我们只需要在其他的软件如PS上绘制好一个背景图，然后加载到Canvas上就可以了。

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<p>你的浏览器不支持canvas元素</p>

</canvas>

</div>

// 1、要绘制图表首先我们要获取到canvas对象以及具有图表背景的图片对象。

var

canvas = document.getElementById('canvas'),

context = null;

context = canvas.getContext('2d');

var img = new Image();

img.src ='chart-background.png';//这里是一张具有图表背景的图片

// 2、绘制一个具有图表背景的图片后再根据要绘制的曲线图各个点在canvas是中的坐标绘制直线。

img.onload = function() {

//绘制图片

context.drawImage(img, 0, 0);

//绘制直线

context.beginPath();

context.moveTo(70, 105);

context.lineTo(105, 132);

context.lineTo(142, 250);

context.lineTo(176, 175);

context.lineTo(212, 145);

context.lineTo(245, 197);

context.lineTo(280, 90);

context.stroke();

}

</script>

</body>

</html>

3、本示例的最终绘制效果如下：这样一个曲线图表就绘制出来的，其他的图表也可以用类似的方法进行绘制。

这些都是有关于HTML5新特性的一些应用。给你推荐一个教程网站秒秒学，该网站上有关于HTML5新特性的讲解。

9、用表格和表单设计如下网页

<!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>
</head>

<body>
<form action="" method="post" name="form">
<table width="501" border="0" align="center">
<tr>
<td colspan="2" align="center"><h2>请留下个人资料</h2></td>
</tr>
<tr>
<td width="122" align="right">姓名：</td>
<td width="363"><label>
<input type="text" name="textfield" />
</label></td>
</tr>
<tr>
<td align="right">电话：</td>
<td><input type="text" name="textfield2" /></td>
</tr>
<tr>
<td align="right">E-mail：</td>
<td><input type="text" name="textfield3" /></td>
</tr>
<tr>
<td align="right">性别：</td>
<td><label>
<input type="radio" name="radiobutton" value="radiobutton" />
男
<input type="radio" name="radiobutton" value="radiobutton" />
女</label></td>
</tr>
<tr>
<td align="right">年龄：</td>
<td><label>
<select name="select">
<option value="0">-请选择-</option>
<option value="1">20岁以下</option>
<option value="2">20-30岁</option>
<option value="3">30岁以上</option>
</select>
</label></td>
</tr>
<tr>
<td align="right">留言板：</td>
<td><label>
<textarea name="textarea"></textarea>
</label></td>
</tr>
<tr>
<td align="right">您的爱好</td>
<td><label>
<input type="checkbox" name="checkbox" value="checkbox" />
运动
<input type="checkbox" name="checkbox2" value="checkbox" />
阅读<br/> <input type="checkbox" name="checkbox2" value="checkbox" />
听音乐 <input type="checkbox" name="checkbox2" value="checkbox" />
旅游
</label>

</td>
</tr>
<tr>
<td colspan="2" align="center"><label>
<input type="submit" name="Submit" value="提交" />
</label>
<label>
<input type="reset" name="Submit2" value="全部重写" />
</label></td>
</tr>
</table>
</form>
</body>
</html>把代码粘上就是你要的样子了

10、如何用visio画web图表的网站总体设计图。里面的组件是干什么用的，是什么意思？求解释。越详细越好。谢谢

新建的时候类别选择web图标-->网站总体设计。如果新建的时候没有类别给你选，就在菜单文件->形状里选择。
选择以后左边会有网站总体设计类别所包含的所有组件，你把需要用的直接拖到编辑区域就可以了

导航:首页 > 万维百科 > 图表设计网站

图表设计网站

与图表设计网站相关的知识