项目一 认识Dreamweaver演示文稿.PPTVIP

4、浮动面板组 在Dreamweaver 8窗口中的工具栏或各种面板，可以通过鼠标操作将它们从窗口中脱离出来成为浮动工具栏或面板。浮动面板的显示与隐藏命令都集中在主菜单栏中的【窗口】菜单中。 5、【标准】工具栏 选择主菜单中的【查看】／【工具栏】／【标准】命令显示【标准】工具栏。 6、【文件】面板 （三） 设置文本属性 需要掌握的内容主要有： 1、【文档】工具栏 2、【属性】面板 3、【插入】面板 4、水平线及其属性设置 1、【文档】工具栏 （1）单击【设计】按钮将编辑区域切换到【设计】视图，在其中可以对网页进行编辑。 （2）单击【代码】按钮，可以将编辑区域切换到【代码】视图，在其中可以编写或修改网页源代码。 （3）单击【拆分】按钮，可以将编辑区域切换到【拆分】视图，在该视图中整个编辑区域分为上下两个部分，上方为【代码】视图，下方为【设计】视图。 2、【属性】面板 如果没有显示【属性】面板，在主菜单中选择【窗口】／【属性】命令即可显示。 3、【插入】面板 【插入】面板通常有两种表现形式：制表符格式和菜单格式。 4、水平线及其属性设置 在【插入】/【HTML】面板中单击 （水平线）按钮，或在主菜单中选择【插入】/【HTML】/ 【水平线】命令插入一条水平线。 （四） 保存工作区布局 1、掌握保存工作区布局的方法 在主菜单栏中选择【窗口】／【工作区布局】／【保存当前】命令。 2、掌握管理工作区布局的方法 在主菜单中选择【窗口】／【工作区布局】／【管理】命令。 实训 制作“送孟浩然之广陵”网页 下面通过实训来增强读者对Dreamweaver 8窗口的组成、工具栏和面板的功能及基本操作的感性认识。 要求：首先定义一个静态站点，然后创建和编排网页文档。 制作“送孟浩然之广陵”网页 小结 本项目在对一些优秀网页进行赏析的基础上，介绍了Dreamweaver 8的功能和用途，通过制作一个简单的网页介绍了Dreamweaver 8的窗口组成、常用工具栏和面板等内容。通过本项目的学习，同学们应该熟练掌握Dreamweaver 8的窗口组成及其基本操作。 孔丹丹 项目一 认识Dreamweaver 8 任务一 案例赏析 任务二 了解Dreamweaver 8 任务三 制作一个简单的网页 实训 制作“送孟浩然之广陵”网页 本项目主要是让同学们对网页制作软件Dreamweaver 8有一个总体认识。首先欣赏优秀案例，然后学习Dreamweaver 8的功能和作用，最后通过制作一个简单的网页来认识Dreamweaver 8的工作界面，并学习常用工具栏和面板的基本使用方法。 任务一 案例赏析 下面来欣赏几个优秀网页，希望通过欣赏，同学们能够增强对网页设计与制作的兴趣。 1、北京大学主页 2、海信集团主页 3、网易主页 4、百度主页 结构清晰、布局简洁，充分结合了现代教育理念，将学习与网络合理地进行了整合，实现了教学对象广泛、使用方便、时间自由以及节约成本等特点。 1、北京大学主页 从内容上看，其注重宣传企业的品牌和形象以及产品和服务。从结构上看，页面比较简洁，内容布局合理，值得学习和借鉴。 2、海信集团主页 其内容丰富，门类众多。主体部分的布局模式采用的是左右两栏结构，这也是一种常用的网页布局模式。由于门户网站众多的栏目和内容，因此，在设计网页时合理地划分栏目结构是非常重要的一项工作。 3、网易主页 页面比较简洁，除了网站标志和页脚信息，主体部分只有简单的一行文字和一些表单域。读者在学习网页制作时，百度这种典雅的用户界面设计是值得借鉴的。 4、百度主页 任务二 了解Dreamweaver 8 1、基本概况 Dreamweaver是美国Macromedia公司（1984年成立于美国芝加哥，2005年被Adobe公司并购）开发的集网页制作和网站管理于一身的所见即所得式网页编辑器，是针对专业网页设计师而设计的视觉化网页开发工具，它可以让设计师轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。由Macromedia公司开发的Dreamweaver与Flash、Fireworks一起被称为网页三剑客，在Macromedia公司被Adobe公司并购后，2007年由Adobe公司发布的网页三剑客是指Dr