第2课Dreamweaver操作界面简介.ppt

* Dreamweaver -----基础教案 第二章 Dreamweaver操作界面简介 回顾： 了解网页的基本知识 熟悉网页的基本构成元素 ?熟悉网页配色基础 ?了解网页中布局设计常识 教学目标： 了解Dreamweaver 8的操作界面 掌握创建站点 掌握文本的使用 掌握项目列表和编号列表的使用 掌握头信息的设置 掌握基本文本网页的设计技巧 学习重点： 了解Dreamweaver 8的操作界面 掌握文本的使用 掌握项目列表和编号列表的使用 掌握头信息的设置 Dreamweaver与Flash、Fireworks这3者被用户称为“网页设计三剑客”。Dreamweaver的优势在于它不仅是优秀的所见即所得的编辑软件，同时也兼顾了HTML源代码，可以让用户很方便地在两种模式之间切换。 Dreamweaver 8提供众多的可视化设计工具、应用开发环境以及代码编辑支持。如利用鼠标拖曳来添加表格、图像等元素，在文档中直接输入文本，直接插入一些常用的特殊符号对象等。用户在没有输入代码的情况下完成了上述工作，Dreamweaver自动将结果转换为HTML源代码。用户也可以随时查看文档的HTML源代码，在代码视图中进行修改。 一、 Dreamweaver 8简介 Dreamweaver 8的操作界面主要由标题栏、菜单栏、文档窗口、属性面板、插入栏以及浮动面板组组成。 二、 Dreamweaver 8的操作界面 2-1 操作界面 1、新建文件 三、文件基本操作 2-2 为新建文件对话框 2、保存文件 三、文件基本操作 2-3 为保存文件 3、文件另存为 三、文件基本操作 2-3 为另存为文件 四、创建站点 Dreamweaver 8提供了两种不同的创建站点的方式，初学者可以采用非常容易方便的【基本】方式，使用向导的方式一步一步地进行设置。如果是一个网络高手，可以通过【高级】方式，对创建的站点信息进行设置。 1、使用向导建立站点 四、创建站点 使用向导建立站点的具体操作步骤如下。选择菜单中【站点】|【管理站点】命令，打开【管理站点】对话框，在对话框中单击【新建】按钮，在弹出的菜单中选择【站点】选项，如图2-11： 四、创建站点 打开【站点定义为】对话框，在对话框中如果显示的是【高级】选项卡，则切换到【基本】选项卡，在【您打算为站点起什么名字】文本框中输入“myweb”， 如图2-12 四、创建站点 单击【下一步】按钮，询问是否使用服务器技术，选择【否】，因为本站点是一个静态站点，如图2-13： 四、创建站点 单击【下一步】按钮，单击【您将把文件储存在计算机的什么位置?】文本框右边的按钮，选择文件夹目录，如图2-14： 四、创建站点 单击【下一步】按钮，询问【您如何连接到远程服务器】，在其下拉列表中选择【无】选项； 单击【下一步】按钮，列出创建站点的一些详细信息 单击【完成】按钮，返回到【管理站点】对话框，在对话框中显示创建的站点。 *