dw表格背景颜色.docx

dw表格背景颜色.docx

《dw表格背景颜色.docx》由会员分享，可在线阅读，更多相关《dw表格背景颜色.docx（6页珍藏版）》请在冰豆网上搜索。

dw表格背景颜色

竭诚为您提供优质文档/双击可除

dw,表格背景颜色

　　篇一：

如何在dreamweaver中制作表格美化页面

　　如何在dreamweaver中制作表格美化页面

　　在浏览网页的时候可以发现，很多用于网站排版的表格都是经过美化处理的，这些表格不仅起了布局排版的作用，而且在很大程度上美化了网页，使网页看起来更加漂亮、新颖。

效果说明

　　利用表格美化页面的方式有很多种。

本例制作出来的带有层次感的表格如图8-1所示。

　　创作思想

　　利用表格美化页面并不需要很多的制作技巧。

例如本例只需要进行简单的表格嵌套（即在表格中插入表格），即可达到美化效果。

　　操作步骤

（1）新建一个页面文件，然后在编辑区域中插入一个2×1的表格，并设置表格的基本属性参数，如图8-2所示。

（2）设置表格。

将光标置于第一行的单元格中，再将单元格的背景颜色设置为#69a538，并应用同样的方法将第二行单元格的背景颜色设置为#8Fcb5a。

设置完成后将光标至于第一行的单元格中，然后在此单元格中插入一个1×5的表格，并设置表格的基本属性参数，如图8-3所示。

　　（3）录入文字并设置单元格。

在新插入的表格的所有单元格中输入文字，然后选中所有单元格，设置单元格的相关属性，如图8-4所示。

　　（4）改变其中一个单元格的文字颜色和背景颜色，使其突出显示，如图8-5所示。

　　（5）保存页面文件并按F12键进行预览，此时即可得到带有层次感的表格效果。

至此，本实例操作完毕。

读者可参考随书光盘中本实例素材文件夹里的mhtable.htm文件，查看制作的结果是否正确。

表格是网页中必不可少的元素之一，美化表格也就顺理成章，成为决定网页美观与否的关键。

　　篇二：

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、元素可定义下拉列表中的一个选项（dw,表格背景颜色）（一个条目）。

　　格式：

张三，其中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、说明：

注释标签用来在源文档中插入注释。

注释会被浏览器忽略。

　　篇三：

表格处理dreamweaver

　　第五章表格处理1、表格的作用：

　　1）存放数据2）布局页面

　　2、插入表格步骤：

　　1）单击网页中需要插入表格的地方

　　2）在菜单栏选择“插入记录”->“表格”命令，或者单击“常用”工具栏里的“表格”

　　按钮

　　，或者运用组合键ctRl+alt+t

　　3、设置表格大小

　　行数和列数：

　　表格宽度：

表示表格在页面中宽度的大小。

像素设置的是表哥宽度的实际值，百分比设置的是表格与页面宽度的相对比值。

边框粗细：

设置表格边框的粗细效果。

　　单元格边距：

是指单元格中填充内容距离边框的距离大小。

单元格间距：

是指相邻单元格之间的距离。

　　概念：

单元格，指的是表格里的每一个格子，就叫做单元格。

　　理解表格边框、单元格边框、间距、填充（边距）

　　4、页眉与辅助功能

　　页眉：

用于设置表格的行或列的标题

　　无：

表示不设置表格的行或列的标题

　　左：

表示一行归为一类，可以为每行在第一栏设置一个标题顶部：

表示一列归为一类，可以为每列在头一栏设置一个标题两者：

表示可以同时输入“左”端和“顶部”的标题标题：

设置表格的标题名称，默认会出现在表格的上方。

摘要：

为表格的备注，不会在网页中显示。

　　二、表格的设置

　　1实例一足球明星相册

　　要求：

　　1）标题“足球明星”设置字体：

黑体、大小：

36像素、颜色：

#FFcc33、居中对齐2）创建导航位置的表格1行5列、表格宽度700像素、边框为0、填充3、间距0、背景

　　颜色为：

#FF99cc、每个单元格必须一样宽，且里面的文字居中对齐。

3）设置网页背景颜色为：

#009900，设置导航链接4）创建图像展示表格3行4列。

　　知识点：

　　1）选定表格和单元格

　　表格包括行、列、单元格3个组成部分。

a、选定整个表格b、选定行或列c、选定单元格

　　2）设置表格和单元格的属性3）调整表格的尺寸

　　选定表格→鼠标拖动

　　设置属性值

　　调整行和列的宽度

　　2、实例二、制作课程表

　　步骤一：

插入5行6列的表格，宽度为500像素，边框、填充、间距各为1；并调整表格录入文字如下图所示：

　　知识点：

　　1）添加/删除行列

　　通过表格【属性】面板增加与删除表格的行和列

　　通过【修改】菜单完成增加与删除表格的行和列2）单元格的合并和拆分

　　3）单元格的复制、粘贴、移动和清除在网页编辑窗口中选中要复制的对象

　　1.复制－－按ctrl+c，或【编辑】｜【复制】命令。

2.移动－－按ctrl+x，或【编辑】｜【剪切】]命令。

3.粘贴－－按ctrl+V，或【编辑】｜【粘贴】命令。

　　4.拖动－－按住ctrl＋拖，则完成复制操作。

直接拖曳可完成对象的操作。

5.清除－－按delete，或【编辑】｜【清除】命令。

　　步骤二：

在步骤一的基础上，设置表格属性，如下图所示效果：

　　步骤三：

设置单元格属性，完成课程表。

如下图所示：

　　要求：

1）所有单元格居中对齐，字体大小为12px2）第一列和第二行字体加粗

　　3）第二行背景颜色设置为：

#b6c9d7；填写科目的单元格设置背景颜色：

#e9F1F84）最上一行字体：

隶书36px红色；设置行高70像素；背景图片：

bg.gif

　　5）左上角单元格，插入图片logo.gif，设置图片宽和高为60,并设置图片在单元格的顶部对齐。

　　6）最下一行设置行高20像素；背景颜色：

#b6c9d7，边框颜色：

#FF0000

　　3、表格的html标记表格的标签：

　　表格标记行标记

　　单元格标记空格

　　三、表格嵌套

　　1．概念：

就是在表格的单元格中再插入表格，形成嵌套的结构。

或者就是说在已有的表格中再创建表格。