计算机应阳用基础.pptVIP

5.2 网页制作入门 5.2.1 Dreamweaver 基本操作 1 、Dreamweaver 的界面 2．Dreamweaver 的工作区 （1）主菜单 （2）标准工具栏 （3）插入工具栏 （4）文档窗口 （5）状态栏 （6）属性面板 （7）辅助面板区： 3．Dreamweaver 中的视图 （1）代码视图与设计视图 （2）文档窗口 （3）插入工具栏 4、 网页的基本操作 1）新建网页 “【文件】→【新建】”菜单命令 2）打开网页 “【文件】→【打开】”菜单命令 3）保存文档 “【文件】→【保存】”菜单命令 5、 创建和管理站点 所谓站点，可以看作是一系列文档的组合，这些文档之间通过各种链接关联起来，可能拥有相似的属性。站点实际对应的是一个文件夹，我们设计的所有网页就保存在这个站点（文件夹）中，存储在本地机器中的站点（文件夹）称为本地站点，发布到WEB服务器上的站点（文件夹），则称为远程站点。 5-1）站点管理器的基本组成 连接远程站点 下载选择的文件 本地站点的文件上传到远程站点 再次单击按钮，将断开与服务器的连接 刷新文件列表区 5-2） 站点的定义 创建本地站点 “【站点】→【新建站点】”菜单命令 创建远程站点 “【站点】→【管理站点】”菜单命令 5-3）管理站点 1．打开站点 5-4）站点文件和文件夹管理 1．创建主页 主页是用户登录网站后显示的第一个页面，在制作网站时要首先创建。 注意：通常使用Default或Index作为首页的文件主名，如Default.htm、Default.asp、Index.htm、Index.asp等。 2．创建文件夹 3．文件的移动和复制 选择“【编辑】”菜单中的剪切、复制和粘贴来实现文件或文件夹的移动和复制 4．删除文件或文件夹 “【文件】→【删除】”菜单命令或按下“Del”键 5．编辑站点文件 制作一个简单网页 实例介绍: 实例中只用到最简单的几个页面元素，主要有表格、文本和图片。 页面主色调为绿色，表现健康、积极向上的生活态度，取名“我的地盘”意在表现一种自信，内容上可展现个人风采。 页面的最佳效果浏览分辨率是800×600。 小结 本节以“我的地盘”主页的制作为例，介绍了使用Dreamweaver 创建和管理站点的方法，以及在网页中插入基本的页面元素和设置页面属性的操作过程，达到快速了解Dreamweaver 制作网页的过程。 5 ． 3 网页布局 学习目标 理解网页布局的原理 掌握用表格（普通表格、布局表格）进行布局的方法 掌握特殊表格的制作方法 掌握用层进行布局的方法 掌握用框架进行布局的方法 5 ． 3 ． 1 布局的实质 布局: 就是在页面上划分出不同的区域，按照设计的原则和方法，把不同的内容放置到不同的位置上，并通过色彩调和出不同的网站基调，使网页内容形成一个有机的整体，充分表达网站主题的过程。 布局的实质 :表格 5 ． 3 ． 2 利用表格布局 插入表格 1．设置页面属性 在插入页面内容前，一般先设置好页面的大小和页边距等属性，以达到最佳显示效果。 2．插入表格 在插入面板中选择“常用”标签，点击按钮，弹出 “插入表格”对话框，设置相应的参数来插入表格。也可以通过选择“【插入】→【表格】”菜单命令打开“插入表格”对话框。 单元格边距：单元格边框和单元格内容的间隔距离。 单元格间距：单元格和单元格之间的间隔距离。 页眉：把表格的第一行或第一列作为标题行或标题列 作为标题行或标题列的行或列的内容将以粗体的形式显示。 标题：提供一个显示在表格外的表格标题。 对齐标题：指定表格标题相对于表格的显示位置。 摘要：给出表格的说明。该文本不会显示在用户的浏览器中。 表格的属性设置 1.边框、填充、间距 （1）边框 一个“一行一列”的表格，至少有两个边框，表格外边框和单元格边框。边框颜色只有当边框值设置为非零值时才能显示。当未指定单元格边框颜色时，Dreamweaver会以表格的外边框颜色作为单元格的边框颜色。 （1）选择 选中一个单元格 选中一行 选中一列 选中不相邻的单元格 （2）拆分 （3）合并 和拆分相对，当我们插入的内容需要跨越多个单元格时，我们需要把这些单元格合并起来。 （4）行、列的插入与删除 插入行、列 删除行、列 4．表格、单元格的大小调整 （1）设置表格大小 （2）设置单元格大小 5