180 likes | 330 Views
第二讲 本地站点与表格. 本讲的主要任务 本地站点的创建 表格的创建与编辑. 第二讲 本地站点与表格. 一、站点设计和出版流程. 站点规划--创建站点基本结构--网页创作--上传. 第二讲 本地站点与表格. 二、规划站点. 1 、构建硬盘本地站点 创建本地文件包。(强烈注意:所有文件名一律使用小写英文). 第二讲 本地站点与表格. 二、规划站点. 1 、构建硬盘本地站点 这里的文件包目前都是空着的,那么为什么要这样做?这是事先的规划,每一个文件包都会放置相应的内容。以便我们合理的分配各种类型的文件,如:图片.网页.动画等.
E N D
第二讲 本地站点与表格 本讲的主要任务 本地站点的创建 表格的创建与编辑
第二讲 本地站点与表格 一、站点设计和出版流程 站点规划--创建站点基本结构--网页创作--上传
第二讲 本地站点与表格 二、规划站点 1、构建硬盘本地站点 创建本地文件包。(强烈注意:所有文件名一律使用小写英文)
第二讲 本地站点与表格 二、规划站点 1、构建硬盘本地站点 这里的文件包目前都是空着的,那么为什么要这样做?这是事先的规划,每一个文件包都会放置相应的内容。以便我们合理的分配各种类型的文件,如:图片.网页.动画等. 其实这一步是未雨绸缪,也就是说将来我们会对我们制作网页所需要使用的资料进行管理,也因为将来这些文件都要上传到服务器上边去,所以管理不好不利于以后的更新。
第二讲 本地站点与表格 二、规划站点 2、构建本地站点 DW界面
第二讲 本地站点与表格 二、规划站点 2、构建本地站点 菜单:主要集中了所有的命令,不过使用率不高。 插入网页内容工具栏:一般工具和其他的一些工具。
第二讲 本地站点与表格 二、规划站点 2、构建本地站点 页面标签与页面显示控制:这里的工具主要控制页面的显示方式。 属性栏:控制页面不同物体的属性,会随着选择内容的不同而改变。
第二讲 本地站点与表格 二、规划站点 2、构建本地站点 浮动窗口:一些常用的工具以及窗口。
第二讲 本地站点与表格 二、规划站点 2、构建本地站点 创建完成硬盘上的本地站点以后,就请打开DW,然后选择菜单如左图,或者在软件窗口右边的浮动窗中选择如中间图。都将打开右图站点管理,然后选择NEW-SITE新建站点。
第二讲 本地站点与表格 二、规划站点 2、构建本地站点 进入新建站点窗口,直接进入ADVANCE高级窗口。 第一行:站点名称 你的这个站点是什么名字,注意:这里最好使用英文。 第二行:本地站点文件目录 这个时候你就要将指定到你刚才在硬盘上新建的文件夹. 然后点击OK,将回到站点管理窗口,在窗口当中可以看到自己新建的站点,然后再点管理窗口的确定就行了。
第二讲 本地站点与表格 二、规划站点 2、构建本地站点 站点创建完成以后,可以在右边的浮动窗口中看到你已经在硬盘上新建的文件包,最后我们来完成首页的创建。
第二讲 本地站点与表格 二、规划站点 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:表格边框的颜色
第二讲 本地站点与表格 三、表格的使用 利用表格的属性来制作一个简单的页面拼接