【推荐】Dreamwear网页设计教程第1章初识Dreamweaver.ppt10
- 格式:ppt
- 大小:2.53 MB
- 文档页数:30
第1章体验Dreamweaver 8梦幻境界Dreamweaver 8是Macromedia公司最新推出的一个功能强大的网页制作工具。
与Dreamweaver MX 2004相比,其功能有很多改进和增强。
本章将带你进入Dreamweaver 8所构建的梦幻世界。
本章首先要介绍网站开发的基础知识,然后讲述Dreamweaver 8的新增功能、编辑环境以及面板等内容。
本章学习要点:了解网站及开发技术的基础知识认识Dreamweaver 8的新增功能熟悉Dreamweaver 8的编辑环境初步认识Dreamweaver 8的面板2Dreamweaver 8网页制作与网站开发标准教程1.1 Internet与Web基础知识Internet是一个全球性的计算机互联网络,它是将不同地区而且规模大小不一的网络互相连接而成。
所有人都可以通过网络的连接来共享和使用Internet中各种各样的信息。
随着Internet的快速发展,它已经深刻地影响和改变着我们的生活和世界。
1.1.1 万维网和浏览器1.1.2 IP地址和域名表1-1机构域名表1.1.3 统一资源定位器(URL)1.2 网站开发技术简介网站开发人员必须掌握一定的Web开发技术和相应的开发工具才能“构造”出真正的Web网站。
本节就一些常用的网站开发技术做一个简单的介绍,让我们在开发网站之前先对该领域的开发工具有一个大致地了解。
1.2.1 HTML第1章第1章体验Dreamweaver 8梦幻境界31.2.2 CSS1.2.3 ASP1.2.4 PHP1.2.5 JSP1.3 Dreamweaver 8新增功能网页制作爱好者都翘首以盼的Dreamweaver 8终于问世了,它增加了许多新特性,在原来的Dreamweaver MX 2004的基础上,更加凸现了功能灵活而又强大的作风。
1.3.1 Dreamweaver发展简介1.3.2 缩放、手形、选取工具1.3.3 辅助线工具1.3.4 扩展的CSS支持4Dreamweaver 8网页制作与网站开发标准教程1.3.5 代码折叠1.3.6 其他新功能1.4 Dreamweaver 8工作环境第1次使用Dreamweaver 8时,可以执行【开始】|【程序】|Macromedia|Macromedia Dreamweaver 8命令启动Dreamweaver 8。
Dreamwearver第一课讲义本章学习重点1. 我们需要了解网页与网站特色功能2. 我们需要了解操作环境了解安装卸载3. 我们需要学习界面认识浏览网页的工具-浏览器4. 我们需要学习认识网页的组成元素5. 我们需要学习空间和域名的管理举例演示:浏览一些网页作品打开网页看看一些经典网页模板ppt第一、“网页三剑客”有谁知道?(Photoshop 或Fireworks+Dreamweaver+flash )(大家知不知道?有那位同学能回答?)Dreamwearver1. 在互联网中的应用* 当前最流行、最方便的网页设计和网站开发工具软件。
提供了可自定义的、易于使用的所见即所得HTML 编辑器特色功能具备可视化的设计界面,强大的网页设计功能和编辑功能Dreamweaver CS6的安装、卸载和启动1 系统要求以下硬件和软件是运行Dreamweaver CS6所必需的。
对Microsoft Windows系统的要求如下。
处理器:Intel Pentium 4 或AMD Athlon 64(或兼容处理器)。
操作系统:Windows XP SP2 或更高版本,Windows Vista Home Premium、Business、Enterprise 或Ultimate(仅提供对32位版本的认证支持)。
RAM:512 MB。
硬盘:1.3 GB以上可用空间。
媒体:DVD-ROM驱动器。
Internet 连接(用于激活)。
对Macintosh系统的要求如下。
处理器:G4、G5 或基于Intel 的Mac。
操作系统:Mac OS 10.6或10.7版。
RAM:512 MB。
硬盘:1.8 GB以上可用空间。
媒体:DVD-ROM 驱动器。
Internet 连接(用于激活)。
2 安装Dreamweaver CS6安装Dreamweaver CS6时,首先关闭系统中当前正在运行的所有应用程序,包括其他Adobe 应用程序,然后执行下列操作之一。
国家开放大学《Dreamweave网页设计》章节测试参考答案第1章Dreamweaver软件基础一、单选题1.下面关于网站策划的说法错误的是:A.对于网站策划来说最重要的还是网站的整体风格B.向来总是内容决定形式的C.做网站的第一步就是确定主题D.信息的种类与多少会影响网站的表现力2.下面关于素材准备的说法错误的是:A.网站徽标的设计对于制作网站来说比较重要B.是网站制作中的重要一环C.在Dreamweaver中自带有准备素材的功能D.Adobe公司的Fireworks可以和Dreamweaver很好的结合使用第2章网页基本元素的添加一、单选题1.下列哪个是“图像占位符”的属性A.可见性(Visibility)B.z轴(z-index)C.名称(Name)D.位置(Location)2.如果要使图像在缩放时不失真,在图像显示原始大小时,按下()键,拖动图像右下方的控制点,可以按比例调整图像大小A.CtrlB.ShiftC.Shift+AltD.Alt3.从Dreamweaver 中直接使用Fireworks 来优化图像,不能实现的操作是A.优化到指定文件大小B.增加特殊显示效果C.调整图像尺寸大小D.更换图像文件格式二、多选题4.在Dreamweaver中将文本添加到文档的方法有A.导入Microsoft Word 内容B.从现有的文本文档中拷贝和粘贴C.直接在文档窗口键入文本D.直接在Dreamweaver 中打开文本文件5.在表格单元格中可以插入的对象有A.文本B.Java程序插件C.Flash动画D.图像6.GIF图像的优点有A.支持透明背景B.支持24位真彩色C.它支持动画格式D.无损方式压缩三、简答题7.除了普通文本,还可以在页面中插入哪些和文本相关的元素?参考答案:可以插入日期时间、列表、水平线、滚动文字等。
8.怎么设置滚动文字的不同效果?参考答案:通过<marquee>标签的Behavior属性能够设置不同方式的滚动文字效果,如滚动的循环往复、交替滚动、单次滚动等。
第1章网页设计基础Dreamweaver 8.0是Macromedia 公司推出的目前最新版本的网页设计软件,站点管理和页面设计是它的两大核心功能,它采用多种先进的技术,易学、易用。
只要掌握初步的知识,再加上自己的创意,即可制作出独树一帜的网页。
本章重点介绍在Dreamweaver 8.0中如何创建站点并进行站点管理,从而为下一步开发网站做好准备,同时,通过本章的学习使读者熟悉Dreamweaver 8.0界面及运行环境。
1.1 初识Dreamweaver8.0在使用Dreamweaver开发网站之前,首先需要熟悉一下Dreamweaver的启动及设计环境。
俗话说“工欲善其事,必先利其器”,通过本节可以使大家了解Dreamweaver 8.0这个神奇网页制作软件的“庐山真面目”,会使后面的学习变得更加轻松,上手更加迅速。
1.1.1 Dreamweaver 8.0的启动步骤①单击任务栏“开始”按钮,选择“程序”命令。
②将光标向右移动,选择Macromedia文件夹。
③将光标再向右移动,单击Macromedia Dreamweaver 8.0图标,Dreamweaver 8.0就被启动了。
Dreamweaver 8.0根据设计人员和编码人员的需求自带了2种配置,此外也还可以构建自定义工作区。
首次启动Dreamweaver 8.0时,系统会弹出一个“工作区设置”界面,可以从中选择一种工作区布局,如图1-1所示。
“设计器”工作区适合于一般的用户,“编码器”工作区指的是代码编辑界面,适合于具有较高水平网页编程技术的用户。
在这里可以选择“设计器”工作区。
如果在操作过程中想改变工作区,可单击“窗口”|“工作区布局”命令,从中选择相应的工作区,如图1-2所示。
1.1.2 Dreamweaver 8.0的工作环境启动Dreamweaver 8.0,双击打开任意一个网页文件,此时Dreamweaver 8.0工作界面如图1-3所示。
Dreamweaver网页制作教案第一章:Dreamweaver概述1.1 课程介绍了解Dreamweaver作为网页制作工具的优势熟悉Dreamweaver的工作界面1.2 创建和管理网页创建新文档打开和保存网页管理标签库1.3 实践操作制作一个简单的网页学会使用Dreamweaver的实时视图和代码视图第二章:网页基本结构2.1 网页元素文本图像表格表单2.2 排版和格式化字体和大小颜色和样式段落对齐和间距2.3 实践操作制作一个包含文本、图像和的网页学习使用Dreamweaver的排版和格式化工具第三章:CSS样式3.1 CSS介绍了解CSS的作用和优势熟悉CSS的基本语法3.2 创建和应用CSS样式创建样式表应用样式到网页元素编辑和删除样式3.3 实践操作制作一个使用CSS样式的网页学习使用Dreamweaver的CSS面板第四章:网页布局4.1 布局技术表格布局CSS布局框架布局4.2 常用布局方法固定布局可变布局响应式布局4.3 实践操作制作一个使用表格布局的网页学习使用CSS布局和响应式布局第五章:表单和交互5.1 表单元素表单标签输入框选择框文件5.2 验证和提交表单表单验证方法提交表单到服务器接收服务器返回的数据5.3 实践操作制作一个简单的表单页面学习表单的验证和交互功能第六章:Dreamweaver 网站管理6.1 网站结构规划了解网站结构的重要性学习如何规划网站结构熟悉网站的目录和文件组织方式6.2 站点设置和管理创建和定义站点管理站点文件和目录更新和网站文件6.3 实践操作规划并创建一个简单的网站结构配置和管理Dreamweaver 站点第七章:Dreamweaver 模板和框架7.1 模板的概念和应用理解模板的作用学习如何创建和使用模板掌握模板的插入点和使用技巧7.2 框架和框架集了解框架和框架集的概念学习如何创建和编辑框架掌握框架的布局和内容管理7.3 实践操作创建一个简单的模板文件使用模板创建网站的多个页面制作一个使用框架的网页布局第八章:Dreamweaver 动画和多媒体8.1 动画技术概述了解Dreamweaver 支持的视频和动画格式学习如何插入和编辑动画元素8.2 多媒体元素的应用插入图像、音频和视频设置多媒体属性和行为掌握交互式多媒体元素的制作8.3 实践操作制作一个包含动画和多媒体元素的网页学习使用Dreamweaver 的行为面板为网页添加交互功能第九章:Dreamweaver 网页编程9.1 行为和事件理解行为和事件的概念学习如何使用行为为网页添加功能掌握常见行为的使用方法9.2 JavaScript 基础了解JavaScript 的基本概念学习如何在Dreamweaver 中编写JavaScript 代码掌握Dreamweaver 的JavaScript 调试工具9.3 实践操作编写简单的JavaScript 代码为网页添加功能学习使用Dreamweaver 的JavaScript 面板和调试工具第十章:Dreamweaver 网站发布和维护10.1 网站测试学习网站在不同浏览器和设备上的测试方法掌握网站性能测试和优化技巧10.2 网站发布了解网站发布的流程和注意事项学习如何使用Dreamweaver 发布网站10.3 网站维护和更新学习网站的日常维护和更新技巧掌握网站安全和备份方法10.4 实践操作对一个网站进行全面的测试和优化发布和维护一个简单的网站第十一章:Dreamweaver 数据库和动态内容11.1 数据库基础了解数据库的概念和作用学习如何连接和操作不同类型的数据库11.2 动态内容创建学习如何创建动态网页和表单掌握Dreamweaver 内置的服务器模型和数据源11.3 实践操作连接一个数据库并创建一个动态表单使用Dreamweaver 插入动态内容到网页第十二章:Dreamweaver 扩展性和高级技巧12.1 扩展Dreamweaver学习如何安装和使用Dreamweaver 插件和扩展掌握Dreamweaver 扩展的创建和分享12.2 高级网页技术学习如何使用CSS3 和HTML5掌握响应式设计和移动网页制作技巧12.3 实践操作制作一个使用CSS3 和HTML5 的网页创建一个响应式设计的网页layout第十三章:Dreamweaver 与其他工具的集成13.1 图像和图形编辑工具学习如何使用Adobe Photoshop 和Fireworks 与Dreamweaver 协同工作掌握图像和图形的导入和编辑技巧13.2 代码编辑和调试工具学习如何使用Dreamweaver 的代码编辑功能掌握使用外部代码编辑器和调试工具的技巧13.3 实践操作使用Photoshop 和Fireworks 制作网页素材在Dreamweaver 中导入和应用图像和图形第十四章:Dreamweaver 项目管理和团队协作14.1 项目管理学习如何管理Dreamweaver 项目文件和资源掌握Dreamweaver 项目的备份和版本控制14.2 团队协作了解团队协作的重要性学习如何在团队中使用Dreamweaver 和版本控制系统14.3 实践操作管理一个Dreamweaver 项目并实现版本控制在团队中使用Dreamweaver 进行协作第十五章:Dreamweaver 综合实战项目15.1 项目规划和设计学习如何进行项目规划和设计熟悉项目的时间管理和资源分配15.2 项目实施学习如何实施Dreamweaver 项目掌握项目的时间管理和问题解决技巧15.3 项目评估和优化学习如何评估Dreamweaver 项目的效果掌握项目的优化和维护技巧15.4 实践操作完成一个Dreamweaver 综合实战项目进行项目评估和优化以提高网站质量和性能重点和难点解析重点:Dreamweaver的工作界面和基本操作网页基本结构元素的插入和编辑CSS样式的创建和应用网页布局技术,包括表格布局、CSS布局和响应式布局表单的创建和交互功能的实现网站的管理和站点的设置模板和框架的使用动画和多媒体元素的插入网页编程,包括行为和事件的应用、JavaScript基础网站的测试、发布和维护数据库连接和动态内容的创建扩展性和高级技巧的运用与其他工具的集成和项目管理的实践团队协作和综合实战项目的实施难点:CSS样式的复杂应用和调试网页布局的高级技巧,如响应式布局的实现表单验证和交互逻辑的编写网站管理和站点配置的细节处理模板和框架的精细操作JavaScript代码的编写和调试数据库连接和动态内容的管理扩展性和高级技巧的深入应用团队协作和项目管理的策略制定综合实战项目的规划和实施通过理解和掌握这些重点和难点,学生将能够熟练使用Dreamweaver进行网页制作,并能够应对真实世界的网页设计挑战。