1 / 18

第二讲  本地站点与表格

第二讲  本地站点与表格. 本讲的主要任务 本地站点的创建 表格的创建与编辑. 第二讲  本地站点与表格. 一、站点设计和出版流程. 站点规划--创建站点基本结构--网页创作--上传. 第二讲  本地站点与表格. 二、规划站点. 1 、构建硬盘本地站点 创建本地文件包。(强烈注意:所有文件名一律使用小写英文). 第二讲  本地站点与表格. 二、规划站点. 1 、构建硬盘本地站点 这里的文件包目前都是空着的,那么为什么要这样做?这是事先的规划,每一个文件包都会放置相应的内容。以便我们合理的分配各种类型的文件,如:图片.网页.动画等.

gianna
Download Presentation

第二讲  本地站点与表格

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. 第二讲 本地站点与表格 本讲的主要任务 本地站点的创建 表格的创建与编辑

  2. 第二讲 本地站点与表格 一、站点设计和出版流程 站点规划--创建站点基本结构--网页创作--上传

  3. 第二讲 本地站点与表格 二、规划站点 1、构建硬盘本地站点 创建本地文件包。(强烈注意:所有文件名一律使用小写英文)

  4. 第二讲 本地站点与表格 二、规划站点 1、构建硬盘本地站点 这里的文件包目前都是空着的,那么为什么要这样做?这是事先的规划,每一个文件包都会放置相应的内容。以便我们合理的分配各种类型的文件,如:图片.网页.动画等. 其实这一步是未雨绸缪,也就是说将来我们会对我们制作网页所需要使用的资料进行管理,也因为将来这些文件都要上传到服务器上边去,所以管理不好不利于以后的更新。

  5. 第二讲 本地站点与表格 二、规划站点 2、构建本地站点 DW界面

  6. 第二讲 本地站点与表格 二、规划站点 2、构建本地站点 菜单:主要集中了所有的命令,不过使用率不高。 插入网页内容工具栏:一般工具和其他的一些工具。

  7. 第二讲 本地站点与表格 二、规划站点 2、构建本地站点 页面标签与页面显示控制:这里的工具主要控制页面的显示方式。 属性栏:控制页面不同物体的属性,会随着选择内容的不同而改变。

  8. 第二讲 本地站点与表格 二、规划站点 2、构建本地站点 浮动窗口:一些常用的工具以及窗口。

  9. 第二讲 本地站点与表格 二、规划站点 2、构建本地站点   创建完成硬盘上的本地站点以后,就请打开DW,然后选择菜单如左图,或者在软件窗口右边的浮动窗中选择如中间图。都将打开右图站点管理,然后选择NEW-SITE新建站点。

  10. 第二讲 本地站点与表格 二、规划站点 2、构建本地站点 进入新建站点窗口,直接进入ADVANCE高级窗口。 第一行:站点名称 你的这个站点是什么名字,注意:这里最好使用英文。 第二行:本地站点文件目录 这个时候你就要将指定到你刚才在硬盘上新建的文件夹. 然后点击OK,将回到站点管理窗口,在窗口当中可以看到自己新建的站点,然后再点管理窗口的确定就行了。

  11. 第二讲 本地站点与表格 二、规划站点 2、构建本地站点 站点创建完成以后,可以在右边的浮动窗口中看到你已经在硬盘上新建的文件包,最后我们来完成首页的创建。

  12. 第二讲 本地站点与表格 二、规划站点 2、构建本地站点 点击菜单如左图,弹出新建窗口以后使用默认点击CREATE,这时候你就新建了一个网页,然后什么也不要动,直接点击菜单如右图,弹出存储对话框,将该文件命名为INDEX保存,保存的时候注意路径。

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

  14. 第二讲 本地站点与表格 三、表格的使用 插入网页内容工具栏:一般工具 第4个标签:插入表格。插入表格非常常用,在制作页面的时候一般都是使用表格将页面拼接起来的,所以应当重点掌握。当然还有其他很多的不使用表格的方法,这里不再介绍,不过使用表格是比较基础和容易的。

  15. 第二讲 本地站点与表格 三、表格的使用 创建新的表格 第一行:表格几行几列 第二行:表格的宽度 第三行:表格边框的宽度 第四行:子表格边缘宽度 第五行:子表格间距

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

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

  18. 第二讲 本地站点与表格 三、表格的使用 利用表格的属性来制作一个简单的页面拼接

More Related