1.1认识Dreamweaver（课件）-高二《网页设计与制作》同步教学（人民邮电版）

项目一 初识Dreamweaver 8 任务一 认识Dreamweaver 任务二 如何学好Dreamweaver软件 任务三 认识Dreamweaver软件的界面 项目一： 初识Dreamweaver 8 网页设计与制作Dreamweaver 8 任务一 任务二 小 结 任务三 实 训 任务一 认识Dreamweaver 本任务要求读者在对一些优秀网站欣赏的基础上，增强学习的积极性和主动性，在了解Dreamweaver以后，对Dreamweaver 8 的用途有一个明确的认识。 项目一： 初识Dreamweaver 8 Dreamweaver 8 网页设计与制作 任务一 任务二 小 结 任务三 实 训 2 下面欣赏几个优秀网站。 如图所示为清华大学网站。该网站结构清晰、布局简洁，充分结合了现代教育理念，将学习与网络合理地进行了整合，实现了教学对象广泛、使用方便、时间自由以及节约成本等特点。 Dreamweaver 8 网页设计与制作 项目一： 初识Dreamweaver 8 操作一 欣赏优秀网站 任务一 任务二 小 结 任务三 实 训 操作一 欣赏优秀网站 如图所示为海尔集团网站。从内容上看，注重宣传企业的品牌和形象以及产品和服务。从结构上看，页面比较简洁，内容布局合理，值得学习和借鉴。 Dreamweaver 8 网页设计与制作 项目一： 初识Dreamweaver 8 任务一 任务二 小 结 任务三 实 训 如图所示为中国花城网站。从内容上看，以花为主，类别齐全。从页面设计来看，中栏以商品宣传为主，左右两栏以用户导购和服务为主，采用的是典型的三栏布局模式。 操作一 欣赏优秀网站 Dreamweaver 8 网页设计与制作 项目一： 初识Dreamweaver 8 任务一 任务二 小 结 任务三 实 训 如图所示为网易网站。其内容丰富，门类众多。主体部分的布局模式采用的是左右两栏结构，这也是一种常的网页布局模式。由于门户网站众多的栏目和内容，因此，在设计网页时合理地划分栏目结构是非常重要的一项工作。 操作一 欣赏优秀网站 Dreamweaver 8 网页设计与制作 项目一： 初识Dreamweaver 8 任务一 任务二 小 结 任务三 实 训 如图所示为百度主页。这个页面比较简洁，除了网站标志和页脚信息，主体部分只有简单的一行文字和一些表单域。读者在学习网页制作时，百充这种典雅的用户界面设计是值得借鉴的。 操作一 欣赏优秀网站 Dreamweaver 8 网页设计与制作 项目一： 初识Dreamweaver 8 任务一 任务二 小 结 任务三 实 训 操作二 了解Dreamweaver 8 Dreamweaver是美国Macromedia公司（1984年成立于美国芝加哥，2005年被Adobe公司合并）开发的集网页制作和网站管理于一身的所见即所得式网页编辑器，是针对专业网页设计师而设计的视觉化网页开发工具，它可以让设计师轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。 Dreamweaver与Flash、Fireworks一度被称为网页三剑客，但Fireworks近年来已逐渐被Photoshop取代，现在所说的新网页三剑客是指Dreamweaver、Flash和Photoshop。 1. Dreamweaver概况 Dreamweaver 8 网页设计与制作 项目一： 初识Dreamweaver 8 通过学习，应该掌握的内容主要有： 任务一 任务二 小 结 任务三 实 训 操作二 了解 Dreamweaver 8 对于初学者来说，Deamweaver的可视化效果让用户比较容易入门，具体表现在两个方面。 一是静态页面的编排，这和其他可视化软件是类似的。 二是交互式网页的制作，这是它与众不同的重要特征。利用Deamweaver 8可以比较容易地制作交互式网页，很容易链接到Access、Mysql、SQL Server 2000等数据库。 2. Dreamweaver的优点 Dreamweaver 8 网页设计与制作 项目一： 初识Dreamweaver 8 任务一 任务二 小 结 任务三 实 训 操作二 了解Dreamweaver 8 Dreamweaver的主要作用是设计网页和管理网站，它在各个行业领域都得到广泛的应用，如个人网站、教育科研网站、企业网站、商业网站、政府网站、公益性网站以及其他网站等。 3. Dreamwe