《实战Dreamweaver8网页制作教程 教学课件 ppt 作者 刘天真 第1章 初识Dreamwaver 8》由会员分享,可在线阅读,更多相关《实战Dreamweaver8网页制作教程 教学课件 ppt 作者 刘天真 第1章 初识Dreamwaver 8(23页珍藏版)》请在金锄头文库上搜索。
1、学习目标,掌握Dreamweaver 8工作界面的基本操作 能利用站点定义向导创建站点和编辑管理站点 初步体验制作一个完整网站的方法,1.1 Dreamweaver 8简述 1.2 Dreamweaver 8的工作界面和基本操作 1.3 Dreamweaver站点的建立及规划 1.4 文件的基本操作 1.5 制作第一个网站“藏獒传说”,本章内容,Dreamweaver 8是美国Macromedia公司开发的集网页制作和站点管理于一身的网页制作软件,也是第一个专门为网页设计师量身定制的可视化网页制作软件,利用它可以制作出跨越平台限制和浏览器限制的充满丰富动感的网页。设计者即使没有掌握HTML语言
2、和JavaScript,仍可以使用Dreamweaver 8轻松制作出精美的网页,而且在制作过程中可以同步预览制作效果,使得网页设计过程简单明了。 Dreamweaver 8是Macromedia系列产品的最新版本,它在原来版本的功能基础之上进行了改进和升级,功能更强大。它不仅可以制作出任何结构复杂的静态网页,具有完美的操作界面、强大的模板功能、创建动态网页、强大的代码编辑功能,在Dreamweaver 8版本中,还加入了经过重新设计的CSS工具、速度更快的后台FTP,以及新的XML/XSLT创作功能,简化了用于Web浏览XML文件的格式化过程。,1.1 Dreamweaver 8概述,1.2
3、.1 Dreamweaver 8的启动,1.2 Dreamweaver 8的工作界面和基本操作,单击任务栏“开始” “程序” Macromedia文件夹Macromedia Dreamweaver 8 。接下来将光标再向右移动,单击Macromedia Dreamweaver 8图标,Dreamweaver 8就被启动了。,首次启动Dreamweaver 8时,系统会打开“工作区设置”对话框,可以从中选择一种工作区布局,如图1-1所示。“设计器”工作区适合于一般的用户,“编码器”工作区适合于具有较高水平网页编程技术的用户。在这里可以选择“设计器”工作区。,工作区设置对话,1.2.2 Dream
4、weaver 8的工作界面,1.2 Dreamweaver 8的工作界面和基本操作,Dreamweaver 8工作界面,1.2 Dreamweaver 8的工作界面和基本操作,1.“插入”面板组,“插入”面板组包含用于创建和插入对象所用到的所有按钮,它包括7个子面板,依次为“常用”、“布局”、“表单”、“文本”、“HTML”、“应用程序”和“Flash元素”。 单击下拉列表中的“显示为制表符”,插入面板则以标签的形式显示,如下图所示。单击右端的按钮,在下拉菜单中选择“显示为菜单”命令则恢复为默认设置。,1.2 Dreamweaver 8的工作界面和基本操作,2. “文档”工具栏,文档工具栏中主
5、要包含了一些对文档进行常用操作的功能按钮,通过单击这些按钮可以在文档的不同视图间进行快速切换,如下图所示。,1.2 Dreamweaver 8的工作界面和基本操作,3. 文档窗口,文档窗口是设计网页的主窗口,在该窗口中,用户可以对各种网页元素进行编辑和排版。在文档窗口中右击,在弹出的快捷菜单中可以选择相应的命令进行操作,如下图所示。,文档窗口,1.2 Dreamweaver 8的工作界面和基本操作,4. 状态栏,状态栏位于文档窗口的底部,用于提供与用户当前编辑的文档有关的信息,如当前窗口大小、文档大小和估计下载时间等,如下图所示。,1.2 Dreamweaver 8的工作界面和基本操作,5.
6、“属性”面板,在Dreamweaver 8中”属性”面板是经常使用的工具之一。当选中某一对象时,属性面板会自动地显示相关信息和参数,可以对其进行修改和设定,如下图所示。,1.3.1 利用站点定义向导创建站点,1.3 Dreamweaver 8站点的建立及规划,实例1 “藏獒传说”网站的建立 (1)单击菜单“站点” “新建站点”命令,可打开“站点定义”对话框,在文本框中输入网站的名称,这里输入“藏獒传说”,如右图所示,然后单击“下一步”进入另一个向导。,1.3 Dreamweaver 8站点的建立及规划,实例1 “藏獒传说”网站的建立 (2)接下来站点定义向导2的功能是询问“您是否要使用服务器技
7、术”,选择“否”,表示目前该站点是一个静态站点,没有动态页。选择“是”则需要进一步选择动态网页类型。这里,我们制作的网站是一个静态站点,所以选择“否”,然后单击“下一步”进入下一步向导,如右图所示。,1.3 Dreamweaver 8站点的建立及规划,实例1 “藏獒传说”网站的建立 (3)站点定义向导3主要实现两个功能: 1)第一个功能是指定网页的存放方式。编辑我的计算机上的本地副本,完成后再上传到服务器(推荐):适合在不连接网络、单机的情况下编辑、制作网站。我们选择第一项。 2)第二个功能在文本框内指定站点所指向的位置,即指定“藏熬传说”网站存放在本地硬盘的哪个文件夹内?可直接在文本框中输入
8、存放网站的文件夹路径,或单击文本框右边的 来选择存放网站的文件夹,如右图所示。然后单击“下一步”进入 “下一步”向导。,1.3 Dreamweaver 8站点的建立及规划,实例1 “藏獒传说”网站的建立 (4)站点定义向导4询问您如何连接到远程服务器,如果没有远程服务器,这里选择“无”,如右图所示,然后单击“下一步”进入站点向导5。,1.3 Dreamweaver 8站点的建立及规划,实例1 “藏獒传说”网站的建立 (5)站点定义向导5出现如右图所示的设置概要。单击“完成”结束站点的设置。,1.3.2 站点的管理,1.3 Dreamweaver 8站点的建立及规划,站点建好以后,可根据需要对站
9、点进行编辑管理,如新建、编辑、复制、删除等。可单击菜单“站点”“管理站点”命令,打开“管理站点”对话框,如下图所示,选择要编辑的站点名称,可根据需要选择不同的按钮进行操作。,1.3.3 创建站点的文件和文件夹,1.3 Dreamweaver 8站点的建立及规划,可以通过“文件”面板对站点的内容进行管理。在“文件”面板中选中站点名称,鼠标在“文件”面板中的空白处按右键,在弹出菜单中选择“新建文件”或“新建文件夹”命令,进行相应的操作。同理,可利用此方法选择其他的命令对站点内的文件进行编辑管理。,1.4.1 创建新的空白文档,1.4 文件的基本操作,选择菜单“文件”“新建”命令,打开“新建文档”对
10、话框,如下图所示。在“类别”列表框中选择“基本页”选项,在“基本页”列表框中选择HTML选项,单击“创建”按钮,即可完成一个新的空白文档的创建,默认的文件名为Untitled-1.html。,1.4.2 打开现有文档,1.4 文件的基本操作,选择菜单“文件”“打开”命令,在“打开”对话框中选择要打开的文件后,单击“打开”按钮即可进入该文档的编辑模式。,1.4.3 基于模板创建文档,1.4 文件的基本操作,要以模板为基础创建新的文档,只需选择“文件”“新建”命令,打开“新建文档”对话框,单击 “模板”选项卡,进入“从模板新建”对话框。若前面已建立了模板,则对话框中显示已建立的模板,选中要使用的模板后单击“创建”按钮即可。若前面没有建立模板,则对话框中显示“”,如右图所示。,1.4.4 存储和关闭文档,1.4 文件的基本操作,当第一次保存文档时,选择菜单“文件”“保存”或“另存为”命令,在“保存为”对话框中选择要保存的文件路径、文件名和文件格式,单击“保存”按钮即可保存文档。已经保存过的文档再次保存时,只需单击“文件”“保存”命令即可,不再出现对话框。,1.4.5 理解空白文档的初始代码,1.4 文件的基本操作, 无标题文档 ,1.5 制作第一个网站“藏獒传说”,通过本案例的操作,你将学会:如何通过站点定义向导建立站点、如何组织管理站点文件、如何在网页中添加各种元素。,