项目01 初识Dreamweaver 8演示文稿

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

Dreamweaver8对于初学者来说，Deamweaver的可视化效果让用户比较容易入门，具体表现在两个方面。一是静态页面的编排，这和其他可视化软件是类似的。二是交互式网页的制作，这是它与众不同的重要特征。利用Deamweaver8可以比较容易地制作交互式网页，很容易链接到Access、Mysql、SQLServer2000等数据库。2.Dreamweaver的优点Dreamweaver8网页设计与制作工程一：初识Dreamweaver8任务一任务二小结任务三实训操作二了解Dreamweaver8Dreamweaver的主要作用是设计网页和管理网站，它在各个行业领域都得到广泛的应用，如个人网站、教育科研网站、企业网站、商业网站、政府网站、公益性网站以及其他网站等。3.Dreamweaver的作用Dreamweaver8网页设计与制作工程一：初识Dreamweaver8任务一任务二小结任务三实训本任务通过一个情景模拟来介绍学好Dreamweaver的方法以及在学习过程中应该注意的问题，要求读者对学习Dreamweaver的方法有一个根本的认识。第1，结合个人的实际选取适当的学习方法。第2，对网上的典型网面多观察多思考。第3，由实践到理论，由简单到复杂。第4，要有信息、决心和恒心，贵在坚持。第5，选择适宜的参考书。任务二如何学好Dreamweaver软件Dreamweaver8网页设计与制作工程一：初识Dreamweaver8任务一任务二小结任务三实训任务三认识Dreamweaver软件的界面

本任务以制作一个简单的网页为例让同学们认识Dreamweaver8软件的界面和工作过程。需要掌握的内容有以下几点：一、了解【起始页】对话框其中有3项列表：【翻开最近工程】、【创立新工程】和【从范例创立】。Dreamweaver8网页设计与制作工程一：初识Dreamweaver81、定义站点操作动画2、创立文件并进行个性化布局操作动画任务一任务二小结任务三实训二、简单了解定义静态网页站点的过程。任务三认识Dreamweaver软件的界面Dreamweaver8网页设计与制作工程一：初识Dreamweaver8任务一任务二小结任务三实训在【起始页】对话框中，单击【创立新工程】／【HTML】命令，可创立一个空白的HTML文档。任务三认识Dreamweaver软件的界面三、简单了解创立网页的方法。Dreamweaver8网页设计与制作工程一：初识Dreamweaver8任务一任务二小结任务三实训任务三认识Dreamweaver软件的界面四、了解Dreamweaver8窗口界面。Dreamweaver8网页设计与制作工程一：初识Dreamweaver8任务一任务二小结任务三实训

选择主菜单栏中的【查看】／【工具栏】／【标准】命令将显示【标准】工具栏。

任务三认识Dreamweaver软件的界面五、了解【标准】工具栏的使用。Dreamweaver8网页设计与制作工程一：初识Dreamweaver8任务一任务二小结任务三实训在Dreamweaver8窗口中的工具栏或各种面板，可以通过鼠标操作将它们从窗口中脱离出来成为浮开工具栏或面板，也可以根据实际需要对面板进行重组。任务三认识Dreamweaver软件的界面六、了解浮动面板组及其面板的组合。Dreamweaver8网页设计与制作工程一：初识Dreamweaver8任务一任务二小结任务三实训

在Dreamweaver8窗口中，【插入】面板通常有两种表现形式：制表符格式和菜单格式。

任务三认识Dreamweaver软件的界面七、掌握【插入】面板的两种使用形式。Dreamweaver8网页设计与制作工程一：初识Dreamweaver8任务一任务二小结任务三实训任务三认识Dreamweaver软件的界面八、了解【属性】面板。

当在网页编辑区域选择一个对象时，【属性】面板中就会显示该对象的属性，也可以通过【属性】面板重新设置所选对象的属性。如果没有显示【属性】面板，在主菜单栏中选择【窗口】／【属性】命令即可显示。选择的对象不同，【属性】面板的表现形式就不一样。表格【属性】面板单元格【属性】面板Dreamweaver8网页设计与制作工程一：初识Dreamweaver8任务一任务二小结任务三实训任务三认识Dreamweaver软件的界面九、了解【文档】工具栏。

如果窗口中没有显示【文档】工具栏，可以选择主菜单栏栏中的【查看】／【工具栏】／【文档】命令。Dreamweaver8网页设计与制作工程一：初识Dreamweaver8任务一任务二小结任务三实训任务三认识Dreamweaver软件的界面十、了解工作区布局的保存和管理。

在主菜单栏栏中选择【窗口】／【工作区布局】／【保存当前…】命令。【保存工作区布局】对话框菜单中增加了【我的个性化布局】选项在主菜单栏栏中选择【窗口】／【工作区布局】／【管理…】命令，翻开【管理工作区布局】对话框。Dreamweaver8网页设计与制作工程一：初识Dreamweaver8任务一任务二小结任务三实训实训认识Dreamweaver窗口通过实训来增强读者对Dreamweaver8窗口的组成、工具栏和面板的功能及根本操作的感性认识。【实训目的】进一步熟悉Dreamweaver8的根本界面。进一步稳固Dreamweaver8的各种面板的使用方法。【操作步骤】

请参考教材。Dreamweaver8网页设计与制作工程一：初识Dreamweaver8任务一