项目01初识Dreamweaver 8

主讲 网页设计与制作 Dreamweaver8 项目一初识Dreamweaver8 任务一认识Dreamweaver 任务二如何学好Dreamweaver软件 任务三认识Dreamweaver软件的界面 项目一 初识Dreamweaver8 任务一 任务二 小结 任务三 实训 任务一认识Dreamweaver 本任务要求读者在对一些优秀网站欣赏的基础上 增强学习的积极性和主动性 在了解Dreamweaver以后 对Dreamweaver8的用途有一个明确的认识 项目一 初识Dreamweaver8 任务一 任务二 小结 任务三 实训 下面欣赏几个优秀网站 如图所示为清华大学网站 该网站结构清晰 布局简洁 充分结合了现代教育理念 将学习与网络合理地进行了整合 实现了教学对象广泛 使用方便 时间自由以及节约成本等特点 项目一 初识Dreamweaver8 操作一欣赏优秀网站 任务一 任务二 小结 任务三 实训 操作一欣赏优秀网站 如图所示为海尔集团网站 从内容上看 注重宣传企业的品牌和形象以及产品和服务 从结构上看 页面比较简洁 内容布局合理 值得学习和借鉴 项目一 初识Dreamweaver8 任务一 任务二 小结 任务三 实训 如图所示为中国花城网站 从内容上看 以花为主 类别齐全 从页面设计来看 中栏以商品宣传为主 左右两栏以用户导购和服务为主 采用的是典型的三栏布局模式 操作一欣赏优秀网站 项目一 初识Dreamweaver8 任务一 任务二 小结 任务三 实训 如图所示为网易网站 其内容丰富 门类众多 主体部分的布局模式采用的是左右两栏结构 这也是一种常的网页布局模式 由于门户网站众多的栏目和内容 因此 在设计网页时合理地划分栏目结构是非常重要的一项工作 操作一欣赏优秀网站 项目一 初识Dreamweaver8 任务一 任务二 小结 任务三 实训 如图所示为百度主页 这个页面比较简洁 除了网站标志和页脚信息 主体部分只有简单的一行文字和一些表单域 读者在学习网页制作时 百充这种典雅的用户界面设计是值得借鉴的 操作一欣赏优秀网站 项目一 初识Dreamweaver8 任务一 任务二 小结 任务三 实训 操作二了解Dreamweaver8 Dreamweaver是美国Macromedia公司 1984年成立于美国芝加哥 2005年被Adobe公司合并 开发的集网页制作和网站管理于一身的所见即所得式网页编辑器 是针对专业网页设计师而设计的视觉化网页开发工具 它可以让设计师轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页 Dreamweaver与Flash Fireworks一度被称为网页三剑客 但Fireworks近年来已逐渐被Photoshop取代 现在所说的新网页三剑客是指Dreamweaver Flash和Photoshop 1 Dreamweaver概况 项目一 初识Dreamweaver8 通过学习 应该掌握的内容主要有 任务一 任务二 小结 任务三 实训 操作二了解Dreamweaver8 对于初学者来说 Deamweaver的可视化效果让用户比较容易入门 具体表现在两个方面 一是静态页面的编排 这和其他可视化软件是类似的 二是交互式网页的制作 这是它与众不同的重要特征 利用Deamweaver8可以比较容易地制作交互式网页 很容易链接到Access Mysql SQLServer2000等数据库 2 Dreamweaver的优点 项目一 初识Dreamweaver8 任务一 任务二 小结 任务三 实训 操作二了解Dreamweaver8 Dreamweaver的主要作用是设计网页和管理网站 它在各个行业领域都得到广泛的应用 如个人网站 教育科研网站 企业网站 商业网站 政府网站 公益性网站以及其他网站等 3 Dreamweaver的作用 项目一 初识Dreamweaver8 任务一 任务二 小结 任务三 实训 本任务通过一个情景模拟来介绍学好Dreamweaver的方法以及在学习过程中应该注意的问题 要求读者对学习Dreamweaver的方法有一个基本的认识 第1 结合个人的实际选取适当的学习方法 第2 对网上的典型网面多观察多思考 第3 由实践到理论 由简单到复杂 第4 要有信息 决心和恒心 贵在坚持 第5 选择合适的参考书 任务二如何学好Dreamweaver软件 项目一 初识Dreamweaver8 任务一 任务二 小结 任务三 实训 任务三认识Dreamweaver软件的界面 本任务以制作一个简单的网页为例让同学们认识Dreamweaver8软件的界面和工作过程 需要掌握的内容有以下几点 一 了解 起始页 对话框 其中有3项列表 打开最近项目 创建新项目 和 从范例创建 项目一 初识Dreamweaver8 1 定义站点操作动画2 创建文件并进行个性化布局操作动画 任务一 任务二 小结 任务三 实训 二 简单了解定义静态网页站点的过程 任务三认识Dreamweaver软件的界面 项目一 初识Dreamweaver8 任务一 任务二 小结 任务三 实训 在 起始页 对话框中 单击 创建新项目 HTML 命令 可创建一个空白的HTML文档 任务三认识Dreamweaver软件的界面 三 简单了解创建网页的方法 项目一 初识Dreamweaver8 任务一 任务二 小结 任务三 实训 任务三认识Dreamweaver软件的界面 四 了解Dreamweaver8窗口界面 项目一 初识Dreamweaver8 任务一 任务二 小结 任务三 实训 选择主菜单栏中的 查看 工具栏 标准 命令将显示 标准 工具栏 任务三认识Dreamweaver软件的界面 五 了解 标准 工具栏的使用 项目一 初识Dreamweaver8 任务一 任务二 小结 任务三 实训 在Dreamweaver8窗口中的工具栏或各种面板 可以通过鼠标操作将它们从窗口中脱离出来成为浮动工具栏或面板 也可以根据实际需要对面板进行重组 任务三认识Dreamweaver软件的界面 六 了解浮动面板组及其面板的组合 项目一 初识Dreamweaver8 任务一 任务二 小结 任务三 实训 在Dreamweaver8窗口中 插入 面板通常有两种表现形式 制表符格式和菜单格式 任务三认识Dreamweaver软件的界面 七 掌握 插入 面板的两种使用形式 项目一 初识Dreamweaver8 任务一 任务二 小结 任务三 实训 任务三认识Dreamweaver软件的界面 八 了解 属性 面板 当在网页编辑区域选择一个对象时 属性 面板中就会显示该对象的属性 也可以通过 属性 面板重新设置所选对象的属性 如果没有显示 属性 面板 在主菜单栏中选择 窗口 属性 命令即可显示 选择的对象不同 属性 面板的表现形式就不一样 表格 属性 面板 单元格 属性 面板 项目一 初识Dreamweaver8 任务一 任务二 小结 任务三 实训 任务三认识Dreamweaver软件的界面 九 了解 文档 工具栏 如果窗口中没有显示 文档 工具栏 可以选择主菜单栏栏中的 查看 工具栏 文档 命令 项目一 初识Dreamweaver8 任务一 任务二 小结 任务三 实训 任务三认识Dreamweaver软件的界面 十 了解工作区布局的保存和管理 在主菜单栏栏中选择 窗口 工作区布局 保存当前 命令 保存工作区布局 对话框 菜单中增加了 我的个性化布局 选项 在主菜单栏栏中选择 窗口 工作区布局 管理 命令 打开 管理工作区布局 对话框 项目一 初识Dreamweaver8 任务一 任务二 小结 任务三 实训 实训认识Dreamweaver窗口 通过实训来增强读者对Dreamweaver8窗口的组成 工具栏和面板的功能及基本操作的感性认识 实训目的 进一步熟悉Dreamweaver8的基本界面 进一步巩固Dreamweaver8的各种面板的使用方法 操作步骤 请参考教材 项目一 初识Dreamweaver8 任务一 任务二 小结 任