dw表格边框.docx
- 文档编号:3971790
- 上传时间:2022-11-26
- 格式:DOCX
- 页数:6
- 大小:19.93KB
dw表格边框.docx
《dw表格边框.docx》由会员分享,可在线阅读,更多相关《dw表格边框.docx(6页珍藏版)》请在冰豆网上搜索。
dw表格边框
竭诚为您提供优质文档/双击可除
dw表格边框
篇一:
在dreamweaver中插入一个表格,若设置其“边框
在dreamweaver中插入一个表格,若设置其“边框(border)”为1,预览时其边框线较粗。
对于不熟悉html语言的网页制作者,如何快速制作出细边线的表格呢?
下面,我给大家介绍一个小技巧--巧用背景颜色和间距制作细边线表格。
以制作一个4行3列、边框线为红色细线的表格为例:
step1在dreamweaver的设计视图中插入一个4行3列的表格。
step2在“属性”面板中设置此表格的属性如下:
边距(cellpad)根据需要自行设置值(例如10);间距(cellspace)为1;边框(border)为0;背景颜色(bgcolor)为红色。
step3选中此表格的所有单元格,在“属性”面板中设置所有单元格的属性如下:
背景颜色(bg)为白色或红色以外的其他颜色。
最后,保存网页,按F12预览。
怎么样,一个4行3列的红色细线表格是不是呈现在你面前?
另外,如果我们照常想用表格来布局定位,但只要外边框线显示为细线,而内部单元格的分隔线不显示的效果,则可以配合使用嵌套表格。
下面以表格外边框线为红色细线为例来说明操作方法:
step1在dreamweaver的设计视图插入一个1行1列的表格。
step2在“属性”面板设置此表格的属性如下:
“边距”根据需要自行设置(例如5);“间距”为1;“边框”为0;“背景颜色”为红色。
step3选中此表格唯一的单元格,在“属性”面板设置此单元格的“背景颜色”为白色或红色以外的其他颜色。
step4将光标定位在此1行1列的表格中,根据需要插入一个几行几列的嵌套表格,此嵌套表格的“边框”一定设置为0,“边距”和“间距”可以根据需要设置或不设置,其他属性可不进行设置。
这样,我们就可以在嵌套表格的不同单元格内插入文字、图片等其他网页元素了。
篇二:
用dreamweaver8表格进行页面布局教程
用dreamweaver8表格进行页面布局教程本文介绍如何在macromediadreamweaver8中创建基于表格的页面布局。
页面布局将确定您的页面在浏览器中会如何显示,例如,显示菜单、图像和macromediaFlash内容将如何放置。
表格是用于在html页上显示表格式数据以及对文本和图形进行布局的强有力的工具。
您可以使用表格快速轻松地创建布局。
在本教程中,您将在一个新的dreamweaver文档中创建若干表格。
这些表格的行和单元格实际上用作您将在以后添加的内容的"容器框"。
通常,创建web站点并不是以打开dreamweaver并立即对页面进行布局开始的。
创建web站点的初始工作从纸张或图形编辑应用程序(如
macromediaFireworks)开始。
图形设计人员通常会画出web站点综合图形的草图(也称为"草样"),以便向客户展示并确保站点的初始构思能让客户满意。
设计草样由客户要求其web站点具有的任意数目的页面元素组成。
例如,客户可能会提出:
"页面顶端要有徽标,要有能链接到其它页面的导航功能,有用于联机存储的部分和可以插入视频剪辑的位置。
"根据这些讨论,设计人员开始对站点布局进行规划,并制作满足客户要求的示例页面草图。
本教程向您提供为cafetownsend(一个需要制作web站点的虚构餐馆)设计的、完整的和符合要求的设计草样。
作为web设计人员,您需要对草样进行转换,使之最终形成可以使用的web页面(通常需要其他图形设计人员与Flash开发人员的帮助)。
您可以看到,图形设计人员已经向您提供了web页面设计草样,其中包括一些内容区域和图形方案。
在下面的部分,您将使用dreamweaver展示此设计。
您也可以打开原始草样文件以便在计算机屏幕上查看该设计草样。
可以在cafe_townsend文件夹(在教程:
设置站点和项目文件中已将该文件夹复制到了硬盘上)的fireworks_assets文件夹中找到设计草样homepage-mockup.jpg。
在创建页面时,还可以打印草样以便随时查看,创建并保存新页面。
建立站点并检查设计草样后,您就可以开始创建web页面了。
首先您将创建一个新页面,并将它保存到您的web站点的本地根文件夹cafe_townsend中。
该页面最终将成为虚构餐馆cafetownsend的主页。
如果您尚未创建本地根文件夹cafe_townsend,则必须先完成创建,然后再继续。
在dreamweaver中,选择"文件">"新建"。
在"新建文档"对话框的"常规"选项卡上,从"类别"列表中选择"基本页",从"基本页"列表中选择"html",然后单击"创建"。
选择"文件">"另存为"。
在"另存为"对话框中,浏览至定义为站点的本地根文件夹的cafe_townsend文件夹并打开该文件夹。
在教程:
设置站点和项目文件中,您在名为local_sites的文件夹中创建了此文件夹。
在"文件名"文本框中输入index.html,然后单击"保存"。
文件名即出现在应用程序窗口顶部的标题栏中。
在新文档顶部的"文档标题"文本框中,键入cafetownsend。
这就是页面的标题(与文件名不同)。
站点访问者在web浏览器中查看页面时将在浏览器窗口的标题栏中看到此标题。
选择"文件">"保存"来保存该页面。
插入表格
接下来,您将添加一个表格,用于放置文本、图形和macromediaFlash资源。
在页面上单击一次,在页面左上角放置插入点。
选择"插入">"表格"。
在"插入表格"对话框中,执行下面的操作:
在"行数"文本框中,输入3。
在"列数"文本框中,输入1。
在"表格宽度
"文本框中,输入700。
在"表格宽度"弹出式菜单中,选择"像素"。
在"边框粗细"文本框中,输入0。
在"单元格边距"文本框中,输入0。
在"单元格间距"文本框中,输入0。
单击"确定"。
一个三行一列的表格即出现在文档中。
该表格的宽度为700像素,边框、单元格边距和单元格间距均为0。
关于表格的更多信息表格是用来在html页上显示表格式数据以及对文本和图形进行布局的强有力工具。
表格由一行或多行组成;每行又由一个或多个单元格组成。
当您创建包含多个单元格的多行表格时,这些单元格形成列。
从技术上来说,一个单元格是水平行中的一个区域,而一列是由这些单元格区域垂直堆积而成的。
当选定了表格或表格中有插入点时,dreamweaver会显示表格宽度和表格选择器(由绿色线条指示)中的每个表格列的列宽。
宽度旁边是表格标题菜单与列标题菜单的箭头。
使用菜单可以快速访问一些与表格相关的常用命令。
还可以通过选择"查看">"可视化助理">"表格宽度"来启用或禁用宽度和菜单的显示。
表格可以具有边框,表格的单元格可以具有边距、间距或同时具有边距和间距。
单元格边距是指单元格内容和单元格边界之间的像素数。
单元格间距是指相邻的表格单元格之间的像素数。
如果您没有明确指定单元格边距和单元格间距的值,则大多数浏览器按单元格边距设置为1、单元格间距设置为2来显示表格。
若要确保浏览器显示的表格没有边距和间距,请将单元格边距和单元格间距设置为0。
单击一次该表格右侧取消对它的选择。
选择"插入">"表格"以插入另一个表格。
在"插入表格"对话框中,对第二个表格执行下面的操作:
在"行数"文本框中,输入1。
在"列数"文本框中,输入3。
在"表格宽度"文本框中,输入700。
在"表格宽度"弹出式菜单中,选择"像素"。
在"边框粗细"文本框中,输入0。
在"单元格边距"文本框中,输入0。
在"单元格间距"文本框中,输入0。
单击"确定"。
第二个表格(该表格具有一行三列)即出现在第一个表格下方。
单击该表格右侧取消对它的选择。
通过选择"插入">"表格",然后在"插入表格"对话框中输入以下值来插入第三个表格:
在"行数"文本框中,输入1。
在"列数"文本框中,输入1。
在"表格宽度"文本框中,输入700。
在"表格宽度"弹出式菜单中,选择"像素"。
在"边框粗细"文本框中,输入0。
在"单元格边距"文本框中,输入0。
在"单元格间距"文本框中,输入0。
单击"确定"。
第三个表格(该表格具有一行一列)即出现在第二个表格下方。
单击该表格右侧取消对它的选择。
您的页面现在应如下所示:
注意插入表格后可能会看到表格选择器(由绿色线条指示)。
通过在表格外单击,通常可以隐藏表格选择器。
也可以通过选择"查看">"可视化助理">"表格宽度"禁用表格选择器。
设置表格属性。
现在将使用"扩展表格"模式设置具体的表格属性,"扩展表格"模式是用于临时添加表格的单元格边距和间距并增加表格边框以简化编辑的一种功能。
特别需要指出的是,它使您能够精确地放置插入点,而不会意外选择错误的表格或其它表格内容。
注意在"扩展表格"模式下完成对表格属性的设置后,应总是返回到"标准"
模式。
"扩展表格"模式不属于所见即所得环境,因此某些操作(如调整大小)不会得到预期的结果。
选择"查看">"表格模式">"扩展表格模式"。
注意如果出现"开始使用扩展表格模式"对话框,请单击"确定"。
在第一个表格的第一行内单击一次。
在"属性"检查器("窗口">"属性")的"单元格高度"文本框中输入90,然后按enter键(windows)或Return键(macintosh)。
注意如果未出现"单元格高度"文本框,请单击"属性"检查器右下角的展开箭头。
在第一个表格的第二行内单击一次。
篇三:
dw代码大全
dw代码大全
一、、、:
定义和用法:
构成html文档的重要组成部分,缺一不可。
1、标签:
此元素可告知浏览器其自身是一个html文档。
与标签限定了文档的开始点和结束点。
2、标签:
定义文档的主体。
它包含文档的所有内容(比如文本、图像、颜色和图形等等。
)
3、标签:
用于定义文档的头部。
下面这些标签可用在head部分:
,,,以及。
二、,,,,:
1、标签:
此元素定义了当前文档与web集合中其他文档的关系。
如:
2、标签:
元素可提供有关页面的元信息,比如针对搜索引擎和更新频度的描述和关键词。
如:
3、标签:
定义一段诸如javascript的脚本。
如:
alert("感谢您光临我的个人小站!
")
4、标签:
常用在页面内定义css样式,但强烈建议使用link标签定义css样式。
如:
*{font-size:
13px;}
5、标签:
定义文档的标题。
通常把它放置在浏览器窗口的标题栏或状态栏上。
三、超链接标签:
·定义和用法:
标签可定义锚。
一个锚有两种用法。
1、通过使用href属性,创建一个到另外一个文档的链接。
如:
href=""target="_blank"title="XX">XX
2、通过使用name或id属性,创建一个文档内部的书签。
如:
定义锚点;指向锚点返回顶端
·标签常用属性:
1、href:
描述另一个文档的地址。
2、target:
指定文档在哪个窗口打开。
3、title:
指定链接的标题。
4、name:
定义锚点的名称。
四、--标签:
-标签可定义标题。
定义最大的标题。
定义最小的标题。
如:
这是标题一
这是标题二
这是标题三
这是标题四
这是标题五
这是标题六
五、 标签:
可定义一个段落。
如:
这是第一段的内容。
这是第二段的内容。
六、
标签:
可插入一个简单的换行符。
如:
这是第一行。
这是第二行。
七、标签:
可定义一副图像。
即在网页指定位置插入图片。
如:
八、标签:
可插入一个水平线。
水平分隔线(horizontalrule)可以在视觉上将文档分隔成各个部分。
如:
九、
、、、、标签:
1、标签可定义表格。
在标签内部,可以放置表格的标题、表格行、表格列、表格单元以及其他的表格。
2、标签在表格中定义一行。
3、标签定义表格中的一个单元格。
标签属性:
colspan=合并列单元格;rowspan=合并行。
5、标签定义表格内的表头单元格。
此th元素内部的文本通常会呈现为粗体。
6、标签可定义一个表格标题。
caption标签必须紧随table标签之后。
您只能对每个表格定义一个标题。
通常这个标题会被居中于表格之上。
十、标签:
form元素可为用户输入创建表单。
表单可包含文本域,复选框,单选按钮等等。
表单用于向指定的uRl传递用户数据。
·使用方法:
·标签属性:
1、id、name:
用来标识表单的名称。
2、method:
提供和程序进行数据交换的方法。
取值为post和get。
3、action:
提供和程序进行交换的程序路径,即接口程序。
十一、标签:
标签可定义输入域,在其中用户可输入数据。
其中包括文本字段、多选列表、可单击的图像和提交按钮等。
此标签的type属性和name属性是必需的。
1、type的取值。
type属性用来区分不同的输入域。
它的取值分别为:
text(文本域)、password(密码域)、hidden(隐藏域)、checkbox(复选框)、radio(单选框)、image(图像按钮)、file(文件域)、submit(提交按钮)、reset(重置按钮)、button(普通按钮)。
十二、标签:
1、用法:
元素可创建单选或多选菜单。
2、格式:
张三
李四
王五
3、元素可定义下拉列表中的一个选项(一个条目)。
格式:
张三,其中selected属性表示默认选项。
十三、标签:
1、用法:
定义一个文本区域(一个多行的文本输入区域)。
2、格式:
请在此处输入留言内容
3、属性:
i、cols:
设置输入框的列数。
ii、rows:
设置输入框的行数。
十四、、、、标签:
以下的元素均是字体样式元素。
建议使用css来取代这些效果。
标签可定义下划线文本。
标签可定义加删除线文本定义。
标签可定义斜体。
标签可定义粗体。
十五、、标签:
1、标签可定义上标文本。
2、标签可定义下标文本。
3、说明:
和标签,常用在数学等式、科学符号和化学公式中。
十六、、、标签:
1、标签定义列表。
2、定义列表中的项目(即术语部分)。
3、可在定义列表中定义条目的定义部分。
十七、、、标签:
1、标签定义有序列表。
标签属性:
type="1/a/a/i/i"。
2、标签定义无序列表。
标签属性:
type="circle/disc/square"
3、标签定义列表项目。
标签可用在有序列表()和无序列表()中。
十八、标签:
1、可定义文档中的分区或节(division/section)。
标签可以把文档分割为独立的、不同的部分。
2、常用id或class来标记,这样可以方便控制其样式。
十九、标签:
1、标签被用来组合文档中的行内元素。
2、说明:
span没有固定的格式表现。
当对它应用样式时,它才会产生视觉上的变化。
二十、注释标签:
1、说明:
注释标签用来在源文档中插入注释。
注释会被浏览器忽略。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- dw 表格 边框