《网页设计》完整课件网页设计.pptxVIP

第四讲 Dreanweaver MX网页设计基础及基本操作与文字编辑 主要内容： 一、Dreamweaver MX简介 二、Dreamweaver MX工作界面 三、Dreamweaver MX基本操作与文字编辑四、 五、本节小结六、作业;Dreamweaver MX简介;必须注意： Dreamweaver和现在市场上使用的其它的网页制作软件如Frontpage, 微软的Word等在风格上有所不同， Dreamweaver采用的是 Macromedia浮动面板的设计风格，对于初 学者来说，可能会感到不适应。但当你习 惯了其操作方法后，就会发现Dreamweaver的直观性和高效性是Frontpage和其它软件所无法比拟的。更多的体会可能只能靠我 们同学学习、掌握、熟练使用该软件以后…留给同学们自己总结了。;Dreamweaver MX 工作界面介绍;可以让用户根据自己的需要设置，可选择的界面包括“Dreamweaver MX工作区”和“Dreamweaver 4工作区”。 （也就是说，Dreamweaver MX提供了有二种工作界面的风格：） 第一种：将全部元素置于一个窗口的集成布局风格，即“Dreamweaver MX工作区”。请看下图示例：;对象面板;第二种：非常类似于 Dreamweaver 4的浮动布局风格，即“Dreamweaver 4工作区”。请看下图示例：;提示：如果不是第一次使用Dreamweaver MX，如何可以重新设置自己的需要的界面？ 也就是说： 选择一种工作区后要切换到另一个工作区该怎么办？ 操作方法是： 1、选择Dreamweaver MX中的菜单“编辑” →“参数选择”命令，会弹出“参数选择”对话框：;参数选择对话框;2、在“参数选择”对话框中的左侧的 “分类”列表中选择“常规”类。 3、单击“更改工作区”按钮。 4、选择一种工作区布局，然后单击“确定”按钮。此时系统会出现一条警告信息，通知您重新启动Dreamweaver后将出现新的布局。 5、退出Dreamweaver MX，并重新启动它，就换了一种工作界面。;DreamweaverMX工作区功能介绍;二、主菜单;三、 对象面板（“插入”栏）;四、状态栏;五、属性面板（属性检查器）;六、网页编辑区（文档窗口）;七、面板组：面板组是组合在一个标题下面的相关面板的集合。;DreamweaverMX基本操作;什么是站点？;介绍几个概念： 1、本地计算机：若你正在使用的一台计算机，同时也是用来存放上传到服务器之前时所有的网页及站点的内容，??这台电脑称为本地计算机。 2、本地站点：指的是本地计算机创建的站点。实质上它是指网站中所有的网页文件在本地计算机的存放位置。 3、远程计算机： 除了本地计算机外，还应 该有一台计算机来发布主页，供Internet用户浏览，这台计算机就叫做远程计算机。 实际上就是Internet服务器。;4、远程站点：在本地站点设计完毕后，可以利用各种FTP程序将本地站点上 传到Internet服务器上，形成远程站点。 5、站点的规划和设计：指的是创建 Web站点通常是从对其进行规划开始的：决定要创建多少页、每页上显示什么内容、以及网页是如何互相链接起来的。;22;新建站点的操作步骤：;在弹出的对话框中选择“基本”选项卡，出现定义站点向导，如下图所示：;第二步：单击“下一步”按钮，询问是否要使用服务器技术，选择“否”选项（表示目前该站点是一个静态站点，没有动态页即不使用Web应用程序：如 ASP、JavaServer Page JSP）;第三步：单击“下一步”按钮，选择“编辑我的计算机上的本地副本，完成后再上传到服务器（推荐）”单选项，然后指定本地机磁盘上的一个文件夹储存 站点文件（包括网页文件及设计网页用到的其它资;第四步：单击“下一步”按钮，在弹出的对话框中设置如何连接到远程服务器，单击下拉菜单，选择 “无”。如下图所示：;第五步：单击“下一步”按钮，弹出如下图设置概要。单击“完成”按钮，完成设置。;*使用“高级”选项卡定义站点操作方法：选择“高级”选项卡，在“分类”区域中选择“本地信息”，如下图所示：;说明： 在“站点名称”文本框中，输入站点的名称。 在“本地根文件夹”文本框中，指定本地计算机的磁盘上用于存放所有站点文件的文件夹。（如果本地根文件夹尚不存在，应先创建好的文件夹）。 在“自动刷新本地文本列表”选项中，指定每次文件复制到本地站点时， DreamweaverMX是否自动刷新本地文件列表。 在“默认图象文件夹”文本框中，指定此站点的默认图象文件夹的路径。; 在“http地址”文本框中，输入已完成的Web站点将使用的URL。 对于“启用缓存”选项，指定是否创建本地缓存以提高链接和站点管理任务的速度，这是Dream