第八节 网页设计基础.ppt

8.2.2 Dreamweaver MX2004的工作界面 1.网页编辑区 在网页编辑区内可以实现具体的网页制作，显示当前创建和编辑的文档。 编辑区有3种视图方式：设计视图、代码视图和拆分视图。 拆分视图是将窗口分为上下两部分，上半部分显示代码区域，下半部分显示 设计窗口，实现操作的实时联动。 2.“插入”栏 “插入”栏用于将各种类型的“对象”（如图像、表格和层）插入到文档中，允许在插入时设置不同的属性。 3.面版组 若要展开一个面板，单击该面板名称左侧的展开箭头。 若要改变面板的停靠状态，拖动该面板标题条左边的手柄。 4.属性检查器 属性检查器用于查看和更改所选对象或文本的各种属性，也叫“属性”栏或“属性”面版。 5. “文件”面板 “文件”面板用于管理文件和文件夹，类似Windows 资源管理器，可以访问本地磁盘上的全部文件，新建和编辑文件等操作。 返回 8.2.3 Dreamweaver MX2004的参数设置 返回 8.3基本操作 8.3.1 建立站点 8.3.2 网页文档的基本操作 1. 创建新文档 2.打开网页文档 3.保存和关闭文档 8.3.3 网页文字的操作 1.插入文本 2.格式化文本 8.3.4 创建超级链接 1.创建页面链接 2.创建锚点链接 3.创建导航条 8.3.5 表单的使用 返回 8.3.1 建立站点 站点通常包含本地站点和远程站点。开发者通常在本地计算机上创建本地站点，完成网页布局设计、编辑调试和相关文件的创建，调试完毕后，上传到网络服务器上，完成远程站点的建立，为访问者提供访问服务。 建立站点的操作步骤如下： 选择“站点” 菜单中的 “管理站点”命令，打开“管理站点”对话框。 在管理站点对话框中单击“新建”按钮，打开“站点定义”对话框。 单击“基本”选项卡使用“站点定义向导”，它将引导逐步完成站点设置的过程。 按提示时输入站点的名称，选择服务器技术。 选择“编辑我的计算机上的本地副本，完成后再上传到服务器”选项，在“您将把文件存储在计算机上的什么位置？”文本框右边单击“浏览”按钮，选择或新建站点文件夹， “站点定义”对话框中相应文本框的内容将自动更新。 测试站点。 站点创建完成后，可将设计网页需要用到的素材，如：图片、动画、声音、视频等文件复制到相应的站点目录中，并分类存放。 返回 8.3.3 网页文字的操作 1.插入文本 （1）插入普通文本 （2）插入特殊符号 （3）创建水平线 2.格式化文本 （1）基本样式设置 （2）段落样式设置 （3）文本对齐方式 返回 8.3.4 创建超级链接 超级链接是页面对象之间的链接关系，它把网站中的每个页面通过链接构成一个有机整体，使浏览者能快速地访问到他想要访问的页面。 超级链接可以是一段文本、一幅图像或者其他的网页元素。当浏览者在浏览器中用鼠标单击建立了超级链接的对象时，浏览器会根据链接设置载入一个新页面或跳转到指定的页面。 1. 页面链接 2. 锚点链接 3. 导航条 返回 8.3.5 表单的使用 表单是实现客户端与服务器端双向交流的一种界面，是网站信息管理常用的网页元素。 如在网上申请邮箱、申请加入论坛、网上调查、填写订货单及建立检索界面时，都是通过表单来实现的。 返回 8.4 页面布局设计 网页布局类型大致可分为“同”字型、拐角型、标题正文型、左右分栏型、上下框架型、综合框架型、封面型、Flash型等 8.4.1 使用表格进行网页布局 8.4.2 使用布局模式进行布局 8.4.3 使用框架进行布局 返回 8.4.1 使用表格布局页面 使用表格设计网页布局，可以使网页看上去更加整齐，适用于一般比较正规的网页。 使用表格布局网页的步骤如下： 1.插入表格 2.表格的基本操作 3.设置表格属性 4.布局页面 返回 8.4.2使用布局模式布局页面 布局视图的功能简化了使用表格来创建页面布局的过程。在布局视图下，可以使用表格作为潜在的结构来设计自己的网页布局，并且可以避免使用表格带来的缺陷。 1. 创建布局表格 2. 创建布局单元格 3. 在布局单元格中添加内容 4. 调整布局表格 5. 调整布局单元格 6. 使用布局模式布局页面 7. 设置布局表格和布局单元格 返回 8.4.3 使用框架布局页面 框架页面将浏览器显示窗口分为多个显示区域，每个显示窗口称为一个框架，它包含一个独立的页面。几个框架组合在一起就构成了框架集。 框架布局页面的步骤如下： 1.创建框架 2.框架的调整 3.框架属性设置 4.使用框架布局网页 返回 8.