dw做可提交的表格.docx

1、dw做可提交的表格竭诚为您提供优质文档/双击可除dw做可提交的表格篇一：用dreamweaver8表格进行页面布局教程用dreamweaver8表格进行页面布局教程本文介绍如何在macromediadreamweaver8中创建基于表格的页面布局。页面布局将确定您的页面在浏览器中会如何显示，例如，显示菜单、图像和macromediaFlash内容将如何放置。表格是用于在html页上显示表格式数据以及对文本和图形进行布局的强有力的工具。您可以使用表格快速轻松地创建布局。在本教程中，您将在一个新的dreamweaver文档中创建若干表格。这些表格的行和单元格实际上用作您将在以后添加的内容的容器框。

2、通常，创建web站点并不是以打开dreamweaver并立即对页面进行布局开始的。创建web站点的初始工作从纸张或图形编辑应用程序(如macromediaFireworks)开始。图形设计人员通常会画出web站点综合图形的草图(也称为草样)，以便向客户展示并确保站点的初始构思能让客户满意。设计草样由客户要求其web站点具有的任意数目的页面元素组成。例如，客户可能会提出：页面顶端要有徽标，要有能链接到其它页面的导航功能，有用于联机存储的部分和可以插入视频剪辑的位置。根据这些讨论，设计人员开始对站点布局进行规划，并制作满足客户要求的示例页面草图。本教程向您提供为cafetownsend(一个需要制

3、作web站点的虚构餐馆)设计的、完整的和符合要求的设计草样。作为web设计人员，您需要对草样进行转换，使之最终形成可以使用的web页面(通常需要其他图形设计人员与Flash开发人员的帮助)。您可以看到，图形设计人员已经向您提供了web页面设计草样，其中包括一些内容区域和图形方案。在下面的部分，您将使用dreamweaver展示此设计。您也可以打开原始草样文件以便在计算机屏幕上查看该设计草样。可以在cafe_townsend文件夹(在教程：设置站点和项目文件中已将该文件夹复制到了硬盘上)的fireworks_assets文件夹中找到设计草样homepage-mockup.jpg。在创建页面时，还

4、可以打印草样以便随时查看，创建并保存新页面。建立站点并检查设计草样后，您就可以开始创建web页面了。首先您将创建一个新页面，并将它保存到您的web站点的本地根文件夹cafe_townsend中。该页面最终将成为虚构餐馆cafetownsend的主页。如果您尚未创建本地根文件夹cafe_townsend，则必须先完成创建，然后再继续。在dreamweaver中，选择文件新建。在新建文档对话框的常规选项卡上，从类别列表中选择基本页，从基本页列表中选择html，然后单击创建。选择文件另存为。在另存为对话框中，浏览至定义为站点的本地根文件夹的cafe_townsend文件夹并打开该文件夹。在教程：设置

5、站点和项目文件中，您在名为local_sites的文件夹中创建了此文件夹。在文件名文本框中输入index.html，然后单击保存。文件名即出现在应用程序窗口顶部的标题栏中。在新文档顶部的文档标题文本框中，键入cafetownsend。这就是页面的标题(与文件名不同)。站点访问者在web浏览器中查看页面时将在浏览器窗口的标题栏中看到此标题。选择文件保存来保存该页面。插入表格接下来，您将添加一个表格，用于放置文本、图形和macromediaFlash资源。在页面上单击一次，在页面左上角放置插入点。选择插入表格。在插入表格对话框中，执行下面的操作：在行数文本框中，输入3。在列数文本框中，输入1。在表

6、格宽度文本框中，输入700。在表格宽度弹出式菜单中，选择像素。在边框粗细文本框中，输入0。在单元格边距文本框中，输入0。在单元格间距文本框中，输入0。单击确定。一个三行一列的表格即出现在文档中。该表格的宽度为700像素，边框、单元格边距和单元格间距均为0。关于表格的更多信息表格是用来在html页上显示表格式数据以及对文本和图形进行布局的强有力工具。表格由一行或多行组成;每行又由一个或多个单元格组成。当您创建包含多个单元格的多行表格时，这些单元格形成列。从技术上来说，一个单元格是水平行中的一个区域，而一列是由这些单元格区域垂直堆积而成的。当选定了表格或表格中有插入点时，dreamweaver会显

7、示表格宽度和表格选择器(由绿色线条指示)中的每个表格列的列宽。宽度旁边是表格标题菜单与列标题菜单的箭头。使用菜单可以快速访问一些与表格相关的常用命令。还可以通过选择查看可视化助理表格宽度来启用或禁用宽度和菜单的显示。表格可以具有边框，表格的单元格可以具有边距、间距或同时具有边距和间距。单元格边距是指单元格内容和单元格边界之间的像素数。单元格间距是指相邻的表格单元格之间的像素数。如果您没有明确指定单元格边距和单元格间距的值，则大多数浏览器按单元格边距设置为1、单元格间距设置为2来显示表格。若要确保浏览器显示的表格没有边距和间距，请将单元格边距和单元格间距设置为0。单击一次该表格右侧取消对它的选择

