GOLIVE5.0教程(五十三)

教程

5.1 设计并制作表格

  在Internet世界中,很难看到没有使用表格(Tables)的Web页面,各Web页面制作软件也都无一例外的提供了创建表格的功能。尽管表格中文本与物件将在浏览时占用较长的处理时间,但还被广泛用来定位Web页面中的文本、图像,以及各种物件。可以说没有表格的Web页面内容一定是非常单调。那么,GoLive 5在创建与处理表格方面的功能如何呢?说来您一定会大吃一惊,而要说的也太多了,突出的部分特点有:

  1.轻松创建表格标题

  “表格标题”是位于表格边框线上方的一行文本,谁也没有想到GoLive 5会提供制定它的功能,这种做法为Web页面制作人员节省了宝贵时间,而且您还能在表格之外对该标题文本应用文本格式,并不受表格单元格的排列限制,但却随表格的存在而存在,删除表格即可将它一并删除,真是方便极了!

  2.用户化表格中的行与列

  与同类软件一样,GoLive 5也能处理表格中的个别的行与列,而且实用性可强啦!可以选定一些行与列,然后指定其背景颜色、对齐方式,从而创建一种预设的风格,并将它应用于其它表格中。例如,您可以设计一种由不同背景颜色构成的表格,然后保存该设计,让其它的表格也使用它。此外,仅用拖动的方法即可“合并”某些行或者列。

  3.排序表格中的数据

  许多朋友问我们:GoLive 5真的有排序表格中数据的功能?就像数据库管理软件那样吗?是的!这是真的!这个软件能将表格中的数据内容按数字或者字母顺序来排序,而且不但能排序整张表格,还能仅排序选定的个别行或者列,或者个别的单元格,也能处理中文字符,只是一次能处理的数据量不宜过大,但已足以满足Web页面的需要。更让人称奇的是,您不必像使用专业数据库软件那样,事先得制定好索引或者关键字,否则就不能进行排序,在GoLive 5中选定所要排序的内容,然后指定升序还是降序排列就行了,操作可简单了!

  为了创建一张表格,可以从Objects面板中将Table图标拖至文档窗口中,如图1中光标所指处。

图1 将Table图标拖至此处

  上述操作建立了一份新文档。若使用File下拉菜单中的New命令,所建立的新文档将是一张空白Web页面,而新的文档通常是站点中的附属Web页面,也就是说不是主页,因此许多Web? 设计人员不会执行此命令,其原因在于大多数的站点会在每一张Web页面中保留一些不变的物件,如站点标志图像与文本,所以他们更喜欢将保留的物件做成模板,然后通过模板来开始设计并制作新的Web页面。对于初学者来说,在这里可以打开主页文档,然后执行File下拉菜单中的Save As(保存至)命令,更名保存它,接着选定新的Web页面不用的物件,按下键盘上的Delete键删除它们后,即可如同使用模板那样开始设计并制作新的Web页面了。

  若要对表格参数做些调整,只需要进入Table Inspector面板中即可进行操作。操作时,可以按使用DW 3/4的方法来进行,因为这它们中绝大多数选项功能功能是相同的。

 

时间: 2024-09-27 01:56:45

GOLIVE5.0教程(五十三)的相关文章

GOLIVE5.0教程(十三)

教程 表:Style子菜单中的命令与所控制的格式 命令名 中文意思 格式 Plain Text 无格式文本 移去选定的文本上已经存在的格式 Bold 粗体 在选定的文本上应用粗体格式 Italic 斜体 在选定的文本上应用斜体格式 Underline 下划线 在选定的文本上应用下划线格式,参见图2-18. Strikeout 出局线 在选定的文本上应用一条划线,参见图2-19. Superscript 超级脚本 将选定的文本设置为常见的脚注格式 Teletype 电传打字 将选定的文本设置为电传

GOLIVE5.0教程(五)

教程 在Layout视图中选定当前页面的标题,然后输入您想要的标题名,如这里将输入:中国免费阅读网,结果如图1-10所示. 图1-11 单击此按钮 题在默认状态下,Golive 5为图1-9中的当前Web页面指派的标题名为Welcome to Adobe Golive,,为了能在站点中正确显示标题名,就应当修改它.在这一步操作中,您只需要按操作Microsoft Word那样选定该标题文本,然后从键盘上输入新的标题文本即可. 步骤三.参见图1-11,单击位于标题名左旁的Page按钮,并从Wind

