第二讲　本地站点与表格

第二讲　本地站点与表格

本讲的主要任务

本地站点的创建表格的创建与编辑

第二讲　本地站点与表格一、站点设计和出版流程

站点规划－－创建站点基本结构－－网页创作－－上传

第二讲　本地站点与表格二、规划站点

1 、构建硬盘本地站点创建本地文件包。（强烈注意：所有文件名一律使用小写英文）


1 、构建硬盘本地站点

这里的文件包目前都是空着的，那么为什么要这样做？这是事先的规划，每一个文件包都会放置相应的内容。以便我们合理的分配各种类型的文件，如：图片．网页．动画等．

其实这一步是未雨绸缪，也就是说将来我们会对我们制作网页所需要使用的资料进行管理，也因为将来这些文件都要上传到服务器上边去，所以管理不好不利于以后的更新。


2 、构建本地站点DW 界面


2 、构建本地站点

菜单：主要集中了所有的命令，不过使用率不高。

插入网页内容工具栏：一般工具和其他的一些工具。



页面标签与页面显示控制：这里的工具主要控制页面的显示方式。

属性栏：控制页面不同物体的属性，会随着选择内容的不同而改变。



浮动窗口：一些常用的工具以及窗口。



　　创建完成硬盘上的本地站点以后，就请打开 DW ，然后选择菜单如左图，或者在软件窗口右边的浮动窗中选择如中间图。都将打开右图站点管理，然后选择 NEW-SITE 新建站点。



进入新建站点窗口，直接进入 ADVANCE 高级窗口。

第一行：站点名称你的这个站点是什么名字，注

意：这里最好使用英文。第二行：本地站点文件目录这个时候你就要将指定到你刚

才在硬盘上新建的文件夹．然后点击 OK ，将回到站点管理

窗口，在窗口当中可以看到自己新建的站点，然后再点管理窗口的确定就行了。



站点创建完成以后，可以在右边的浮动窗口中看到你已经在硬盘上新建的文件包，最后我们来完成首页的创建。


2 、构建本地站点点击菜单如左图，弹出新建窗口以后使

用默认点击 CREATE ，这时候你就新建了一个网页，然后什么也不要动，直接点击菜单如右图，弹出存储对话框，将该文件命名为 INDEX 保存，保存的时候注意路径。


至此我们就完成了本地站点的创建，接下来就要使用 PS 来设计我们的首页了。不过在设计之前，我们有必要了解一下表格的使用方法，这样更能指导我们进行页面的设计。

第二讲　本地站点与表格三、表格的使用

插入网页内容工具栏：一般工具第 4 个标签：插入表格。插入表格非常常用，在制作页面的时候一般都是使

用表格将页面拼接起来的，所以应当重点掌握。当然还有其他很多的不使用表格的方法，这里不再介绍，不过使用表格是比较基础和容易的。


创建新的表格

第一行：表格几行几列

第二行：表格的宽度

第三行：表格边框的宽度

第四行：子表格边缘宽度

第五行：子表格间距


下边看一下总体表格的属性ROWS&COLS ：修改表格的行和列W&H ：表格的宽和高。注意：表格的宽度最好在 760-780 之间，这里的宽度要和你在 PS 当中页面的宽度统一。ALING ：表格在页面中的位置，分别有：左、中、右。CLASS ：表格的 CSS 定义，也就是将来页面当中所有的表格都可以是一种统一的风格。BG COLOR ：表格的背景色BRDR COLOR ：表格边框的颜色BG IMAGE ：为表格指定背景图。

第二讲　本地站点与表格三、表格的使用下边看一下子表格的属性，鼠标点击以下任意一个总表格里边小的表格Format:子表格内容定义，如果是文字，则有标题和正文之分，不过我们不使用这一项，可以使用 CSS 解决。Font: 字体，不用这一项，可以使用 CSS 解决。Style ：子表格的类型定义，这一项只做观察使用，后边讲到 CSS 时再具体讲。Size: 不用，可以使用 CSS 解决。Link ：子表格的超链接，也就是可以打开其他页面。Horz ：子表格水平对齐方式 Vert ：子表格垂直对其方式W ：子表格宽度 H ：子表格高度BG COLOR ：表格的背景色BRDR COLOR ：表格边框的颜色


利用表格的属性来制作一个简单的页面拼接

第二讲 本地站点与表格

Documents

第二讲　本地站点与表格