dreamweaver表格在页面不显示

dreamweaver表格在页面不显示 篇一:用Dreamweaver8表格进行页面布局教程 用Dreamweaver8表格进行页面布局教程本文介绍如何在 Macromedia Dreamweaver 8 中创建基于表格的页面布局。页面布局将确定您的页面在浏览器中会如何显示，例如，显示菜单、图像和 Macromedia Flash 将如何放置。表格是用于在 HTML 页上显示表格式数据以及对文本和图形进行布局的强有力的工具。您可以使用表格快速轻松地创建布局。在本教程中，您将在一个新的 Dreamweaver 文档中创建若干表格。这些表格的行和单元格实际上用作您将在以后添加的内容的容器框。通常，创建 Web 站点并不是以打开 Dreamweaver 并立即对页面进行布局开始的。创建 Web 站点的初始工作从纸张或图形编辑应用程序(如 Macromedia Fireworks)开始。图形设计人员通常会画出 Web 站点综合图形的草图(也称为草样)，以便向客户展示并确保站点的初始构思能让客户满意。设计草样由客户要求其 Web 站点具有的任意数目的页面元素组成。例如，客户可能会提出:页面顶端要有徽标，要有能链接到其它页面的导 1 航功能，有用于联机存储的部分和可以插入视频剪辑的位置。根据这些讨论，设计人员开始对站点布局进行规划，并制作满足客户要求的示例页面草图。 本教程向您提供为 Cafe Townsend(一个需要制作 Web 站点的虚构餐馆)设计的、完整的和符合要求的设计草样。作为 Web 设计人员，您需要对草样进行转换，使之最终形成可以使用的 Web 页面(通常需要其他图形设计人员与 Flash 开发人员的帮助)。 您可以看到，图形设计人员已经向您提供了 Web 页面设计草样，其中包括一些内容区域和图形。在下面的部分，您将使用 Dreamweaver 展示此设计。 您也可以打开原始草样文件以便在计算机屏幕上查看该设计草样。可以在 cafe_townsend 文件夹(在教程:设置站点和项目文件中已将该文件夹复制到了硬盘上)的 fireworks_assets 文件夹中找到设计草样 homepage-mockup.jpg。在创建页面时，还可以打印草样以便随时查看，创建并保存新页面。 建立站点并检查设计草样后，您就可以开始创建 Web 页面了。首先您将创建一个新页面，并将它保存到您的 Web 站点的本地根文件夹 cafe_townsend 中。该页面最终将成为虚构餐馆 Cafe Townsend 的主页。 如果您尚未创建本地根文件夹 cafe_townsend，则必须先完成创建，然后再继续。 2 在 Dreamweaver 中，选择文件新建。 在新建文档对话框的常规选项卡上，从类别列表中选择基本页，从基本页列表中选择HTML，然后单击创建。 选择文件另存为。在另存为对话框中，浏览至定义为站点的本地根文件夹的 cafe_townsend 文件夹并打开该文件夹。 在教程:设置站点和项目文件中，您在名为 local_sites 的文件夹中创建了此文件夹。 在文件名文本框中输入 index.html，然后单击保存。 文件名即出现在应用程序窗口顶部的标题栏中。 在新文档顶部的文档标题文本框中，键入 Cafe Townsend。 这就是页面的标题(与文件名不同)。站点访问者在 Web 浏览器中查看页面时将在浏览器窗口的标题栏中看到此标题。选择文件保存来保存该页面。插入表格 接下来，您将添加一个表格，用于放置文本、图形和 Macromedia Flash 资源。在页面上单击一次，在页面左上角放置插入点。 选择插入表格。在插入表格对话框中，执行下面的操作: 在行数文本框中，输入 3。在列数文本框中，输入 1。在表格宽度 文本框中，输入 700。在表格宽度弹出式菜单中，选择 3 像素。 在边框粗细文本框中，输入 0。 在单元格边距文本框中，输入 0。在单元格间距文本框中，输入 0。单击确定。 一个三行一列的表格即出现在文档中。该表格的宽度为 700 像素，边框、单元格边距和单元格间距均为0。 关于表格的更多信息 表格是用来在 HTML 页上显示表格式数据以及对文本和图形进行布局的强有力工具。表格由一行或多行组成;每行又由一个或多个单元格组成。当您创建包含多个单元格的多行表格时，这些单元格形成列。从技术上来说，一个单元格是水平行中的一个区域，而一列是由这些单元格区域垂直堆积而成的。 当选定了表格或表格中有插入点时，Dreamweaver 会显示表格宽度和表格选择器(由绿色线条指示)中的每个表格列的列宽。 宽度旁边是表格标题菜单与列标题菜单的箭头。使用菜单可以快速访问一些与表格相关的常用命令。还可以通过选择查看可视化助理表格宽度来启用或禁用宽度和菜单的显示。 表格可以具有边框，表格的单元格可以具有边距、间距或同时具有边距和间距。单元格边距是指单元格内容和单元格边界之间的像素数。单元格间距是指相邻的表格单元格之间的像素数。如果您没有明确指定单元格边距和单元格间距 4 的值，则大多数浏览器按单元格边距设置为 1、单元格间距设置为 2 来显示表格。若要确保浏览器显示的表格没有边距和间距，请将单元格边距和单元格间距设置为0。 单击一次该表格右侧取消对它的选择。 选择插入表格以插入另一个表格。 在插入表格对话框中，对第二个表格执行下面的操作: 在行数文本框中，输入 1。 在列数文本框中，输入 3。 在表格宽度文本框中，输入 700。 在表格宽度弹出式菜单中，选择像素。 在边框粗细文本框中，输入 0。 在单元格边距文本框中，输入 0。 在单元格间距文本框中，输入 0。 单击确定。 第二个表格(该表格具有一行三列)即出现在第一个表格下方。 单击该表格右侧取消对它的选择。 通过选择插入表格，然后在插入表格对话框中输入以下值来插入第三个表格: 在行数文本框中，输入 1。 在列数文本框中，输入 1。在表格宽度文本框中，输入 700。 在表格宽度弹出式菜单中，选择像素。 在边框粗细文本框中，输入 0。 在单元格边距文本框中，输入 0。 在单元格间距文本框中，输入 0。 单击确定。第三个表格(该表格具有一行一列)即出现在第二个表格下方。 单击该表格右侧取消对它的选择。您的页面现在应如下 5 所示: 注意插入表格后可能会看到表格选择器(由绿色线条指示)。通过在表格外单击，通常可以隐藏表格选择器。也可以通过选择查看可视化助理表格宽度禁用表格选择器。 设置表格属性。 现在将使用扩展表格模式设置具体的表格属性，扩展表格模式是用于临时添加表格的单元格边距和间距并增加表格边框以简化编辑的一种功能。特别需要指出的是，它使您能够精确地放置插入点，而不会意外选择错误的表格或其它表格内容。 注意在扩展表格模式下完成对表格属性的设置后，应总是返回到 模式。扩展表格模式不属于所见即所得环境，因此某些操作(如调整大小)不会得到预期的结果。 选择查看表格模式扩展表格模式。 注意如果出现开始使用扩展表格模式对话框，请单击确定。 在第一个表格的第一行内单击一次。 在属性检查器(窗口属性)的单元格高度文本框中输入 90，然后按 Enter 键 (Windows) 或 Return 键 (Macintosh)。 注意如果未出现单元格高度文本框，请单击属性检查器右下角的展开箭头。 在第一个表格的第二行内单击一次。 篇二:Dreamweaver_2--基于表格的页面布局 6 Dreamweaver cs4 网站制作入门 网站制作实例一: Cafe Townsend Cafe Townsend 一、创建工作目录 工作目录就是你建立站点时所要使用的本地文件夹，Dreamweaver 将此文件夹称为本地站点。本地文件夹通常是你的计算机硬盘上的一个文件夹，例如:D:\mywebsites 。 1、在 D:盘上创建名为 mywebsites 的新文件夹。 2、下载所需素材。cafe_townsend.rar 3、将下载得到的素材解压缩到 mywebsites 文件夹中。 你将使用 D:\mywebsites\cafe_townsend 文件夹作为站点“cafe townsend” 的根文件夹(主文件夹)。 二、定义本地文件夹 您必须为创建的每一个新 Web 站点定义 Dreamweaver 本地文件夹。本地文件夹是您在硬盘上用来存储站点文件的工作副本的文件夹。如果不定义本地文件夹，Dreamweaver 中的某些功能可能无法正确运行。 如果定义了本地文件夹，您还可以管理文件，并使用一些文件传输在本地与 Web 服务器之间传输文件。 1、启动 Dreamweaver，选择“站点 ”“管理站点”。 2、在弹出的“管理站点”对话框中单击“新建”按钮，然后选择“站点”。 7 3、在弹出的“站点定义”对话框中，如果显示向导(“基本”选项卡)，则单击“高级”选项卡，然后从“分类”列表中选择“本地信息”(它应当是默认选项)。 4、在“站点名称”文本框中，输入 Cafe Townsend 作为站点名称。 5、在“本地根文件夹”文本框中，指定在上一节中复制到 D:\mywebsite 文件夹中的 cafe_townsend 文件夹。你可以单击文件夹图标来浏览并选择该文件夹，或者在“本地根文件夹”文本框中输入路径。 6、在“默认图像文件夹”文本框中，指定 cafe_townsend 文件夹中已有的 images 文件夹。你可以单击文件夹图标来浏览并选择该文件夹，或者在“默认图像文件夹”文本框中输入路径。 7、单击“确定”。随即出现“管理站点”对话框，显示您的新站点。 8、单击“完成”关闭“管理站点”对话框。此时“文件”面板显示当前站点的新本地根文件夹。“文件”面板中的文件列表将充当文件管理器，允许您复制、粘贴、删除、移动和打开文件，就象在计算机桌面上一样。 现在，已经为您的站点定义了一个本地根文件夹。本地根文件夹是本地计算机上用来存储 Web 页面的工作副本的文件夹。如果您以后想要发布页面并使其可供公众访问， 8 则需要在运行 Web 服务器的远程计算机上定义一个远程文件夹，用来存储本地文件的已发布副本。 三、了解你的任务 下图是一张为 Cafe Townsend(一个需要制作 Web 站点的虚构餐馆)设计的、完整的和符合要求的设计草样。作为 Web 设计人员，您需要对草样进行转换，使之最终形成可以使用的 Web 页面。 创建基于表格的页面布局 表格是用于在 HTML 页上显示表格式数据以及对文本和图形进行布局的强有力的工具。你可以使用表格快速轻松地创建布局。在本实例中，你将在一个新的 Dreamweaver 文档中创建若干表格。这些表格的行和单元格实际上将用作你将在以后添加的内容的“容器框”。 一、创建并保存新页面 建立站点并检查设计草样后，你就可以开始创建 Web 页面了。首先你将创建一个新页面，并将它保存到你的 Web 站点的本地根文件夹 my site 中。该页面最终将成为虚构餐馆 Cafe Townsend 的主页。 1、在 Dreamweaver 中，选择“文件”“新建”。 2、在“新建文档”对话框的“常规”选项卡上，从“类别”列表中选择“基本页”，从“基本页”列表中选择“HTML”，然后单击“创建”。 9 3、选择“文件”“另存为”。 4、在“另存为”对话框中，浏览至定义为站点的本地根文件夹的 my site 文件夹并打开该文件夹。 5、在“文件名”文本框中输入 index.html，然后单击“保存”。 文件名即出现在应用程序窗口顶部的标题栏中。 6、在新文档顶部的“文档标题”文本框中，键入 Cafe Townsend。这就是页面的标题。站点访问者在 Web 浏览器中查看页面时将在浏览器窗口的标题栏中看到此标题。 7、选择“文件”“保存”来保存该页面。 保存前: 保存后: 二、插入表格: 接下来，您将添加一个表格，用于放置文本、图形和 Macromedia Flash 资源。 1、在页面上单击一次，在页面左上角放置插入点。 2、选择“插入”“表格”。 3、在“插入表格”对话框中，执行下面的操作: a. 在“行数”文本框中，输入 3。 在“列数”文本框中，输入 1。 在“表格宽度”文本框中，输入 700。 在“表格宽度”弹出式菜单中，选择“像素”。 在“边框粗(来自:WWw.xlTkwj.com 小龙文 档网:dreamweaver表格在页面不显示)细”文本框中，输入 1。 10 在“单元格边距”文本框中，输入 0。 在“单元格间距”文本框中，输入 0。 篇三:16.Dreamweaver教程用表格搭建页面 Dreamweaver教程:用表格搭建页面 现在有好几种尺寸的显示器，“14、15、17、19”英寸，网页要在每个显示器上显示正常，就要设置恰当的参数，常用的是在页面中插入表格放内容，采用象素和百分比两种。 采用象素为单位，是以使用最多的显示器为参照的，现在数量最多的显示器是15英寸和17英寸的，所以页面使用象素为单位时，是以15英寸为标准，常用800×600的分辨率。 使用百分比，可以在各种显示器上有相同的效果，宽度设置为100,时，在各种显示器上全屏显示。下面分别介绍这两种方法。 简明步骤:打开一个页面?插入表格?设置表格宽度 在以前建立的media站点中，新建index.htm文件，双击打开。 点击插入表格图标 打开“插入表格”对话框，设置行数为1，列数为1，宽度选百分比，值为100，边框为0 在下面直接按确定 一个可以在各种显示器上全屏幕显示的网页就搭建好了。以后要做的是在表格里填充内容。 11 下面介绍象素大小的表格设置，选择像素为单位，值为768。可以在15英寸显示器上全屏幕显示，在17英寸显示器上也有好的显示效果。相对使用百分比制作网页，采用像素比较简单。 使用像素作单位时，可以用不同的值，下面是一些站点的宽度值: 5D多媒体/首页:宽760像素。 Microsoft 中文主页/china/ms.htm:宽100, Apple中国主页:宽680像素。 三星电子.cn/:宽700像素。 联想/:宽725像素。 以上这些站点的网页宽度，宽度没有一个固定值。 做一个在800×600分辨率下满屏幕显示的页面，可以大致选择一个近似的值:“宽768高430”，“宽776高430”等。 用像素为单位的表格，大多是把表格设置为居中对齐。选中表格，在属性面板选择对齐方式为居中对齐。 完全下载一个表格的内容，才能在IE中显示出来。如果页面文件小，可以只有一个表格放内容。如果页面文件很大，可以在页面中，从上到下放几个宽度相同的表格，分别放不同的内容，这样就会一个一个显示表格里面的内容，不用等整个网页的内容下载完。下面是Apple中国主页的结构 12 13