GOLIVE5.0教程(五十二)

教程 步骤五.参见图4-46,选定所输入的各字符后,从Type下拉菜单中选择List命令,接着从List子菜单中选择Term命令,结果应如图4-47所示. 图4-48 在Preview视图中详细的观看上述操作结果 此后,您可以适当的放置一条水平直线来完善设计,并在Preview视图中详细的观看上述操作结果.如果您的竖直线是从键盘上输入,那么预览的结果将是不一样的,各字符上.下方的间距会更大,这也是为什么本教程要提供"新年快乐.doc"文档的原因,相信您会比本教程应用得更好. 总结: 本

GOLIVE5.0教程(五十八)

教程 5.3创建动画 在GoLive 5中应用浮动框(Floating Boxes)即可创建动画.浮动框与DreamWeaver 3/4中的图层非常相似,也是基于HTML DIV元素而存在的,由于HTML 3.2与HTML 4.0增强了DIV元素的功能,因而使得GoLive 5能很好的应用它,并允许放置和堆栈接受背景图像或者背景颜色.又由于DIV是DHTML (Dynamic(动态) HTML)的核心元素,以及放置CSS的Major Building Blocks(主营造块),所以使用浮动框能在

GOLIVE5.0教程(五十四)

教程 在已经存在的表格中添加行与列是难以避免的操作,除非列表项数从不改变,但这在Web页面中的设计与制作中是非常罕见的.当需要这样做时可以参照下列步骤来进行. 图2单击此单元格下边框线 步骤一.参见图2,单击某单元格边线的边框线,选定该单元格,并使Inspector面板下部分出现四个按钮,如图3所示. 图3 单击该按钮添加一新行 步骤二.单击图3中手势所指处的按钮,在当前单元格的上方添加一新行. 完成了这两步操作,新的行将插入在表格中选定单元格的上方,其操作的关键是要使Inspector面板中显

GOLIVE5.0教程(二十五)

教程 步骤一.在Font子菜单中选择Edit Font Sets(编辑字体集)命令,进入Font Sets对话框,参见图3-12. 图3-12 单击这个下拉按钮 步骤二.图3-13所示的下拉列表中选择Default Font Sets. 图3-13 选择Default Font Set 从这个下拉列表中可以选择字体集,Default Font Sets用于设置适用与所有要设计制作的Web页面,Page Font Sets仅用于当前正设计制作的Web页面. 图3-14 建立New Font Nam

GOLIVE5.0教程(三十五)

教程 第4章 设计Web页面中的常用物件 为了在Web页面中插入图像,有必要在GoLive 5中做好下列设置操作: 图4-1 单击这个图标 步骤二.参见图4-2,在Picture Input(图片输入)区域中单击Select 按钮,进入图4-3所示的"浏览文件夹"对话框. 图4-2 单击这个按钮 完成上述第一步操作后,Picture Input区域中的Import Folder(图像输入文件夹)文本编辑框中将显示GoLive 5默认的图像文档文件夹,也就是保存站点避所用图像文件的磁盘目

GOLIVE5.0教程(四十三)

教程 4.4 使用Transform面板 Transform(转换)面板也能用于调整物件位置与大小尺寸,从Window下拉菜单中选择Transform命令,即可使用它. 与上面的操作步骤相类似,操作时首先还是要选定所要调整的物件,然后在Transform 面板中的Position(位置)区域中通过位于左边的Horizontal Position文本编辑框输入水平位置值,通过位于右边的Vertical Position文本编辑框输入垂直位置值. 位于Size区域中的两个文本编辑框用于指定物件的大小

GOLIVE5.0教程(五十一)

教程 步骤三.进入GoLive 5中后,参见图4-44创建一个Text Frame,然后按下键盘上的Ctrl + V组合键,粘贴Windows剪切板中的字符. 图4-44 粘贴Windows剪切板中的字符 图4-45输入一些竖直线 步骤四.按下键盘上的Enter键,给出一个回车后,参照上一步操作从"新年快乐.doc"文档中复制一个竖直线字符并粘贴在当前光标所在处.反复操作,直到输入足够的竖直线,参见图4-45. 注:您也可以直接从键盘上输入一条竖直线. 图4-46 选定各字符