Dreamweaver用表格制作线框教程

  在DreamWeaver里,表格被更多的应用在布局网页,定位内容上。其实除了这些“大功能”的运用,通过各种变通的方法,表格还能实现很多在设计中一般难以达到的效果,下面将要给大家展示的“线框”制作就是一个很好的例子,当然它的巧妙运用还远不止此。

  “线框”对象在网页中是经常见到的,比如一条细线,一个方框等等都在包含之列。在某些效果的协调制作中,“线框”的修饰是必不可少的。然而让我们很遗憾的是,许多主流网页设计工具中都没有提供比较直接简便的线框制作功能。在这种情况下,利用其他元素来间接实现就显得尤为重要了。

  跨幅细线的制作

  首先,我想大家应该理解下这里“跨幅细线”的概念,而很重要的一点就体现在“细”上,这也是我们要通过表格来实现它的原因所在。

  接触过网页设计的网友都知道,在HTML(超文本传输语言)中,有一个



的标记,这个标记是用来制作“水平线”对象的,那么你一定问了,水平线不就是细线么?为什么还要用表格去作它呢?

 

  的确,水平线是用来制作线条的,包括横幅和竖幅的效果,它都可以实现。但以目前的应用来看,水平线根本达到不了我们所要求的细度,也即真正Height=1pixels的效果。

  下面是一组通过水平线制作的细线图示:


 


 


 

  其中前两个明显看上去要粗糙的多,而后面的已经在属性(Properties)板上手动设定高度为1的显然也不是很符合我们的要求,并且水平线要更改颜色的话,必须到源代码中才可以实现,使用起来不是很方便,明白了上面这些,我们看一下通过表格怎么达到更好的效果。

  单击“Object”面板中的“表格”图标或者选择菜单“Insert”-“Table”,在网页中适当的位置插入一个高,宽均为1的表格对象。如图


 

表格制作

时间: 2024-09-26 11:51:43

Dreamweaver用表格制作线框教程的相关文章

excel表格制作教程

本教程为Excel入门教程,详细介绍一般excel表格的制作过程.制作表格前需要你在心里先构思下表格的大致布局和样式,以便实际操作的顺利完成. 1.新建一个excel文件. 2.在草纸上画好草稿,将需要数据的表格样式及列数和行数确定.比如我需要建立一个五行六列的表格,最上面是标题行. 3.在新建excel中,用鼠标选中需要的表格行数列数,然后点右键,"设置单元格格式"--"边框",在"预置"中根据需要选择"外边框"."

Word2003课程表表格制作教程

Word表格操作起来简单容易上手,不像Excel功能一大堆但非专业人士并不会用它制作表格.有些表格数据需要用Excel来完成,但是有些简单基本的表格我们只需要用Word完成即可.许多朋友对Word表格的制作还不是很熟习,其实学好用Word制作表格非常简单,大家只需认真仔细看完本篇Word表格制作教程,相信以后制作表格不是一件很困难的事情了. 为了满足大家,本章Word联盟手把手的教大家如何用Word2003制作完"课程表"!每个步骤我们都会清楚的截图下来为大家演示. Word表格制作课

PS制作线框艺术字教程

PS制作线框艺术字教程 最终效果 1.打开Photoshop ,将"前/背景色"设为白/黑,在后新建一个大小为800×600像素的文件,背景内容为"背景色". 2.利用"文字工具"输入文字"风之梦",然后把"背景层"解锁后,将文字层与画布层合并(Ctrl+E).提示:字体可以用黑体或较粗的字体. 3.然后执行菜单中"滤镜/像素化/马赛克"命令,设置其值为16(马赛克参数可以自行调整,以看

WPS成绩分析表表格制作教程

每次考试结束之后,领导都需要了解各班级学生的学习情况,如各班各学科的总分.平均分.及格率.优秀率什么的.如果我们给领导送上一份包罗万象的全面的表格固然不错,但总归是不那么直观方便.如果能打造一份可以方便查询的表格,并且查询的结果还能用图表的形式实时显示,那么效果一定不是一般的好.用WPS的表格工具,我们就可以实现这一目的. ▲图1 图1所示为某份原始成绩表,包括全年级八个班八个学科的成绩.这份表格放在"原始数据"工作表中.我们的任务是能够方便地查询各个班各学科的总分.平均分.及格率.优

FrontPage网页表格制作教程

1.创建表格 在FRONTPAGE的诸多功能中,制表功能也是一个很重要的方面.我们不仅利用表格显示一些有规律的数据,而且还经常对表格中的单元格进行调整,在其中放入文本和图形,达到对网页进行布局的目的. 我们来看看这个网页,这是在普通模式里的效果. 文本被分成左右两栏了.文本周围有虚线包围.这些虚线实际上就是表格的框线,我们利用表格把网页分为了左右两栏. 我们切换到预览模式,框线没有了. 在普通模式看到的虚线可以便于我们编辑.由于表格框线的宽度是0,所以它在普通模式里是虚线显示的,而在浏览器里它就

Word2003表格制作教程

一.表格自动套用格式 方法:表格-表格自动套用格式 二.绘制斜线表头 方法:表格-绘制斜线表头 表头样式有五种,分别为: 三联推荐:点击 免费下载最新版美图秀秀  查看更多美图秀秀教程 三.Word表格排序 Word2003可以按笔划.数字.日期和拼音等对表格内容进行升降排序.实现排序的方法有两种: 方法一:将光标定位于作为排序依据的列中,然后单击"表格和边框"工具栏中的"升序"或"降序"按钮,即可快速完成排序. 方法二:选择"表格&q

Word表格制作教程

在Word2003中制作表格并输入表格内容的步骤如下所述: 第1步,依次执行[表格]§[插入]§[表格]菜单命令(或者单击"常用"工具栏上的"插入表格"按钮),打开"插入表格"对话框.在"表格尺寸"区域调整微调框,将"列数"设置为"7"."行数"设置为"10".最后单击"确定"按钮,如图2-2-8所示. 图2-2-8 设置表格的

WPS表格制作教程(成绩分析表)

  每次考试结束之后,领导都需要了解各班级学生的学习情况,如各班各学科的总分.平均分.及格率.优秀率什么的.如果我们给领导送上一份包罗万象的全面的表格固然不错,但总归是不那么直观方便.如果能打造一份可以方便查询的表格,并且查询的结果还能用图表的形式实时显示,那么效果一定不是一般的好.用WPS的表格工具,我们就可以实现这一目的. ▲图1 图1所示为某份原始成绩表,包括全年级八个班八个学科的成绩.这份表格放在"原始数据"工作表中.我们的任务是能够方便地查询各个班各学科的总分.平均分.及格率

Dreamweaver CS3网页制作中的CSS布局规则

虽然webjx.com一直建议大家不用Dreamweaver可视化编辑的方式进行CSS网页布局,但依然很多朋友在使用.建立您可以使用DW的代码编辑器进行CSS代码的编写.今天向大家介绍Dreamweaver CS3网页制作中的CSS布局规则 . CSS文件的链接方式  ·附加链接:外部CSS文件 ·导入CSS:常用应用多个CSS文件时,将多个CSS导入一个CSS文件中  CSS规则定义有三种  ·类比如".RedText".".BlueText"和".Bi