《网页设计与制作应用教程第3章AdobeDreamweaveCS3入精编版》由会员分享，可在线阅读，更多相关《网页设计与制作应用教程第3章AdobeDreamweaveCS3入精编版（32页珍藏版）》请在金锄头文库上搜索。
1、,机械工业出版社同名教材 配套电子课件 2009.4,第3章 Adobe Dreamweave CS3 入门知识,3.1 Dreamweave 概述 3.2 Adobe Dreamweave CS3 工作环境 3.3 站点的建立 3.4 站点文件的基本操作 3.5 边学边做,3.1 Dreamweave 概述,Dreamweave 特点 Dreamweave 是一款专业的HTML编辑器，它的功能特点如下： 可视化编辑功能 高效的站点管理 全面的编码环境 支持服务器功能 扩展功能,3.2 Adobe Dreamweave CS3 工作环境,工作区布局选择,3.2 Adobe Dreamweave
2、 CS3 工作环境,“设计器”工作区布局,3.2 Adobe Dreamweave CS3 工作环境,Dreamweaver 的工作区组成: 文档窗口 “插入”栏 文档工具栏 面板组 标签选择器 “属性”面板 “文件”面板,3.2 Adobe Dreamweave CS3 工作环境,“插入”栏 文档工具栏,A. 显示代码视图 B. 显示代码视图和设计视图 C. 显示设计视图 D. 文档标题 E. 文件管理 F. 在浏览器中预览/调试 G. 刷新设计视图 H. 视图选项 I. 可视化助理 J. 验证标记 K. 检查浏览器兼容性,3.2 Adobe Dreamweave CS3 工作环境,状态栏
3、属性面板,3.2 Adobe Dreamweave CS3 工作环境,“文件”面板,3.2 Adobe Dreamweave CS3 工作环境,菜单功能 文件菜单 编辑菜单 视图菜单 插入菜单 站点菜单 窗口菜单 帮助菜单 快捷菜单,3.2 Adobe Dreamweave CS3 工作环境,自定义Dreamweavr CS3 工作区 1、显示和隐蔽面板,3.2 Adobe Dreamweave CS3 工作环境,2、设置 Dreamweaver 的首选参数,3.2 Adobe Dreamweave CS3 工作环境,显示和隐藏欢迎屏幕,3.3 站点的建立,建立站点的目的就是为了有效的组织管理
4、设计网页所需要的各种元素。 站点需要一个名称和存储位置也就是目录，它可以是存储磁盘的任何位置。 站点有网络服务器中的站点（即远程站点）和本地站点两种创建形式。,3.3 站点的建立,选择主菜单【站点】/【新建站点】命令 ，在文本框内输入站点的名称，单击“确定”按钮,3.3 站点的建立,如果要使用服务器技术（如：ASP等），可单击选择第二个单选项，否则默认选择第一个单选项。 单击“下一步”。,3.3 站点的建立,选择在本地编辑还是在服务器编辑。并在文本框中指定站点文件夹的位置。单击“下一步”。,3.3 站点的建立,选择如何连接到服务器。,选择是否启用存回和取出模式。,3.3 站点的建立,总结新创建
5、的站点的所有设置信息，确认后单击“完成”按钮。,“文件”面板会显示出新创建的站点文件夹 。,3.3 站点的建立,创建站点目录和文件 操作方法可以是：在“文件”面扳中右键击“我的网站”站点，在弹出的快捷菜单中执行“新建文件（或新建文件夹）”命令。在出现文本框中重命名文件名（或文件夹名称），这样就方便地达到了有序管理所有站点资源的目的,3.3 站点的建立,修改站点信息 选择主菜单【站点】/【管理站点】目录，弹出“管理站点”对话框，如图所示。单击需要修改的站点名称，再单击“编辑”按钮，即可再次弹出“站点定义”对话框，然后重新进行站点设置。,3.3 站点的建立,站点视图 单击“文件”面板中的“展开/折
6、叠”按钮（），将站点文件窗口展开为最大化。对窗口可以调整查看区域的大小，并利用该窗口更改站点视图方式。如图所示的是分别以“站点文件”视图方式和“站点地图和文件”视图方式查看站点信息。,3.4站点文件的基本操作,创建和打开文档 1、新建文档 2、打开文档 3、保存文档,3.4站点文件的基本操作,管理文件和文件夹 文件”面板功能十分重要，它可以用于：访问站点、服务器和本地驱动器、查看文件和文件夹、管理文件和文件夹，以及使用站点的可视化地图等工作。 在“文件”面板中，可以及时处理站点文件和文件夹，如：打开文件、更改文件名；添加、移动或删除文件；在进行更改后刷新“文件”面板。对于 Dreamweave
7、r 站点，还可以确定哪些文件（本地站点或远程站点上）在上次传输后进行了更新。 在“文件”面板中，选择一个文件或文件夹。右键单击，在弹出的快捷菜单中选择“新建文件”或“新建文件夹”选项；输入新文件或新文件夹的名称，按“Enter”键即可创建新的文件（文件夹）。,3.4站点文件的基本操作,3.5边学边做（用 Dreamweaver CS3 打开并浏览网页）,从“开始”按钮的弹出菜单中选择Adobe Dreamweaver CS3，启动软件。 单击“欢迎”屏幕中“打开最近的项目”底部的“打开”按钮。 在“打开”对话框中选择“index1.html”文档，并确认打开，如图所示，此时窗口默认以“设计视图
8、”方式显示文档编辑内容。,3.5边学边做（用 Dreamweaver CS3 打开并浏览网页）,3.5边学边做（用 Dreamweaver CS3 打开并浏览网页）,在Dreamweaver 中，单击“文档”工具栏中“代码视图”按钮，窗口显示如图所示。,3.5边学边做（用 Dreamweaver CS3 打开并浏览网页）,单击“拆分视图”按钮，窗口显示如图所示。,3.5边学边做（用 Dreamweaver CS3 打开并浏览网页）,单击“文档”工具栏中预览按钮，如图 所示，在浏览器窗口中获得网页效果。也可以按F12 浏览网页。,3.5边学边做（用 Dreamweaver CS3 打开并浏览网页
9、）,思考与练习 描述改变面板的大小、位置的操作方法。 简述属性面板的作用。 描述文件打开、存储的操作过程。 创建站点的基本步骤是什么？ 简述站点视图的几种查看方式？ 创建一个个人主页站点。,1、有时候读书是一种巧妙地避开思考的方法。20.8.1220.8.12Wednesday, August 12, 2020 2、阅读一切好书如同和过去最杰出的人谈话。16:41:1316:41:1316:418/12/2020 4:41:13 PM 3、越是没有本领的就越加自命不凡。20.8.1216:41:1316:41Aug-2012-Aug-20 4、越是无能的人，越喜欢挑剔别人的错儿。16:41:1
10、316:41:1316:41Wednesday, August 12, 2020 5、知人者智，自知者明。胜人者有力，自胜者强。20.8.1220.8.1216:41:1316:41:13August 12, 2020 6、意志坚强的人能把世界放在手中像泥块一样任意揉捏。2020年8月12日星期三下午4时41分13秒16:41:1320.8.12 7、最具挑战性的挑战莫过于提升自我。2020年8月下午4时41分20.8.1216:41August 12, 2020 8、业余生活要有意义，不要越轨。2020年8月12日星期三4时41分13秒16:41:1312 August 2020 9、一个人
11、即使已登上顶峰，也仍要自强不息。下午4时41分13秒下午4时41分16:41:1320.8.12 10、你要做多大的事情，就该承受多大的压力。20.4.2020.4.20Monday, April 20, 2020 11、自己要先看得起自己，别人才会看得起你。18:29:0318:29:0318:294/20/2020 6:29:03 PM 12、这一秒不放弃，下一秒就会有希望。20.4.2018:29:0318:29Apr-2020-Apr-20 13、无论才能知识多么卓著，如果缺乏热情，则无异纸上画饼充饥，无补于事。18:29:0318:29:0318:29Monday, April 20, 2020 14、我只是自己不放过自己而已，现在我不会再逼自己眷恋了。20.4.2020.4.2018:29:0318:29:03April 20, 2020,谢谢大家,
