Dreamweaver入门PPT参考课件

1、2021/3/102021/3/10 授课：授课：XXX 1 1 第二章第二章 DreamweaverDreamweaver入门入门 2021/3/102021/3/10 授课：授课：XXX 2 2 本章提纲本章提纲 本章内容本章内容: : 第一节第一节 DreamweaverDreamweaver功能概览功能概览 第二节第二节 DreamweaverDreamweaver工作界面工作界面 第三节第三节 站点的建立与管理站点的建立与管理 第四节第四节 制作第一个网页制作第一个网页 第五节第五节 综合实例综合实例 本章难点、重点本章难点、重点: : 站点的建立站点的建立 网页的制作网页的制作 2

2、021/3/102021/3/10 授课：授课：XXX 3 3 第一节第一节 DreamweaverDreamweaver功能概览功能概览 DreamweaverDreamweaver是由美国著名的多媒体是由美国著名的多媒体 软件开发商软件开发商MacromediaMacromedia公司开发的一个公司开发的一个 “所见即所得所见即所得”的可视化网站开发工具，的可视化网站开发工具， 20022002年推出年推出Dreamweaver MXDreamweaver MX。 Dreamweaver Dreamweaver是是“网页设计三剑客网页设计三剑客” 中的重要成员，主要负责网页版式设计、中的重

3、要成员，主要负责网页版式设计、 网页编辑和排版。网页编辑和排版。 软 件 简 介 2021/3/102021/3/10 授课：授课：XXX 4 4 创建和编辑页面元素创建和编辑页面元素 编辑编辑HTMLHTML 站点管理站点管理 插入插入FireworksFireworks文件和文件和FlashFlash动画动画 启动和编辑媒体启动和编辑媒体 Dreamweaver Dreamweaver的定制和扩展的定制和扩展 动态网页编辑动态网页编辑 主 要 功 能 2021/3/102021/3/10 授课：授课：XXX 5 5 第二节第二节 DreamweaverDreamweaver工作界面工作界面

4、 菜单栏菜单栏 工具栏工具栏 插入面板插入面板 包含用于将各种类型的包含用于将各种类型的“对象对象”（如图（如图 像、表格和层）插入到文档中的按钮。有像、表格和层）插入到文档中的按钮。有 “菜单菜单”形式和形式和“制表符制表符”形式的两种。形式的两种。 文档窗口文档窗口 显示当前创建和编辑的文档。在该窗口显示当前创建和编辑的文档。在该窗口 中中 工 作 界 面 2021/3/102021/3/10 授课：授课：XXX 6 6 可以输入文本、插入图片、绘制表格等，也可以输入文本、插入图片、绘制表格等，也 可以对整个页面进行处理。可以对整个页面进行处理。 属性面板属性面板 用于查看和更改所选对象的

5、各种属性。用于查看和更改所选对象的各种属性。 它将随选择对象不同，而显示不同的属性。它将随选择对象不同，而显示不同的属性。 面板组面板组 面板组中默认包含有面板组中默认包含有“设计设计”、“代代 码码”、“应用程序应用程序”、“标签检查器标签检查器”和和 “文件文件”5 5个组合面板，面板组可以伸缩，个组合面板，面板组可以伸缩， 面板组右上角有下拉菜单。面板组右上角有下拉菜单。 工 作 界 面 2021/3/102021/3/10 授课：授课：XXX 7 7 窗 口 组 成 菜单栏菜单栏插入面板插入面板 工具栏工具栏 文档窗口文档窗口 属性面板属性面板 面面 板板 组组 2021/3/1020

6、21/3/10 授课：授课：XXX 8 8 代 码 窗 口 2021/3/102021/3/10 授课：授课：XXX 9 9 文档工具栏文档工具栏 标准工具栏标准工具栏 工 具 栏 2021/3/102021/3/10 授课：授课：XXX 1010 菜单形式的插入面板菜单形式的插入面板 制表符形式的插入面板制表符形式的插入面板 插 入 面 板 2021/3/102021/3/10 授课：授课：XXX 1111 属 性 面 板 2021/3/102021/3/10 授课：授课：XXX 1212 下拉菜单下拉菜单 面 板 组 2021/3/102021/3/10 授课：授课：XXX 1313 第三

7、节第三节 站点的建立与管理站点的建立与管理 站点定义：就是一系列通过各种链接关联起来站点定义：就是一系列通过各种链接关联起来 的网页文档（包含网页文件、图片文件、媒体的网页文档（包含网页文件、图片文件、媒体 文件和其他文件等）文件和其他文件等）。 站点种类：站点种类：本地站点本地站点和和远程站点远程站点。 本地站点：是在本地硬盘上开辟一个空间容纳本地站点：是在本地硬盘上开辟一个空间容纳 网页及相关的文档，可以是一个目录，可以是一网页及相关的文档，可以是一个目录，可以是一 个分区，而这个目录或者分区中的所有文件就构个分区，而这个目录或者分区中的所有文件就构 成了本地站点。成了本地站点。 远程站点

