首 页 | 网页模板 | 教程 | 源码下载 | 书籍下载 | 图片素材 | 字体 | JAVA特效 | FLASH源码 | 软件 | 矢量 | 论坛 | 其它 |
设为主页
加入收藏
联系站长
平面设计 | 网页制作 | 程序编写 | 数 据 库 | 媒体动画 | 网络冲浪 | 服务器相关 |
当前在线
广告:P4服务器电信机房6999/年即送产权 | 疾风下载
FrontPage10全透视教程之第三课 网页布局两法:表格和框架2
2004-4-29 17:52:00  作者:笨笨熊  来源:pconline 网友评论 0 条 论坛
  

3)表格的嵌套:嵌套表格在网页设计中应该是最常见不过的了,特别是在进行复杂页面的设计时,就更少不了他们了.

其实关于表格的嵌套操作一直是Frontpage的一个弱点,即便是升级到10版本仍然使用不太方便,比如你休想用绘笔在单元格里绘制另外的一个表格,不过在10版本中你可以使用菜单"Insert"-"Table"来实现.

4)表格的转化:在上面的嵌套中,其实你还可以通过将文本对象转化成表格来变相的实现.选中文本,使用菜单"Table"-"Convert"-"Text to table".相反的操作亦可以.

除了表格的外观调整,属性设置也是非常重要的.下面从应用的角度上分析一下:

关于表格及单元格的属性设置,由于许多功能很难完全在前面的"表格面板"中实现,因此我们这里通过在各自的属性窗口中调整来实现.

1)表格属性设置

鼠标停留在表格内部的任意位置,右击选择"Table Properties",如图

frontpagexp121.gif (7234 bytes)

Alignment:调整整个表格在网页中的位置,包括Left ,right center,Default四个选项.默认Default即为居中显示.

Float:用来设定表格元素与其他的对象的相对位置,比如在网页中表格是独占一行存在的,这时就可以通过设定Float为Left使文本位于表格的右侧.从而变相的实现图文共处.

Cell padding:表格内容离边框的远近大小,可以通过调整该项为1,从而通过嵌套表格的形式实现不同颜色边框的效果,特别是在大型的网页设计中,应用较多.

Cell spacing:表格中单元格间的距离.

Borders(sizes/color):设定表格边框的大小和颜色,在Frontpage以前的版本中,关于表格边框的利用一直是个非常薄弱的地方,主要是它不能通过设定borders颜色及大小值来形成实际效果的轮廓,也即在填充内容后偏粗很多.所以多通过前面Cell padding的方法来实现.

在这一点Frontpage10应该是作的相当出色了,除了直接实现效果外,还可避免多次嵌套表格造成网页文件的增大及传输不便.

Background:调整表格的背景颜色值.象2000中一样,Frontpage10中引入了和其他图片处理工具相似的统一颜色配置方式,这样可以很好的实现图片与网页颜色的协调.如图

frontpagexp122.gif (10718 bytes)

单击左边色块的任意位置可以快速取色,单击"Custom"进入系统的自定义色彩窗口(同以前一样,没有变化),另外你还可以使用"取色笔"工具直接在图片对象上提取颜色,象在其他图片处理工具中一样.

需要使用背景图片作为表格背景时,请选中下面的"Use background picture"复选框,单击右侧的"Browse"按钮确定图片位置.

此外还有一个非常重要的属性就是表格大小的设定形式,这也是大家很容易忽略的,在显示效果上而言,他们是非常重要的.也即当浏览器窗口没有全屏展开时,你就能够发现两者的不同之处了.

"In persent"以比例的形式显示,这时当没有在全屏状态下,表格会自动折回以使所有内容都能显示出来,由于显示上的混乱,因此应用较少,而更多的是用代表实际大小的"In pixes"选项.

>> 相关文章
·FrontPage10全透视教程之第一课 安装及窗口认识
·FrontPage10全透视教程之第二课 网站的建立和管理1
·FrontPage10全透视教程之第二课 网站的建立和管理2
·FrontPage10全透视教程之第二课 网站的建立和管理3
·FrontPage10全透视教程之第三课 网页布局两法:表格和框架1
·FrontPage10全透视教程之第四课 网页布局两法:表格和框架3
·FrontPage10全透视教程之第四课 网页布局两法:表格和框架4
·FrontPage10全透视教程之第五课 网页链接详述1
·FrontPage10全透视教程之第五课 网页链接详述1
·FrontPage10全透视教程之第六课 网页的格式和处理1

关于网站 | 客服中心 | 服务条款 | 友情链接 | 广告联系 | 本站历程 | 网站导航

吉ICP备05000107号