资源预览内容
第1页 / 共74页
第2页 / 共74页
第3页 / 共74页
第4页 / 共74页
第5页 / 共74页
第6页 / 共74页
第7页 / 共74页
第8页 / 共74页
第9页 / 共74页
第10页 / 共74页
亲,该文档总共74页,到这儿已超出免费预览范围,如果喜欢就下载吧!
资源描述
Dreamweaver8.0前言同学们你们喜欢上网吗?你知道那么多绚丽的网页时怎么做出的吗?你想制作自己的网站吗?那么跟我一起学习Dreamweaver吧!Dreamweaver是美国一家公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器,它是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。DREAMWEAVER、FLASH以及在DREAMWEAVER之后推出的针对专业网页图像设计的FIREWORKS,三者被俗称为网页三剑客。随着互联网(Internet) 的家喻户晓,网页技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器),两者各有千秋。所见则所得网页编辑器的优点就是直观性,使用方便,容易上手,您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别。 Dreamweaver是在网页设计与制作领域中用户最多、应用最广、功能最强大的软件,随着Dreamweaver 8的发布,更坚定Dreamweaver在该领域的地位。它集网页设计、网站开发和站点管理功能于一身,具有可视化、支持多平台和跨浏览器的特性,是目前网站设计、开发、制作的首选工具。Dreamweaver是一种所见即所得的HTML编辑器,可实现页面元素的插入和生成。或视化编辑环境大量减少了代码的编写,同时亦保证了其专业性和兼容性,并且可以对内部的HTML编辑器和任何第三方的HTML编辑器进行实时的访问。无论用户习惯手工输入HTML源代码还是使用可视化的编辑界面,Dreamweaver都能提供便捷的方式使用户设计网页和管理网站变得更容易。Dreamweaver可以方便地加入动画、声音图片及其他的媒体。让你的网站丰富多彩,功能强大。第一课 网络基础知识-5第二课 Dreamweaver操作环境-9第三课 站点的搭建及管理-14第四课 文本的插入与编辑-20第五课 插入图像-25第六课 插入图像-29第七课 插入并编辑表格-34第八课 插入并编辑表格-38第九课 插入并编辑表格-42第十课 插入Flash动画-46第十一课 插入Flash动画-50第十二课 插入声音-54第十三课 创建链接关系-58第十四课 创建链接关系-62第十五课 创建模板-67第一课 网络基础知识看一看随着网络的普及,越来越多的电脑爱好者开始接触网络,面对一个又一个精彩纷呈的网站,众多的电脑爱好者都按捺不住内心的憧憬开始接触网页设计和制作。而这项工作也不再象它的启蒙阶段那样,需要直接面对枯燥的代码,反复的在程序语言和最终界面之间来回切换。随着一些具有可视化操作界面,所见即所得工作窗口软件的不断出现和升级,让进入网页制作的门槛不再那么高不可及。Dreamweaver无疑是这些软件当中的佼佼者,可以说它是现在最为普及和成功的一个网页制作软件。通过Macromedia公司的不断改进和升级,它已经变得日益强大和完善。学习目标1. 知识目标:学生初步了解网络的一些基本概念IP地址、域名地址、URL地址等。2. 技能目标:能够查找URL地址等3. 情感、态度和价值观目标:培养学生对网站制作的兴趣1、IP地址与域名地址 IP地址,Internet上的每台主机都有一个唯一的IP地址,如192.168.1.100。域名地址就是网站的网址,域名的目的是让别人能够访问到一个网站,如http:/www.sina.com。简单举例来说ip地址像是人的身份证,每个人都有自己唯一的身份证号,而域名地址就像人的名字,我们平时称呼我们的同学都是用他的名字而不是用他的身份证号。2、什么是HTTP、什么是WWW?我们在浏览网站的时候经常会看到http,那么什么是http呢?http指的是超文本传输协议,所谓超文本顾名思义指的是超出文本包括声音、图片、视频、动画等当然也包括文本。 WWW是Word Wide Web的建成,在域名中是国际域名,像http:/www.sina.com网站首先前面有http说明该网站可以传输图像、视频等,后面国际域名,sina是网站的名字,com是后缀,我们常见的后缀还有gov、edu、cn等,像gov指的是政府网站,edu指的是教育网站,cn指的是中国网站。1、 url地址指的是统一资源定位器,通俗的说就是某个资源(图片,文字,视频等)的详细地址。下面来查看下某张图片的url地址: 第一步,我们首先来打开一个网站第二步:如图所示把鼠标放在图片上,右键单击图片,在弹出的菜单上选择属性.第三步:做一做打开一个网页1、 你能找到你自己电脑的IP地址吗?2、你知道临沂市六小的域名地址吗?3.你知道怎么找文章的URL地址吗?评一评同学们,你这节课的表现怎么样呢?快来评一评吧!评价内容自评互评师评合作探究知识掌握学习态度发现思考学习效果注:评价时用“”表示,优是3个“”,良是2个“”,达标是1个“”第二课 Dreamweaver8 界面看一看从今天开始准备向大家介绍Dreamweaver软件8.0版的强大功能,本教程希望以规范化的网站制作流程为线索,指导同学们以正确的步骤来逐渐接触和掌握Dreamweaver软件的主要功能。我个人认为,作为一个网页制作的爱好者,需要有一个良好的工作习惯,很多朋友在学习时喜欢随心所欲的实验软件的各种功能,而缺乏系统的、正确的工作方式。同时网页制作面对的不是一个个孤立的页面,而是一组互相关联的某个站点中的文件群,因此本教程将从网站的角度来串讲Dreamweaver中的各项主要功能。学习目标1、知识目标:了解网页制作工具dreamweaver8。2、技能目标:了解dreamweaver8的工作界面的组成: 标题显示、菜单栏、插入面板组、文档工具栏、标准工具栏、文档窗口、状态栏、属性面板和浮动面板组。3、情感、态度和价值观目标:通过对网页制作工具的认识,培养学生对网页的兴趣和对网页的了解。在首次启动Dreamweaver8时会出现一个“工作区设置”对话框,在对话框左侧是Dreamweaver8的设计视图,右侧是Dreamweave 8的代码视图。Dreamweaver8设计视图布局提供了一个将全部元素置于一个窗口中的集成布局。我们选择面向设计者的设计视图布局。在Dreamweave 8 中首先将显示一个起始页,可以勾选这个窗口下面的“不在显示此对话框”来隐藏它。在这个页面中包括“打开最近项目”、“创建新项目”“从范例创建”3个方便实用的项目,建议大家保留。新建或打开一个文档,进入Dreamweaver8的标准工作界面。Dreamweaver8的标准工作界面包括:标题显示、菜单栏、插入面板组、文档工具栏、标准工具栏、文档窗口、状态栏、属性面板和浮动面板组。1、标题显示栏 启动Macromedia Dreamweave 8后,标题栏将显示文字Macromedia Dreamweave 8.0,新建或打开一个文档后,在后面还会显示该文档所在的位置和文件名称。2、菜单栏Dreamweave 8的菜单共有10个,即文件、编辑、视图、插入、修改、文本、命令、站点、窗口和帮助。其中,编辑菜单里提供了对Dreamweaver菜单中首选参数的访问。文件:用来管理文件。例如新建,打开,保存,另存为,导入,输出打印等。编辑:用来编辑文本。例如剪切,复制,粘贴,查找,替换和参数设置等。查看:用来切换视图模式以及显示、隐藏标尺、网格线等辅助视图功能。插入:用来插入各种元素,例如图片、多媒体组件,表格、框架及超级链接等。修改:具有对页面元素修改的功能,例如在表格中插入表格,拆分、合并单元格,对其对象等。文本:用来对文本操作,例如设置文本格式等。命令:所有的附加命令项站点:用来创建和管理站点窗口:用来显示和隐藏控制面板以及切换文档窗口帮助:联机帮助功能。例如按下F1键,就会打开电子帮助文本3、插入面板组插入面板集成了所有可以在网页应用的对象包括“插入”菜单中的选项。插入面板组其实就是图像化了的插入指令,通过一个个的按钮,可以很容易的加入图像、声音、多媒体动画、表格。图层、框架、表单、Flash和ActiveX等网页元素。4、文档工具栏“文档”工具栏包含各种按钮,它们提供各种“文档”窗口视图(如“设计”视图和“代码”视图)的选项、各种查看选项和一些常用操作(如在浏览器中预览)。5、标准工具栏“标准”工具栏包含来自“文件”和“编辑”菜单中的一般操作的按钮:“新建”、“打开”、“保存”、“保存全部”、“剪切”、“复制”、“粘贴”、“撤消”和“重做”。6、文档窗口当我们打开或创建一个项目,进入文档窗口,我们可以在文档区域中进行输入文字、插入表格和编辑图片等操作。“文档”窗口显示当前文档。可以选择下列任一视图:“设计”视图是一个用于可视化页面布局、可视化编辑和快速应用程序开发的设计环境。在该视图中,Dreamw
网站客服QQ:2055934822
金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号