8、：站点在远程计算机的一个目录上。远程站点：站点在远程计算机的一个目录上。 站 点 介 绍 2021/3/102021/3/10 授课：授课：XXX 1414 规划站点结构是设计站点的必要前规划站点结构是设计站点的必要前 提，其操作是将不同的文件分类存放提，其操作是将不同的文件分类存放 在文件夹中以便于设计者管理。合理在文件夹中以便于设计者管理。合理 地组织站点结构，可提高工作效率，地组织站点结构，可提高工作效率， 加快对站点的设计。加快对站点的设计。 站 点 建 立 | 规 划 站 点 2021/3/102021/3/10 授课：授课：XXX 1515 影星专辑影星专辑 “零零影视零零影视”网

9、站网站 动作片动作片喜剧片喜剧片爱情片爱情片今日推荐今日推荐艺术片艺术片 恐怖片恐怖片 外语影片外语影片 国语影片国语影片 外语影片外语影片 国语影片国语影片 外语影片外语影片 国语影片国语影片 外语影片外语影片 国语影片国语影片 外语影片外语影片 国语影片国语影片 外语影片外语影片 国语影片国语影片 外语影片外语影片 国语影片国语影片 站 点 建 立 | 绘 制 草 图 2021/3/102021/3/10 授课：授课：XXX 1616 “快乐收藏快乐收藏”网站网站 图书图书文章文章素材素材软件软件影视影视游戏游戏 计算机计算机 诗词歌赋诗词歌赋 小说小说 图片图片 音乐音乐 动画动画 电影

10、电影 电视剧电视剧 作品作品日志日志留言留言 2021/3/102021/3/10 授课：授课：XXX 1717 定义本地站点，就是在硬盘上建立一定义本地站点，就是在硬盘上建立一 个目录，将所有的网页和相关的文件都放个目录，将所有的网页和相关的文件都放 在里面，以便进行网页的制作管理。在里面，以便进行网页的制作管理。 重要作用：方便上传重要作用：方便上传 方法：方法： 1 1、建立目录，将资料按照合理的原则、建立目录，将资料按照合理的原则 （规划网站目录结构（规划网站目录结构）放到目录里。放到目录里。 2 2、单击、单击“站点站点”菜单下的菜单下的“新建站点新建站点” 命令。命令。 站 点 建

11、 立 | 本 地 站 点 2021/3/102021/3/10 授课：授课：XXX 1818 3 3、弹出、弹出“定义站点定义站点”对话框。对话框。 “基本基本”对话框的设置：输入站点名称。对话框的设置：输入站点名称。 “高级高级”对话框的设置：服务器技术的选对话框的设置：服务器技术的选 择择( (动态站点使用动态站点使用),),静态站点选择静态站点选择“无无” “分类分类”列表中选中第一项列表中选中第一项“本地信息本地信息” 4 4、 选择本地文件夹。选择本地文件夹。 5 5、文件的处理方法：在本地测试和编辑、文件的处理方法：在本地测试和编辑 6 6、动态网页、动态网页aspasp文件的测试

12、文件的测试: :使用什么使用什么 URLURL来浏览站点的根目录来浏览站点的根目录, ,在地址栏输入在地址栏输入 站 点 建 立 | 本 地 站 点 2021/3/102021/3/10 授课：授课：XXX 1919 //或或http:/localhost/http:/localhost/ 或或http:/http:/计算机名计算机名/ /。 7 7、远程服务器的选择：单击、远程服务器的选择：单击“否否”。 8 8、“存回存回”和和“取出取出”功能功能( (存回是指存回是指 用户放弃了自己对文件的编辑权力，而用户放弃了自己对文件的编辑

13、权力，而 交由他人进行编辑；取出表示当前文件交由他人进行编辑；取出表示当前文件 的权限归属自己所有，该文件只供自己的权限归属自己所有，该文件只供自己 编辑。编辑。) ) 9 9、完成。、完成。 说明：说明： a.a.选中选中“自动刷新本地文件列表自动刷新本地文件列表”，在在 站 点 建 立 | 本 地 站 点 2021/3/102021/3/10 授课：授课：XXX 2020 向网站中复制文件的时候，网站文件列向网站中复制文件的时候，网站文件列 表会自动刷新。表会自动刷新。 b. b.选中选中“启用缓存启用缓存”，为站点生成一个为站点生成一个 高速缓冲文件，它可以加快以后检查链高速缓冲文件，它

