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

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

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

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

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

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

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

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

8、远程文件夹,远程文件夹：是用户在Web服务器上的文件夹 ，也称其为远程站点 单击“站点”菜单管理站点编辑高级选项卡远程信息,1.5 编 辑 站 点,用户使用Dreamweaver 8能够对现有站点进行编辑、修改等操作。 编辑本地站点 编辑远程站点 删除站点,编辑本地站点,单击“站点”菜单管理站点编辑高级选项卡本地信息,编辑远程站点,“站点”菜单管理站点编辑高级选项卡远程信息,删除站点,从站点列表中删除站点实际上只是删除了Dreamweaver同本地站点之间的关联，保存在磁盘上的站点内容(包括各种文件夹和文件)并不会被删除，在必要时还可以新建相同的站点。 单击“站点”菜单管理站点删除,1.7 实例_软件下载中心,效果图：软件下载中心:,1.7 实例_软件下载中心,规划： 在F盘新建文件夹“软件下载中心”，作为整个站点内容的文件夹，也是网站的根目录。 网站名的“软件下载中心”，分6个栏目： 这6个栏目内容分别存放在网站根目录下的“Dan_1”、 “Dan_2”、 “Dan_3”、 “Dan_4”、 “Dan_5”、 “Dan_6” 文件夹里。 网站所有素材图像存放于根目录下的文