网页设计与制作-3.ppt

网页设计与制作 网页设计与制作 第三章 Dreamweaver CS3入门 第三章 Dreamweaver CS3入门 本章学习要点： Dreamweaver CS3的主要功能和特点 Dreamweaver CS3的操作环境 利用Dreamweaver CS3制作网页 利用Dreamweaver CS3创建并管理站点 3.1 学习任务：全面认识Dreamweaver CS3 Adobe Dreamweaver CS3是网页设计与制作领域中用户最多、应用最广、功能最强的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，使得各个层次的开发人员和设计人员都能够快速创建吸引人的、基于标准的网站和应用程序。 Dreamweaver与用于制作网页矢量动画的Flash、制作网页图像的Fireworks并称为“网页制作三剑客”。 3.1.1 Dreamweaver CS3的主要功能 支持必威体育精装版的Web技术 供两个选择：既可以在直观的可视布局界面中工作，又可以在简化的编码环境中工作 借助Adobe Dreamweaver CS3软件，用户可以快速、轻松地完成设计、开发与维护网站和Web应用程序的全过程 新增功能：Ajax 的 Spry 框架、Spry 构件、Spry 效果、高级 Photoshop CS3 集成、浏览器兼容性检查、Adobe CSS Advisor、CSS 布局、管理SS、Adobe Device Central、Adobe Bridge CS3 3.2 学习任务：Dreamweaver CS3操作环境介绍 Dreamweaver CS3工作 3.3 案例1 创建并保存简单HTML文档 〖学习目标〗在Dreamweaver CS3中创建一个简单的网页并保存。 〖知识要点〗创建、保存、预览网页文件的方法；页面的属性设置。效果如图所示。 新建文件夹，并准备图像 启动DreamWeaver,新建html。（保存） 输入“欢迎光临”，并回车。 插入图像”welcom.gif” 设置页面属性 字体：华文隶书 大小：24 文本颜色#cc0066 背景图像，重复 保存并浏览 3.4 学习任务：本地站点的规划与创建 所谓站点，可以看作是一系列文档的组合，这些文档通过各种链接建立逻辑关联。用户在建立网站前必须要建立站点，修改某网页内容时，也必须打开站点，然后修改站点内的网页。 3.4.2 规划站点 站点的规划：包括站点的目录结构、链接结构、模板和库的使用 。 网站的目录结构是网站组织和存放站内所有文档的目录设置情况 。 网站的链接结构是指页面之间的相互链接关系 模板和库，可以在不同的文档中重用页面布局和页面元素，给网页的维护带来很大的方便。 3.4.3 创建本地站点 本地站点实际上是位于本地计算机中指定目录下的一组页面文件及相关支持文件。每个网站都需要有自己的本地站点。Dreamweaver CS3提供了创建站点的向导，使得初学者能快速正确地完成站点的创建 。 3.4.4 管理站点 编辑站点 复制站点 删除站点 导出与导入站点 3.5 实训 一、熟悉DreamWeaverCS3操作环境 实训二、创建本地立站点及简单个人网页。 谢 谢！ 网页设计与制作 网页设计与制作