我们在网上浏览,享受网络便利的红利时,有没有想过,网页到底是什么?
网页是一个文件,最常用的格式是html、htm。通过右击,可以选择查看源代码,浏览器将代码生成页面,方便我们浏览。
网上的内容要吸引人,内容是一方面,网页设计也是重中之重,根据内容要求或精美、或简洁,网站的导航也要做到人性化,方便查找。
而Dreamweaver是网站设计和管理的一把利器。如上图,启动Dreamweaver,选择创建的项目类型。
文档工具栏3个视图窗口是最核心的,任何编辑基本都绕不开,必须在这里显示。它们分别是“代码”、“设计”和“拆分”视图。
代码视图窗口用来编辑和查看源代码,Dreamweaver也很人性化,主要在body标签里面进行编辑。
设计视图窗口就是我们浏览网页时看到的内容。拆分视图窗口是为了更方便代码视图和设计视图进行对比,同时在一个界面上展示。
我们在body标签里面插入表格,上图红圈处就是表格按钮,也可以通过插入——表格进行操作,这时看到body标签里面多了一些代码,这些代码是为了生成表格,而设计视图界面出现了表格。
如何在Dreamweaver中插入表格
一、使用工具:正常使用的电脑一台、Dreamweaver
二、方法步骤:
1、打开DW软件,新建一个HTML文档,如下图所示
2、我们先把标题修改一下,如下图所示。
3、在【<body></body>】中间,我们按回车,多按几次,一会表格就插入到这里,如下图所示。
4、点击【插入】--【表格】慧闹唤,如前凯下图所示。
5、输入【行】【列】等参数,如下图所示。
6、插入表格后的效果,如下图所示。
7、在这里一个<tr>就是一行,一行里面有5列,我们可以点击<tr>然后一直拖到 到</tr>这里,我们可以点击减弯睁号【-】,把这个<tr>收起来,如下图所示。
8、我们也可以点击加号【 】展开这个<tr>,如下图所示。
9、在<td>里面输入文字,如下图所示。
10、按【ctrl S】保存,如下图所示。
11、预览,如下图所示。
12、最后的显示结果,如下图所示。
三、注意事项:如果需要表格居中 、修改格式则需要在表格属性中设置
如何在Dreamweaver中插入表格
1.第一步 新建HTML文档
2.第二步 在菜单栏中选择【插入】——圆旁谨【表格】
3.第三步 插入的表格可以设置相对应的列和行,已经边框、内边距
4.第四步 成功插入表格后,在html代码中就会自动生成代码。其中注意到两个参数,启仔cellspacing控制边框像素,cellpadding控制内容到边框的距离
5.第五步 要在橘基表格里面输入内容可以直接从设计视图中输入。现在不建议在表格中插入图片,表格中加图片的定位没有DIV灵活