表格处理dreamweaver
第五章表格处理
1、表格的作用:
1)存放数据2)布局页面
2、插入表格
步骤:
1)单击网页中需要插入表格的地方
2)在菜单栏选择“插入记录”->“表格”命令,或者单击“常用”工具栏里的“表格”
按钮,或者运用组合键CTRL+ALT+T
3、设置表格大小
行数和列数:
表格宽度:表示表格在页面中宽度的大小。像素设置的是表哥宽度的实际值,
百分比设置的是表格与页面宽度的相对比值。
边框粗细:设置表格边框的粗细效果。
单元格边距:是指单元格中填充内容距离边框的距离大小。
单元格间距:是指相邻单元格之间的距离。
概念:单元格,指的是表格里的每一个格子,就叫做单元格。
理解表格边框、单元格边框、间距、填充(边距)
4、页眉与辅助功能
页眉:用于设置表格的行或列的标题
无:表示不设置表格的行或列的标题
左:表示一行归为一类,可以为每行在第一栏设置一个标题
顶部:表示一列归为一类,可以为每列在头一栏设置一个标题
两者:表示可以同时输入“左”端和“顶部”的标题标题:设置表格的标题名称,默认会出现在表格的上方。
摘要:为表格的备注,不会在网页中显示。
用Dreamweaver8表格进行页面布局教程
用Dreamweaver8表格进行页面布局教程 本文介绍如何在Macromedia Dreamweaver 8 中创建基于表格的页面 布局。页面布局将确定您的页面在浏览器中会如何显示,例如,显示菜单、图像和Macromedia Flash 内容将如何放置。表格是用于在HTML 页上显示表格式数据以及对文本和图形进行布局的强有力的工具。您可以使用表格快速轻松地创建布局。在本教程中,您将在一个新的Dreamweaver 文档中创建若干表格。这些表格的行和单元格实际上用作您将在以后添加的内容的"容器框"。 通常,创建Web 站点并不是以打开Dreamweaver 并立即对页面进行布局开始的。创建Web 站点的初始工作从纸张或图形编辑应用程序(如Macromedia Fireworks)开始。图形设计人员通常会画出Web 站点综合图形的草图(也称为"草样"),以便向客户展示并确保站点的初始构思能让客户满意。 设计草样由客户要求其Web 站点具有的任意数目的页面元素组成。例如,客户可能会提出:"页面顶端要有徽标,要有能链接到其它页面的导航功能,有用于联机存储的部分和可以插入视频剪辑的位置。"根据这些讨论,设计人员开始对站点布局进行规划,并制作满足客户要求的示例页面草图。 本教程向您提供为Cafe Townsend(一个需要制作Web 站点的虚构餐馆) 设计的、完整的和符合要求的设计草样。作为Web 设计人员,您需要对草样进行转换,使之最终形成可以使用的Web 页面(通常需要其他图形设计人员与Flash 开发人员的帮助)。
您可以看到,图形设计人员已经向您提供了Web 页面设计草样,其中包括一些内容区域和图形方案。在下面的部分,您将使用Dreamweaver 展示此设计。 您也可以打开原始草样文件以便在计算机屏幕上查看该设计草样。可以在cafe_townsend 文件夹(在教程:设置站点和项目文件中已将该文件夹复制到了硬盘上)的fireworks_assets 文件夹中找到设计草样homepage-mockup.jpg。在创建页面时,还可以打印草样以便随时查看,创建并保存新页面。 建立站点并检查设计草样后,您就可以开始创建Web 页面了。首先您将创建一个新页面,并将它保存到您的Web 站点的本地根文件夹cafe_townsend 中。该页面最终将成为虚构餐馆Cafe Townsend 的主页。 如果您尚未创建本地根文件夹cafe_townsend,则必须先完成创建,然后再继续。 在Dreamweaver 中,选择"文件">"新建"。 在"新建文档"对话框的"常规"选项卡上,从"类别"列表中选择"基本页",从"基本页"列表中选择"HTML",然后单击"创建"。 选择"文件">"另存为"。在"另存为"对话框中,浏览至定义为站点的本地根文件夹的cafe_townsend 文件夹并打开该文件夹。 在教程:设置站点和项目文件中,您在名为local_sites 的文件夹中创建了此文件夹。 在"文件名"文本框中输入index.html,然后单击"保存"。 文件名即出现在应用程序窗口顶部的标题栏中。 在新文档顶部的"文档标题"文本框中,键入Cafe Townsend。 这就是页面的标题(与文件名不同)。站点访问者在Web 浏览器中查看页面时将在浏览器窗口的标题栏中看到此标题。选择"文件">"保存"来保存该页面。 插入表格 接下来,您将添加一个表格,用于放置文本、图形和Macromedia Flash 资源。在页面上单击一次,在页面左上角放置插入点。 选择"插入">"表格"。在"插入表格"对话框中,执行下面的操作:在"行数"文本框中,输入3。在"列数"文本框中,输入1。在"表格宽度
Dreamweaver创建、编辑表格和单元格
实验5创建、编辑表格和单元格 表格是用于在页面上显示表格式数据以及对文本和图形进行布局的强有力的工具。通过本试验的学习,需要熟悉掌握表格的使用方法,编辑表格和单元格的基本操作。 说明表格是页面布局中极为有用的设计工具。在使用Dreamweaver MX 2004 设计网页的过程中,大多数的情况也是使用表格来定位页面中的基本元素,以使页面中的各元素能够达到有序排列的目的。 对应知识点 插入表格和牵套表格 表格和单元格的属性 添加单元格内容 普通说明文档和表格形式文档各一份。 1.启动Dreamweaver MX 2004 程序,按Cral+N 键创建HTML 为page05.htm。 2.在“文档”面板“标题”栏输入网页名称“时尚生活”。如图5-1所示。 图5-1 输入网页标题 说明在文档面板中的标题设置与在 “页面属性”对话框“标题/编码”区域的标题 设置,是两种设置网页标题的方法。可以达到同 样的效果。 3.在插入面板中选“常用”项,切换到“常用
“面板。单击“表格”按钮按钮,或选择菜单“插入”“表格”命令,弹出如图5-2所示的“表格”对话框。 说明如果“表格”按钮不可用,则说明当前网页编辑窗口处于模式状态,用户可单击“查看”“表格模式”“标准模式”,这样“表格”按钮即可用。 在“行数”和“列数”编辑框内分别输 输入“1”;在“表格宽度”编辑框内输入100,选择“百分比”选项;在“边框粗细”编 说明在“单元格边距”编辑框中设置单元格 图5-2 “表格”对话框图 内容与单元格边界之间的像素数,默认值为2像素;在“单元格间距”编辑框中设置为每个单元格之间的像素数,默认值为2像素;在“页眉”选项框下有四种样式,表格设置表格内标题的 四种形式,分别为:无页眉、左页眉、顶部页眉和左侧、顶部都有页眉;在“标题”编辑框内输入所插入表格的标题;在“对齐标题”下拉列表中选择标题对其的方式,分别为:默认、顶部、底部、左和右;在“摘要”编辑框内输入所建表格的说明,会自动以代码形式加入
如何用Dreamweaver插入表格
用Dreamweaver CS6插入表格
“列项宽度” | “列项宽度” | “列项宽度” | “列项宽度” | “列项宽度” | “列项宽度” |
---|---|---|---|---|---|
“行项标题” | |||||
“行项标题” | |||||
“行项标题” | |||||
“行项标题” |
dreamweaver,表格颜色
竭诚为您提供优质文档/双击可除dreamweaver,表格颜色 篇一:在dreamweaver中制作细线表格 制作细线表格 如果仅仅是定义表格的边框为1(border="1")和边框颜 色值(如bordercolor="#000000"),表格线其实是2px的, 要做细线表格,有2种方法: 方法一 1、插入表格,参数设置如下图(边框:0单元格填充:0单元格间距:1): 2、选中表格,在属性面板中设置表格的背景颜色为黑色: 3、全选所有单元格(光标定位到第一个单元格里,按 住shift键单击最后一个单元格,)然后在属性面板中设置 所有单元格的背景颜色为白色: 4、完成后效果如图: 当然,表格边框和单元格的颜色也可以设置为其他颜色,但是不能是同一种颜色。 方法二
1、插入表格,参数设置:边框:1 单元格填充:0 单元格间距:0 2、点击“窗口/标签检查器”,打开标签面板,设置“浏览器指定”: bordercolordark:白色(#FFFFFF) bordercolorlight::黑色(#000000) 3、完成后如图: 篇二:dreamweaver表格属性 2.把插入点放在表格中,然后在文档左下角的“标签选择器”中选择table标签。 3.选择“窗口”/“标签检查器”,打开“标签检查器”面板。 设置表格外围边框的显示状况。 在标签检查器中,单击frame属性右边的下拉箭头。 在标签选择器中,单击rules属性右边的下拉箭头。 thead,tbody,tfoot,和 colgroup标记定义。 设置表格的亮边框和暗边框 为了使效果明显,实例中插入三行三列、边框为 6、边框颜色为黑色的表格。 在“标签检查器”中选择bordercolordark,设置表格
Dreamweaver选择表格元素
Dreamweaver选择表格元素 ?出处:站长百科 ?原文地址:https://www.360docs.net/doc/e31590265.html,/wiki/Dreamweaver/选择表格元素 ?本电子书整理自站长百科Dreamweaver/选择表格元素词条,查看内容请访问网站 目录 Dreamweaver选取表格 (2) Dreamweaver选择行或列 (2) Dreamweaver选择单元格 (3) 扩展表格 (4) 相关条目 (6) 更多电子书 (6) 站长百科: 站长百科(https://www.360docs.net/doc/e31590265.html,/wiki)站长自己的百科全书分享自己的建站知识 WIKI平台与站长一道共建知识库站长百科活动不断论坛发帖赚银币! 参加1美元竞拍更有机会赢2G超大免费空间! 超值好礼等您拿 站长百科(https://www.360docs.net/doc/e31590265.html,)精彩不断论坛发帖赚银币!参加1美元银币竞拍,轻松拿钱不是梦!更有机会赢2G超大免费空间!期期精彩惊喜不断超值好礼等您拿 站长百科源码下载,提供国内外优秀php、asp、jsp源代码程序,更有CMS、编程技术等丰富电子书,站长百科教程组倾力打造的视频教程,是你学习的最佳选择。 ?出处:站长百科 ?原文地址:https://www.360docs.net/doc/e31590265.html,/wiki/Dreamweaver/选择表格元素 ?本电子书整理自站长百科Dreamweaver/选择表格元素词条,查看最新内容请访问网站
推荐内容:关键词排名检索工具 | 收录数量查询工具 Dreamweaver选取表格 可以使用多种方法一次选择整个表格。 若要选择整个表格,请执行以下操作之一: 1.单击表格的左上角、表格的顶边缘或底边缘的任何位置或者行或列的边框。注意: 当您可以选择表格时,鼠标指针会变成表格网格图标(除非您单击行或列边框)。 2.单击某个表格单元格,然后在“文档”窗口左下角的标签选择器中选择< table >标签。 3.单击某个表格单元格,然后选择“修改”>“表格”>“选择表格”。 4.单击某个表格单元格,单击表格标题菜单,然后选择“选择表格”。 所选表格的下边缘和右边缘出现选择柄。 Dreamweaver选择行或列 可以选择单个行或列或者多个行或列。 若要选择单个或多个行或列,请执行以下操作: 1.定位鼠标指针使其指向行的左边缘或列的上边缘。 ?出处:站长百科 ?原文地址:https://www.360docs.net/doc/e31590265.html,/wiki/Dreamweaver/选择表格元素 ?本电子书整理自站长百科Dreamweaver/选择表格元素词条,查看最新内容请访问网站
dw表格嵌套插入
竭诚为您提供优质文档/双击可除 dw表格嵌套插入 篇一:5dreamweaver8嵌套表格 dreamweaver8.0入门图文教程:dreamweaver8 嵌套 表格 [新浪ViVi][百度搜藏][qq书签] [作者:未知|点击数:467|时间:20xx-12-4]【大中小】表格之中还有表格即嵌套表格。 网页的排版有时会很复杂,在外部需要一个表格来控制总体布局,如果内部排版的细节也通过总表格来实现,容易引起行高列宽等的冲突,给表格的制作带来困难。其次,浏览器在解析网页的时候,是将整个网页的结构下载完毕之后才显示表格,如果不使用嵌套,表格非常复杂,浏览者要等待很长时间才能看到网页内容。 引入嵌套表格,由总表格负责整体排版,由嵌套的表格负责各个子栏目的排版,并插入到总表格的相应位置中,各司其 职,互不冲突。
另外,通过嵌套表格,利用表格的背景图像、边框、单元格间距和单元格边距等属性可以得到漂亮的边框效果,制作出精美的音画贴图网页。 创建嵌套表格的操作方法,先插入总表格,然后将光标置于要插入嵌套表格的地方,继续插入表格即可。 1、将光标放置在文档窗口要插入表格的位置,单击常用插入栏“表格”按钮,插入一个1行1列的表格一,宽度500像素,高度100%,边框为0,单元格间距为0,单元格边距为12像素。背景图像选择beij/003.gif。 2、将光标放置在表格一内,插入表格二,1行1列,宽度100%,高度100%,边框为0,单元格间距为0,单元格边距为12像素。背景图像选择beij/002.gif。 3、将光标放置在表格二内,插入表格二,1行1列,宽度100%,高度100%,单元格间距和单元格边距都为8像素,边框为10,边框颜色为#Fee4ed。背景图像选择 beij/005.gif。 4、将光标放置在表格三内,选择单元格的背景图像为beij/006.gif。添加文字“恭贺新禧”,字号68px,字体为隶书,颜色为#a51008。 三、表格的格式化做好的表格可以使用dw提供的预设外观,可以提高制作效率,保持表格外观的同一性,同时样式提供的色彩搭配也比较美观。
19.隐藏Dreamweaver表格的边框技巧
隐藏Dreamweaver表格的边框技巧 首先插入一个2行2列的表格,如下图所示。