〖猫宅〗

续接基础篇...

在这之前, 我希望初学者最好能够先看一下基础篇, 简单的了解一下HTML表格部分的一些内容.

基础篇里介绍的都是如何在HTML源代码编辑模式下如何去手写表格的代码... 这在制作复杂表格的情况下, 是很麻烦的事儿. 而且HTML也很抽象, 不容易理解和记忆. 所以, 如果你没有专门去学习HTML的兴趣, 那只要了解就够了, 有了火柴和打火机, 谁还钻木取火呢? 是吧...

下面就来介绍两个可以让你瞬间制作出一个简单表格的网页编辑软件, 一个是被称作网页三剑客之一的Dreamweaver, 他也是最普及的网页制作工具. 另外一个是微软Office办公软件中的FrontPage, 相对Dreamweaver来说, 可能Frontpage对零基础的初学者来说更容易上手(?)... 不过我还是推荐大家尽可能的去使用Dreamweaver, 不是因为Dreamweaver的出色, 而是因为FrontPage编辑出来的网页, 很容易出现与除了IE浏览器以外其他浏览器都无法兼容, 产生乱版的情况... 我个人的理解是, FrontPages是专门针对IE的网页编辑工具. 而制作网页, 不应该只为IE服务...

制作过程是非常简单的, 但要使用好网页编辑软件并不是十分简单, 需要多练习, 多琢磨...

- Dreamweaver部分 -

先启动Dreamweaver... 呃... 对了... 如果你没有Dreamweaver这个软件, 可以在下面这个地址下载, 解压好以后先执行目录里面的"绿化"程序, 就可以直接使用了.

Dreamweaver下载地址: http://www.newchen.com/download/dreamweaver.rar (下载地址为网通线路, 电信的用户可能下载会比较慢, 建议可以到其他下载网站下载.)

如上图所示, 点击文件菜单, 新建一个HTML文件.

如果出现的是源代码编辑模式, 那么点击编辑窗口上方的"设计"按钮转到所见即所得编辑模式.

点击菜单中的插入, 然后选择"表格". 或者按键盘快捷键"Ctrl+Alt+T"来插入一个表格.

这种表格的创建方法与基础篇里面的代码相比, 是不是容易多了? 呵呵... 在这个创建表格的对话框中, 设置好表格的行和列数目(基础篇提到的<tr>与<td>), 还有表格宽度(基础篇里面提到的width宽度), 边框的粗细(基础篇里面提到的border=?), 单元格的边距和间距等等... 然后点击确定, 一个表格就创建好了.

在设计的编辑模式下, 你所创建好的表格能够直接以网页上显示的样子显示出来, 很方便选择和编辑.

你可以通过按住键盘的"Ctrl"键, 来选择多个单元格, 然后在属性中设置这些单元格的样式. 属性面板可以通过鼠标右键菜单, 点击属性打开, 也可以按快捷键"Ctrl+F3"打开.

在表格中单击右键, 在弹出菜单中的"表格"中有各种针对表格编辑的功能, 可以方便你随时对表格进行调整, 比如插入100万行, 插入1000万列, 合并13亿个单元格, 拆分50亿个单元格... 等等...

简单举一个实际操作的例子吧... 比如上图是一个3行2列的表格. 但我希望最后一行变成一个单元格, 只需要选中最后两个单元格, 你可以用"鼠标拖过"的方式选择这两个单元格, 也可以向上面说的, 按住键盘的"Ctrl"键然后选择这两个单元格. 之后在选择的单元格上单击右键, 在弹出的菜单中选择"表格"-"合并单元格"(快捷键: Ctrl+Alt+M)即可.

怎么样? 是不是很简单, 很形象? 比之前的HTML相比, 容易理解多了吧...

如果要把这个表格放到撰写日志的窗口, 点击编辑窗口上方的"代码"按钮. 这时如果你看过基础篇的话, 你就又看到了你熟悉的东西... HTML源代码. 把那段<table></table>之间的表格代码复制下来吧~ 然后粘贴到撰写日志的HTML模式中就可以了~!

- FrontPage部分 -

如果你学会了使用Dreamweaver创建一个简单的表格, 那么用Frontpage来创建表格也会变得无比简单...

仍然是启动FrontPage, 然后新建一个HTML网页文件. 同样的, 如果你看到的是源代码编辑模式, 那么点击左下角的"设计"按钮来切换到所见即所得的编辑模式. 然后点击菜单中的"表格"-"插入"-"表格", 来向页面中插入一个表格.

与Dreamweaver基本相同, 在这个插入表格的对话框中, 你可以设置表格的各种属性, 多少行, 多少列, 什么背景色, 边框多粗多细, 是否使用背景图片... 等等...

创建好表格后, 也与Dreamweaver基本相同, 在表格中单击右键, 就可以设置表格, 以及单元格的属性了. 因为操作基本都差不多, 加上本人也并不推荐使用FrontPage, 就不再重复讲述了.

创建网页表格只是网页编辑软件的一种最简单的使用, 通过网页编辑软件, 你可以制作出各种各样的网页, 你也可以用它来给你自己的BLOG或者网站设计模板. 但无论你有多么好的想法, 熟练使用这些网页编辑软件, 才能让你更加流畅的完成自己的设计. 所以, 如果你开始对网页编辑工具产生了兴趣的话, 那么就经常和这些网页编辑软件亲密接触接触吧~

如果有任何疑问, 可以留言给我.

如果文中有错误, 请帮忙指出, 多谢!

------ by: 认为人性高于一切的 戴耳钉的猫

标签: Dreamweaver, FrontPage, HTML, Table, 学习, 源代码

相关文章

• 如何在文章日志中插入表格(基础篇) (9)
• 关于WordPress标签云页面的制作 (5)
• 用任意自定义邮箱地址发送邮件! (11)
• 写给BLOG新手的一些建议 (3)
• WordPress如何显示日志评论者的头像 (7)