Dreamweaver 8 网页设计基础与实践教程.ppt

《Dreamweaver 8 网页设计基础与实践教程.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、Dreamweaver8中文版网页设计基础与实践教程教学目的：为了适应Web技术的飞速发展，为学生今后在学习、工作中建立网站及网页制作打下基础，通过本课程学习，使学生了解如何规划并建立站点，掌握制作网页的基础知识，能够熟练的利用一个软件平台制作出精美的网站。第1章Dreamweaver8中文版基础Dreamweaver8是一款专业的HTML编辑器，可以用于Web站点、Web页和Web应用程序的设计、编码和开发，是众多网页编辑软件中的佼佼者。用户可以轻松地使用其可视化编辑功能，快速地创建页面而无需编写任何代码。第1章Dreamweaver8中文版基础本章重点

2、：本地站点的创建和设置。要求：了解建站的制作流程掌握制作过程中的一些建站经验和建站技巧了解常用面板组的主要功能第1章Dreamweaver8中文版基础本章章节内容安排如下:1.1Dreamweaver8的安装与启动1.2Dreamweaver8的工作区1.3Dreamweaver8新功能（略）1.4创建Dreamweaver8站点1.5编辑站点1.6使用Dreamweaver帮助（略）1.7实例_《软件下载中心》1.1Dreamweaver8的安装与启动Dreamweaver8对系统的要求Dreamweaver8的安装（略）Dreamweaver8的启动Dr

3、eamweaver8对系统的要求800MHzIntelPentiumⅢ处理器（或同等处理器）及更高频率的处理器。Windows2000、WindowsXP。256MRAM(建议采用1GB以同时运行多个Studio8）1024X768,16位显示器（建议采用32位）。650M可用磁盘空间。Dreamweaver8的启动“开始”｜“Macromedia”｜”Dreamweaver8”1.2Dreamweaver8的工作区Dreamweaver8的工作界面模式“文档”窗口工具栏状态栏上下文菜单“插入”工具栏属性检查器面板组Dreamweaver8的工作界面模式Dr

4、eamweaver8为不同层次的用户定制了不同的工作环境。当第一次启动时，系统会打开“工作区设置”对话框，如下图所示。1.2Dreamweaver8的工作区工作界面:文件面板文档编辑窗口插入栏文档工具栏标签状态栏属性检查器面板组“文档”窗口文档编辑窗口是用户进行操作和设计时最常用到的窗口，网页的所有内容也是显示在这个窗口中。工具栏在Dreamweaver8中有“标准”工具栏和“文档”工具栏两种。“标准”工具栏中包含了一些“文件”和“编辑”菜单中对文档常用操作命令的按钮，如下图所示。选择“查看”｜“工具栏”｜“标准”命令，可以显示或隐藏“标准”工具栏。“文档”

5、工具栏“文档”工具栏中主要包含了一些对文档进行常用操作的功能按钮，如下图所示。用户通过单击这些按钮可以在文档的不同视图间进行快速切换。状态栏状态栏位于文档窗口的底部，它的作用是提供与用户正在编辑的文档有关的某些信息，如当前窗口大小、文档大小和估计下载时间等，如下图所示。上下文菜单“上下文菜单”又称为“快捷菜单”，一般包括了许多常用的命令。在文档中右击对象或窗口即可弹出与该对象或窗口相关的上下文菜单，从而选择相应的命令进行操作。“插入”工具栏“插入”工具栏包含用于创建和插入对象(如表格、层和图像)所用到的所有按钮。这些按钮被分类组织到各个选项卡中，如下图所示。

6、属性检查器在Dreamweaver8中，“属性检查器”也是常用的工具之一。系统默认将该工具显示在文档的下方，如下图所示。面板组为了使设计者拥有更大的操作空间，Dreamweaver8继承了已有版本的优点，将相同类型或功能的面板组织在一起，构成了面板组。1.4创建Dreamweaver站点用户要创建一个站点，一般是先在本地将整个网站制作完成，然后再将站点上传到Web服务器上。站点概述创建本地新站点设置本地文件夹设置远程文件夹站点概述网站是WWW(万维网)中最基本的组成部分，而网页又是网站的最基本组成部分。网页之间并不是杂乱无章的，而是通过各种链接相互关联，从而

7、描述相关的主题或实现相同的目的。网站又称为站点。本地站点和远程站点上传和下载本地站点和远程站点站点：也是一种文档的磁盘组织结构。本地站点：放置在本地计算机上的网站。远程站点：位于互联网web服务器里的网站。上传和下载上传：是资源从本地计算机传输到Internet服务器的过程。下载：是资源从Internet服务器传输到本地计算机的过程。在实际的网页浏览过程中，上传和下载是经常使用到的操作。创建本地新站点首先在本地硬盘创建一个文件夹及内部结构。单击“站点”菜单→管理站点→新建，按照提示逐步完成站点设置。设置本地文件夹本地文件夹也称其为本地站点，是制作网页时的工作

8、目录。单击“站点”菜单→管理站点→编辑→高级选项卡→