8、。选择插入表格以插入另一个表格。在插入表格对话框中，对第二个表格执行下面的操作：在行数文本框中，输入1。在列数文本框中，输入3。在表格宽度文本框中，输入700。在表格宽度弹出式菜单中，选择像素。在边框粗细文本框中，输入0。在单元格边距文本框中，输入0。在单元格间距文本框中，输入0。单击确定。第二个表格(该表格具有一行三列)即出现在第一个表格下方。单击该表格右侧取消对它的选择。通过选择插入表格，然后在插入表格对话框中输入以下值来插入第三个表格：在行数文本框中，输入1。在列数文本框中，输入1。在表格宽度文本框中，输入700。在表格宽度弹出式菜单中，选择像素。在边框粗细文本框中，输入0。在单元格边距

9、文本框中，输入0。在单元格间距文本框中，输入0。单击确定。第三个表格(该表格具有一行一列)即出现在第二个表格下方。单击该表格右侧取消对它的选择。您的页面现在应如下所示：注意插入表格后可能会看到表格选择器(由绿色线条指示)。通过在表格外单击，通常可以隐藏表格选择器。也可以通过选择查看可视化助理表格宽度禁用表格选择器。设置表格属性。现在将使用扩展表格模式设置具体的表格属性，扩展表格模式是用于临时添加表格的单元格边距和间距并增加表格边框以简化编辑的一种功能。特别需要指出的是，它使您能够精确地放置插入点，而不会意外选择错误的表格或其它表格内容。注意在扩展表格模式下完成对表格属性的设置后，应总是返回到标

10、准模式。扩展表格模式不属于所见即所得环境，因此某些操作(如调整大小)不会得到预期的结果。选择查看表格模式扩展表格模式。注意如果出现开始使用扩展表格模式对话框，请单击确定。在第一个表格的第一行内单击一次。在属性检查器(窗口属性)的单元格高度文本框中输入90，然后按enter键(windows)或Return键(macintosh)。注意如果未出现单元格高度文本框，请单击属性检查器右下角的展开箭头。在第一个表格的第二行内单击一次。篇二：在dreamweaver中制作细线表格制作细线表格如果仅仅是定义表格的边框为1(border=1)和边框颜色值(如bordercolor=#000000)，表格线其

11、实是2px的，要做细线表格，有2种方法：方法一1、插入表格，参数设置如下图(边框：0单元格填充：0单元格间距：1)：2、选中表格，在属性面板中设置表格的背景颜色为黑色：3、全选所有单元格（光标定位到第一个单元格里，按住shift键单击最后一个单元格，）然后在属性面板中设置所有单元格的背景颜色为白色：4、完成后效果如图：当然，表格边框和单元格的颜色也可以设置为其他颜色，但是不能是同一种颜色。方法二1、插入表格，参数设置：边框：1单元格填充：0单元格间距：02、点击“窗口/标签检查器”，打开标签面板，设置“浏览器指定”：bordercolordark：白色（#FFFFFF）bordercolorl

12、ight:：黑色（#000000）3、完成后如图：篇三：dreamweaver制作数据库页面1、首先确认站点根目录下有专门的数据库存放目录，比如d:newgate下面的database文件夹（有则ok，无则新建）。接着打开microsoftaccess，文件-“新建.”数据库，在弹出的对话框中选择存放路径并命名。2、在新建的数据库中“使用设计器创建表”，弹出的“表1”中设计你的相关字段，注意各自的“数据类型”，还有一点很重要：字段id，类型自动编号，并选择它定为主键。3、设计完“表1”后，直接关闭该窗口，在弹出对话框中点击“是”保存“表1”，并重新命名为user。此时一点需要提到：刚刚强调的设

13、置字段id相关是必须的，否则在保存之后还会出现如下对话框，其效果还是设置类型是自动编号的关键字段。4、这时候数据库表user已经建立完毕。5、双击数据库表user，小添试一下，在弹出的user表中输入相关内容。关闭保存。至此对数据库、表、字段的建立保存工作完毕。下面就开始动用dw操纵mdb文件了。1、打开dw，在站点里面先新建个asp页面（index.asp）。在“应用程序”面板中选中“数据库”标签。只要我们在前面建立了站点，选择了文档类型（即我们选的aspjavascript的），并且还测试了服务器（http:/localhost/newgn/）；则当前我们看到就剩下第四步没有打勾了。那现在

14、就点击“+”号，选择“自定义连接字符串”。2、在弹出来的“自定义连接字符串”对话框中，连接名称随便写一个。“连接字符串”就要好好填写了。dRiVeR=microsoftaccessdriver(*.mdb);dbq=d:newgndatabasecnbruce.mdb这在手工编写asp连接数据库代码中很普遍(相关文章见/ret(dw做可提交的表格)ype/zoom/59ec5733eff9aef8951e0615pn=4&x=0&y=170&raww=500&rawh=139&o=png_6_0_0_178_111_563_157_892.979_1262.879&type=pic&aimh=

15、133.44&md5sum=8e4377c8603c2513c524a5e1b9acf88d&sign=38a94f26aa&zoom=&png=284897-406159&jpg=0-0target=_blank点此查看点击“测试”，出现成功即爽。附注：需要更多了解的，可以打开dw的帮助教程。3、成功连接数据库后，在dw里其实是自动生成了一个连接文件。位置在自动生成的connections文件夹中，名称是你刚才在“自定义连接字符串”随便敲的为命名asp文件。还可以注意到dw数据库标签内看到mdb文件内的各个字段。4、连接数据库的文件是有了，但下面我们具体的单个页面怎么和数据库挂钩呢。选择“绑定”标签，添加“记录集（查询）”。单看字面意思就知道是来sql查询语句了。