第7章网页制作.ppt

第7章 网页制作本章内容本章内容 n本章主要介绍网站建设的一般流程，使用Dreamweaver进行网页基本元素处理，建立帮助类网站。 学习目的学习目的 n通过学习本章，了解网站建设的一般流程，掌握使用Dreamweaver设计网页的基本操作，能够制作帮助类网站。 7.1 网页制作概述网页制作概述n7.1.1 网页编辑软件n7.1.2 网站设计基本流程7.1.1 网页编辑软件n本章以Macromedia公司开发的Macromedia Dreamweaver MX 2004中文版为例，介绍网页编辑软件在网站开发和网页设计中的应用。图7-1 工作区设置对话框图7-2 Dreamweaver MX 2004主界面重点掌握以下内容n1、插入栏、插入栏n2、文档窗口、文档窗口n3、属性检查器、属性检查器7.1.2 网站设计基本流程n1、网站定义与规划n2、信息结构体系n3、网站设计n4、网站建设n5、追踪、评价与维护7.2 网页编辑网页编辑n网页的基本元素包括文本、段落、图像、超链接、表格、版面和框架等。掌握这些元素的操作方法，是编辑页面，制作网站的基础。7.2.1 文本和段落n一、加入文字一、加入文字n二、设置文本二、设置文本n三、段落控制三、段落控制 7.2.2 加入图像n一、网页中可以采用的图像格式一、网页中可以采用的图像格式n二、插入图像作为网页背景二、插入图像作为网页背景n三、在页面中插入图像三、在页面中插入图像n四、编辑图像四、编辑图像7.2.3 链接设置n链接实例链接实例1：建立与网站内部其余网页的链接。n链接实例链接实例2：建立与外部网站的链接。n链接实例链接实例3：建立电子邮件链接。n链接实例链接实例4：插入书签。7.2.4 利用表格设计网页版面n一、插入表格一、插入表格n二、选择表格对象二、选择表格对象n三、改变表格和单元格的大小三、改变表格和单元格的大小n四、增加、删除行或列四、增加、删除行或列n五、拆分、合并单元格五、拆分、合并单元格7.2.5 利用框架和框架集组织网页页面n一、创建框架一、创建框架n二、选中框架或框架集二、选中框架或框架集n三、格式化框架与框架集三、格式化框架与框架集n四、保存框架和框框架集文件四、保存框架和框框架集文件7.3 实例分析：帮助网页制作实例分析：帮助网页制作n本节以一个帮助类型的网站建设为例，介绍网站的具体建设过程。帮助类网站的建设，大致包括建立站点结构、网页的版面设计、组织内容、编辑内容、调试与发布等几个主要环节 。步骤n步骤步骤1 创建本地目录n步骤步骤2 启动Dreamweaver程序n步骤步骤3 创建本地站点。n步骤步骤4 启动文件面板n步骤步骤5 编辑页面n步骤步骤6 编辑左框架步骤n步骤步骤7 编辑右框架n步骤步骤8 设置框架链接n步骤步骤9 相同方法编辑其他页面n步骤步骤10 页面调试和修改n步骤步骤11 发布站点