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

Dreamweaver8中文版网页设计基础与实践教程教学目的：为了适应Web技术的飞速发展，为学生今后在学习、工作中建立网站及网页制作打下基础，通过本课程学习，使学生了解如何规划并建立站点，掌握制作网页的基础知识，能够熟练的利用一个软件平台制作出精美的网站。第1章Dreamweaver8中文版基础Dreamweaver8是一款专业的HTML编辑器，可以用于Web站点、Web页和Web应用程序的设计、编码和开发，是众多网页编辑软件中的佼佼者。用户可以轻松地使用其可视化编辑功能，快速地创建页面而无需编写任何代码。第1章Dreamweaver8中文版基础本章重点：本地站点的创建和设置。要求：了解建站的制作流程掌握制作过程中的一些建站经验和建站技巧了解常用面板组的主要功能第1章Dreamweaver8中文版基础本章章节内容安排如下:1.1Dreamweaver8的安装与启动1.2Dreamweaver8的工作区1.3Dreamweaver8新功能（略）1.4创建Dreamweaver8站点1.5编辑站点1.6使用Dreamweaver帮助（略）1.7实例_《软件下载中心》1.1Dreamweaver8的安装与启动Dreamweaver8对系统的要求Dreamweaver8的安装（略）Dreamweaver8的启动Dreamweaver8对系统的要求800MHzIntelPentiumⅢ处理器（或同等处理器）及更高频率的处理器。Windows2000、WindowsXP。256MRAM(建议采用1GB以同时运行多个Studio8）1024X768,16位显示器（建议采用32位）。650M可用磁盘空间。Dreamweaver8的启动“开始”｜“Macromedia”｜”Dreamweaver8”1.2Dreamweaver8的工作区Dreamweaver8的工作界面模式“文档”窗口工具栏状态栏上下文菜单“插入”工具栏属性检查器面板组Dreamweaver8的工作界面模式Dreamweaver8为不同层次的用户定制了不同的工作环境。当第一次启动时，系统会打开“工作区设置”对话框，如下图所示。1.2Dreamweaver8的工作区工作界面:文件面板文档编辑窗口插入栏文档工具栏标签状态栏属性检查器面板组“文档”窗口文档编辑窗口是用户进行操作和设计时最常用到的窗口，网页的所有内容也是显示在这个窗口中。工具栏在Dreamweaver8中有“标准”工具栏和“文档”工具栏两种。“标准”工具栏中包含了一些“文件”和“编辑”菜单中对文档常用操作命令的按钮，如下图所示。选择“查看”｜“工具栏”｜“标准”命令，可以显示或隐藏“标准”工具栏。全部保存剪切复制粘贴撤消恢复新建文档打开保存打印“文档”工具栏“文档”工具栏中主要包含了一些对文档进行常用操作的功能按钮，如下图所示。用户通过单击这些按钮可以在文档的不同视图间进行快速切换。显示代码视图显示代码视图和设计视图显示设计视图文档标题刷新选项可视化助理检查预览验证文件管理状态栏状态栏位于文档窗口的底部，它的作用是提供与用户正在编辑的文档有关的某些信息，如当前窗口大小、文档大小和估计下载时间等，如下图所示。上下文菜单“上下文菜单”又称为“快捷菜单”，一般包括了许多常用的命令。在文档中右击对象或窗口即可弹出与该对象或窗口相关的上下文菜单，从而选择相应的命令进行操作。“插入”工具栏“插入”工具栏包含用于创建和插入对象(如表格、层和图像)所用到的所有按钮。这些按钮被分类组织到各个选项卡中，如下图所示。电子邮件链接插入Div标签媒体注释模板标记选择器超链接命名锚记图像日期服务器端包括表格属性检查器在Dreamweaver8中，“属性检查器”也是常用的工具之一。系统默认将该工具显示在文档的下方，如下图所示。设置字体样式对齐方式创建项目缩进量面板组为了使设计者拥有更大的操作空间，Dreamweaver8继承了已有版本的优点，将相同类型或功能的面板组织在一起，构成了面板组。1.4创建Dreamweaver站点用户要创建一个站点，一般是先在本地将整个网站制作完成，然后再将站点上传到Web服务器上。站点概述创建本地新站点设置本地文件夹设置远程文件夹站点概述网站是(万维网)中最基本的组成部分，而网页又是网站的最基本组成部分。网页之间并不是杂乱无章的，而是通过各种链接相互关联，从而描述相关的主题或实现相同的目的。网站又称为站点。本地站点和远程站点上传和下载本地站点和远程站点站点：也是一种文档的磁盘组织结构。本地站点：放置在本地计算机上的网站。远程站点：位于互联网web服务器里的网站。上传和下载上传：是资源从本地计算机传输到Internet服务器的过程。下载：是资源从Internet服务器传输到本地计算机的过程。在实际的网页浏览过程中，上传和下载是经常使用到的操作。创建本地新站点首先在本地硬盘创建一个文件夹及内部结构。单击“站点”菜单→管理站点→新建，按照提示逐步完成站点设置。设置本地文件夹本地文件夹也称其为本地站点，是制作网页时的工作目录。单击“站点”菜单→管理站点→编辑→高级选项卡→本地信息设置远程文件夹远程文件夹：是用户在Web服务器上的文件夹，也称其为远程站点单击“站点”菜单→管理站点→编辑→高级选项卡→远程信息1.5编辑站点用户使用Dreamweaver8能够对现有站点进行编辑、修改等操作。编辑本地站点编辑远程站点删除站点编辑本地站点单击“站点”菜单→管理站点→编辑→高级选项卡→本地信息编辑远程站点“站点”菜单→管理站点→编辑→高级选项卡→远程信息删除站点从站点列表中删除站点实际上只是删除了Dreamweaver同本地站点之间的关联，保存在磁盘上的站点内容(包括各种文件夹和文件)并不会被删除，在必要时还可以新建相同的站点。单击“站点”菜单→管理站点→删除1.7实例_《软件下载中心》效果图：软件下载中心:1.7实例_《软件下载中心》规划：在F盘新建文件夹“软件下载中心”，作为整个站点内容的文件夹，也是网站的根目录。网站名的“软件下载中心”，分6个栏目：这6个栏目内容分别存放在网站根目录下的“Dan_1”、“Dan_2”、“Dan_3”、“Dan_4”、“Dan_5”、“Dan_6”文件夹里。网站所有素材图像存放于根目录下的文件夹“img”中。1.7实例_《软件下载中心》创建一个网站应遵循的流程为：1.对站点进行规划2.素材准备3.管理站点。（首先要创建一个站点）4.制作Web页面。7.设置Web应用程序运行环境。8.创建动态页。9.测试站点。10.上传站点到远程服务器