
1、制作表格我们需要使用标签table在html中输入table标签,然后设置行和列,,tr代表行,td代表列,然后在行和列中输入相关的内容。
2、预览网页我们发现,网页显示格式看起来不像是表格,因为没有框线,这时候我们需要给table标签设置边框,border,如图所示,在table标签中,定义border的值,这样再预览网页我们就可以看到表格样式。
3、图中的表格表头和文本内容显示格式一致,我们可以使用th标签代替td标签作为表格的表头,系统自动将表头内部的文本内容加粗居中显示,这样表头格式就被着重定义出来。
4、可以使用caption标签给表格添加标题,caption是table标签的子标签需要写在table标签内部,将需要定义的标题文本输入到caption中。
5、两行数值一样的话可以设置为rowspan值,如图所示,两行数据一致,直接设置rowspan值为2,下一行的这个数值就不必单独定义了,如果是三行数值一致,那么可以直接设置为3
6、将多列相同数据一起显示可以使用colspan来进行设置,如图所示,第三列所有的内容都全部显示一致,我们可以设置像表格中的合并效果然后一起显示,这样就不必每一列都输入内容。
0、创建站点(理解站点与文件夹的区别)
1、插入表格
2、拆分表格
3、合并表格
4、单元格和表格的区别
5、填充单元格和表格的背景颜色
6、如何调整表格的粗细
7、表格对齐方式和宽度要求8、详细认真阅读P71
9、收集素材置于images文件夹中
10、插入文字、(插入-—来自文件)、动画(插入—WEB组件—高级控件—flash影片—右键—flash影片属性—透明)、声音(在设计中点右键—网页属性—常规—背景音乐—浏览)
11、修改网页标题(在设计中点右键—网页属性—常规—标题)及网页背景(在设计中点右键—网页属性—格式—背景—浏览)
13、滚动字幕的制作(插入—Web组件—动态效果—字幕双击左键—输入文字)
14、超链接的编辑(1、文字链接:选中文字—右键—超链接—输入要链接的网址—确定。2、链接同理文字链接)
15、网页主题的制作
16、用新窗口打开超链接(选中文字—右键—超链接属性—目标框架—新建窗口—确定)
17、缩略图的制作(工具—网页选项—自动缩略图—设置—在上点右键—自动缩略图)
18、网页的过渡效果的制作(格式—过度效果—设置:进入网页、离开网页)
19、插入层的 *** 作(插入—层layer1—插入flash动画—设置为透明)
各个页面要合并在一起是指要将整个单独的页面像串连在一起。
网页串连就是网页结构,最好的是方式是树形结构,这样方便用户找查信息。建议结构不要超过3层。层数太多了也不方便浏览。(当然像新浪、百度这样大型的网站,3层结构不能代完整分类,肯定会多一些。一般4的企业网站或小型网站建议不超过3层)下图是推荐的一种网站结构
具体如何做呢?
基本上所有网站都有一个menu(网站导航),将网站中最重要的内容,放到这个导航中。
上图是新浪的menu。
具体怎么链接呢?
<a href="" >新闻</a>其他代码一样。如何css排版和样式就不在这里叙述了
也有一些是链接的而不是文字,代码如下
<a href=""><image src="1jpg" /></a>这些menu导航页面,还会再细分,如新闻列表。科技新闻列表等。列表里面再细分具体的文章内容页。就如第1张图展现的树形结构一样
工具原料:
硬件:电脑一台。
软件:dreamweaver。
创建方法:
1、点击插入表格。
2、根据布局构思设计可以选择合并表格 *** 作。
3、插入图像文件,设计为版面版头,下方根据设计需要填写文字或创建链接等。
<html>
<title>三行三列空白表格</title>
<head>
<bady>
</br></br></br></br>
<tablewidth="200"border="1"align="center">
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</bady>
</head>
</html>
最后,报表可以用FineReport去制作表格,类Excel式,简单拖拽生成表格,功能强大,个人版免费
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)