14、可以加快以后检查链 接信息的速度。接信息的速度。 站 点 建 立 | 本 地 站 点 2021/3/102021/3/10 授课：授课：XXX 2121 IISIIS：Internet Inormation Server,Internet Inormation Server, 用来开发用来开发webweb应用程序，响应应用程序，响应webweb浏浏 览器请求，作出回应。览器请求，作出回应。 安装安装IISIIS：控制面板：控制面板添加添加/ /删除组件。删除组件。 测试站点：我的电脑测试站点：我的电脑管理。管理。 站 点 建 立 | 站 点 测 试 2021/3/102021/3/10 授课：

15、授课：XXX 2222 创建远程站创建远程站 点的方法与创建点的方法与创建 本地站点的方法本地站点的方法 类似，只是需下类似，只是需下 载和上传站点文载和上传站点文 件。件。 站 点 建 立 | 远 程 站 点 2021/3/102021/3/10 授课：授课：XXX 2323 无标题文档无标题文档 %5 then if b5 then Response.Write(Response.Write( 休息休息 ) ) else else Response.Write( Response.Write(工作工作) End If End If Response.Write(date() Respons

16、e.Write(date() % 实 例 2021/3/102021/3/10 授课：授课：XXX 2424 ：服务器端执行脚本。：服务器端执行脚本。 Script ：客户端执行脚本。：客户端执行脚本。 request:request:客户端向服务器端发送请求信息客户端向服务器端发送请求信息 response:response:服务器端向客户端发送服务器端向客户端发送HTMLHTML格式格式 数据数据 server:server:提供服务器端方法和属性访问提供服务器端方法和属性访问 session:session:记录单个用户访问站点信息记录单个用户访问站点信息 application:app

17、lication:记录所有用户访问站点信息记录所有用户访问站点信息 A S P 对 象 2021/3/102021/3/10 授课：授课：XXX 2525 文件的管理模式文件的管理模式 a. a.目录模式：将本地站点显示成一个文目录模式：将本地站点显示成一个文 件和文件夹的列表。件和文件夹的列表。 b. b.地图模式：显示从主页到各个网页的地图模式：显示从主页到各个网页的 联系图。联系图。 网站文件的查看网站文件的查看 执行菜单命令执行菜单命令【窗口窗口】【文件文件】 打开站点编辑窗口。打开站点编辑窗口。 选择仅地图或地图和文件模式。选择仅地图或地图和文件模式。 查 看 站 点 2021/3/

18、102021/3/10 授课：授课：XXX 2626 在站点中建立文件在站点中建立文件/ /文件夹文件夹( (在相应的位在相应的位 置上右击置上右击, ,选择新建文件选择新建文件/ /新建文件夹新建文件夹) )。 编辑网页：在文件面板中双击对应的网编辑网页：在文件面板中双击对应的网 页文档页文档, ,在编辑器中编辑。在编辑器中编辑。 说明：说明： 1 1、文件的删除：右击，选择删除。、文件的删除：右击，选择删除。 2 2、将网页文件设为首页：在文件面板中、将网页文件设为首页：在文件面板中 的对应文件上右击的对应文件上右击, ,选择选择“设成首页设成首页”。 3 3、在给文件起名时，区分大小写，

19、建议、在给文件起名时，区分大小写，建议 统一使用小写字母来命名。统一使用小写字母来命名。 4 4、创建新的网页最好在站点面板中新建、创建新的网页最好在站点面板中新建 管 理 站 点 2021/3/102021/3/10 授课：授课：XXX 2727 页 面 设 置 2021/3/102021/3/10 授课：授课：XXX 2828 第四节第四节 制作网页制作网页 新建网页新建网页编辑网页（设置网页背景）编辑网页（设置网页背景） 保存网页保存网页网页预览网页预览 新建网页新建网页 通过通过“文件文件”菜单下的菜单下的“新建新建”命令命令 建立在新建文档对话框中选择建立在新建文档对话框中选择“HT

20、ML”HTML” 类型。类型。 在在“文件面板文件面板”中右击建立。中右击建立。 编辑网页编辑网页 设置页面背景：执行设置页面背景：执行“修改修改”菜单菜单 中中“页面属性页面属性”命令。命令。 制 作 网 页 2021/3/102021/3/10 授课：授课：XXX 2929 保存网页保存网页 执行执行“文件文件”菜单中的菜单中的“保存保存”命命 令令, ,在对话框中输入文件名。在对话框中输入文件名。 网页预览（网页预览（【F12F12】） 执行执行“文件文件”菜单中菜单中“在浏览器中预在浏览器中预 览览”命令。命令。 注意注意: : 不同浏览器的选择（不同浏览器的选择（“文件文件”中的中的“在在 浏览器中浏览浏览器中浏览”下下“编辑浏览器列表编辑浏览器列表”） 制 作 网 页 2021/3/102021/3/10 授课：授课：XXX 3030 第五节第五节 综合实例综合实例 按下边站点地图结构建立一站点：按下边站点地图结构建立一站点： 站 点