photoshop.jpg (9478 bytes)
line335x1.gif (57 bytes)
/dynamic_html
Dreamweaver教程 - 第一天
Taylor
网猴教程
网页设计
HTML
JavaScript
样式表
动态HTML
图形与字体
多媒体
Java
Perl
后端编程
浏览器
电子商务
其它资源
Web入门
软件下载
网猴信箱

第四页:对表格使用所见即所得

经过整夜的调试表格后,你就会:
啊.............哈............!

现在让我们看看Dreamweaver是如何处理表格的- 只是减少了一
些“啊”和“哈”。

很多失败的网页设计起源于使用一些毫无意义的表格tag作为布
局引擎。但是,现在没有什么可以抱怨的 - 因为目前网页设计
的现实就是这样。除非CSS在更广的范围内使用,没有任何减少
这种痛苦的办法。

首先,让我们按表格按钮插入一个4行,5列,580个像素宽的
表格。你会看到一个Properties工具条:

和大多数Dreamweaver Properties工具条一样,UI聚焦在tag属
性的改变上。但是表格Properties工具条包含一些额外的工具
帮助你管理复杂的表格布局。

这两个按钮以像素或浏览器宽度百分比的方式确定表格
的大小。如果用百分比定义表格的宽度,表格的宽度会根
据Dreamweaver文档窗口的大小进行自动缩放。还包括清除表格
宽度或高度的工具 - 在表格一团糟是很有用。可以用鼠标
拖动单元格来改变行或列的宽度。

为了管理表格的某一特定部分,点击鼠标右键,可以得到上边
的菜单。通过选择菜单项可以插入整行或整列。也可以获取单
元格、行或列的属性;修改单元格边界或背景的颜色;或者设
置表格内容的对齐方式。

通过Modify菜单或扩展Properties工具条可以控制每个单元格
跨越的行或列,或者改变边界的对齐方式和背景属性。上面的
大按钮控制单元格属性,小按钮控制单元格的跨越空间。

这些工具应该能使你用较少的精力创建非常复杂的表格。

你也应该知道了如何用Dreamweaver创建HTML 3.2的网页,这就
是今天课程的目的。这些基本知识很有用,并且它们是你在这
个产品中用的最多的功能。然而,还有许多改进的HTML使网站
有趣和生动 - Dreamweaver也可以帮助你实现这样的功能。后
面的课程会介绍在Dreamweaver中如何实现JavaScript,CSS
和dHTML的精彩世界。

第一页 Dreamweaver简介 - 第一天
第二页 基本的HTML
第三页 窗体和图像
第四页 对表格使用所见即所得

[第1天][第2天][第3天]


Copyright © 1994-99 Wired Digital Inc. All rights reserved.