dw做可提交的表格Word文档格式.docx
《dw做可提交的表格Word文档格式.docx》由会员分享,可在线阅读,更多相关《dw做可提交的表格Word文档格式.docx(4页珍藏版)》请在冰豆网上搜索。
本教程向您提供为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。
单元格边距"
单元格间距"
单击"
确定"
一个三行一列的表格即出现在文档中。
该表格的宽度为700像素,边框、单元格边距和单元格间距均为0。
关于表格的更多信息表格是用来在html页上显示表格式数据以及对文本和图形进行布局的强有力工具。
表格由一行或多行组成;
每行又由一个或多个单元格组成。
当您创建包含多个单元格的多行表格时,这些单元格形成列。
从技术上来说,一个单元格是水平行中的一个区域,而一列是由这些单元格区域垂直堆积而成的。
当选定了表格或表格中有插入点时,dreamweaver会显示表格宽度和表格选择器(由绿色线条指示)中的每个表格列的列宽。
宽度旁边是表格标题菜单与列标题菜单的箭头。
使用菜单可以快速访问一些与表格相关的常用命令。
还可以通过选择"
查看"
可视化助理"
来启用或禁用宽度和菜单的显示。
表格可以具有边框,表格的单元格可以具有边距、间距或同时具有边距和间距。
单元格边距是指单元格内容和单元格边界之间的像素数。
单元格间距是指相邻的表格单元格之间的像素数。
如果您没有明确指定单元格边距和单元格间距的值,则大多数浏览器按单元格边距设置为1、单元格间距设置为2来显示表格。
若要确保浏览器显示的表格没有边距和间距,请将单元格边距和单元格间距设置为0。
单击一次该表格右侧取消对它的选择。
以插入另一个表格。
对话框中,对第二个表格执行下面的操作:
第二个表格(该表格具有一行三列)即出现在第一个表格下方。
单击该表格右侧取消对它的选择。
通过选择"
,然后在"
对话框中输入以下值来插入第三个表格:
第三个表格(该表格具有一行一列)即出现在第二个表格下方。
您的页面现在应如下所示:
注意插入表格后可能会看到表格选择器(由绿色线条指示)。
通过在表格外单击,通常可以隐藏表格选择器。
也可以通过选择"
禁用表格选择器。
设置表格属性。
现在将使用"
扩展表格"
模式设置具体的表格属性,"
模式是用于临时添加表格的单元格边距和间距并增加表格边框以简化编辑的一种功能。
特别需要指出的是,它使您能够精确地放置插入点,而不会意外选择错误的表格或其它表格内容。
注意在"
模式下完成对表格属性的设置后,应总是返回到"
标准"
模式。
模式不属于所见即所得环境,因此某些操作(如调整大小)不会得到预期的结果。
表格模式"
扩展表格模式"
注意如果出现"
开始使用扩展表格模式"
对话框,请单击"
在第一个表格的第一行内单击一次。
属性"
检查器("
窗口"
)的"
单元格高度"
文本框中输入90,然后按enter键(windows)或Return键(macintosh)。
注意如果未出现"
文本框,请单击"
检查器右下角的展开箭头。
在第一个表格的第二行内单击一次。
篇二:
在dreamweaver中制作细线表格
制作细线表格
如果仅仅是定义表格的边框为1(border="
1"
)和边框颜色值(如bordercolor="
#000000"
),表格线其实是2px的,要做细线表格,有2种方法:
方法一
1、插入表格,参数设置如下图(边框:
0单元格填充:
0单元格间距:
1):
2、选中表格,在属性面板中设置表格的背景颜色为黑色:
3、全选所有单元格(光标定位到第一个单元格里,按住shift键单击最后一个单元格,)然后在属性面板中设置所有单元格的背景颜色为白色:
4、完成后效果如图:
当然,表格边框和单元格的颜色也可以设置为其他颜色,但是不能是同一种颜色。
方法二
1、插入表格,参数设置:
边框:
1
单元格填充:
单元格间距:
2、点击“窗口/标签检查器”,打开标签面板,设置“浏览器指定”:
bordercolordark:
白色(#FFFFFF)
bordercolorlight:
:
黑色(#000000)
3、完成后如图:
篇三:
dreamweaver制作数据库页面
1
、首先确认站点根目录下有专门的数据库存放目录,比如d:
\newgate下面的
database文件夹(有则ok,无则新建)。
接着打开microsoftaccess,"
---“新建...”数据库,在弹出的对话框中选择存放路径并命名。
2、在新建的数据库中“使用设计器创建表”,弹出的“表1”中设计你的相关字段,注意各自的“数据类型”,还有一点很重要:
字段id,类型自动编号,并选择它定为主键。
3、设计完“表1”后,直接关闭该窗口,在弹出对话框中点击“是”保存“表1”,并重新命名为user。
此时一点需要提到:
刚刚强调的设置字段id相关是必须的,否则在保存之后还会出现如下对话框,其效果还是设置类型是自动编号的关键字段。
4、这时候数据库表user已经建立完毕。
5、双击数据库表user,小添试一下,在弹出的user表中输入相关内容。
关闭保存。
至此对数据库、表、字段的建立保存工作完毕。
下面就开始动用dw操纵mdb文件了。
1、打开dw,在站点里面先新建个asp页面(index.asp)。
在“应用程序”面板中选中“数据库”标签。
只要我们在前面建立了站点,选择了文档类型(即我们选的aspjavascript的),并且还测试了服务器(http:
//localhost/newgn/);
则当前我们看到就剩下第四步没有打勾了。
那现在就点击“+”号,选择“自定义连接字符串”。
2、在弹出来的“自定义连接字符串”对话框中,"
连接名称"
随便写一个。
“连接字符串”就要好好填写了。
dRiVeR={microsoftaccessdriver
(*.mdb)};
dbq=d:
\newgn\database\cnbruce.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=133.44&
md5sum=8e4377c8603c2513c524a5e1b9acf88d&
sign=38a94f26aa&
zoom=&
png=284897-406159&
jpg=0-0"
target="
_blank"
点此查看
点击
“测试”,出现成功即爽。
附注:
需要更多了解的,可以打开dw的帮助教程。
3、成功连接数据库后,在dw里其实是自动生成了一个连接文件。
位置在自动生成的connections文件夹中,名称是你刚才在“自定义连接字符串”随便敲的为命名asp文件。
还可以注意到dw数据库标签内看到mdb文件内的各个字段。
4、连接数据库的文件是有了,但下面我们具体的单个页面怎么和数据库挂钩呢。
选择“绑定”标签,添加“记录集(查询)”。
单看字面意思就知道是来sql查询语句了。