dreamweaver8教案
第1课 Dreamweaver 8基础
1.2 课堂教学
1.2.3 Dreamweaver 8的启动和主工作区 8的启动和主工作区 2.Dreamweaver 8的主工作区 8的主工作区 Dreamweaver 8的主工作区由插入工具栏,文档工具栏, 8的主工作区由插入工具栏 文档工具栏, 的主工作区由插入工具栏, 文档窗口,属性面板等部分组成. 文档窗口,属性面板等部分组成. (1) 插入工具栏 Dreamweaver 8的插入工具栏中默认显示的是"常用" 8的插入工具栏中默认显示的是 常用" 的插入工具栏中默认显示的是" 类的主要功能按钮.单击"常用"按钮会弹出一个下拉菜单, 类的主要功能按钮.单击"常用"按钮会弹出一个下拉菜单, 其中包含了插入工具栏中的其他功能菜单. 其中包含了插入工具栏中的其他功能菜单.用户选择不同的 分类,插入工具栏中包含的功能按钮也随之改变. 分类,插入工具栏中局 设计Web Web页面布局 当用户创建实体模型并设计页面的最终布局时, 当用户创建实体模型并设计页面的最终布局时, 8提供了很大的灵活性 提供了很大的灵活性. Dreamweaver 8提供了很大的灵活性.选择自己要使用的布局 方法,或综合使用Dreamweaver 8布局选项创建站点的外观 布局选项创建站点的外观. 方法,或综合使用Dreamweaver 8布局选项创建站点的外观. 利用Dreamweaver 8的层或CSS定位样式创建布局. 利用Dreamweaver 8的层或CSS定位样式创建布局. 的层或CSS定位样式创建布局 利用Dreamweaver 8的表格工具和布局模式,用户可以通过 利用Dreamweaver 8的表格工具和布局模式 的表格工具和布局模式, 拖动并重新安排页面结构来快速地设计Web Web页 拖动并重新安排页面结构来快速地设计Web页. 4.向页面添加内容 利用Dreamweaver 8,用户可以方便地在Web 利用Dreamweaver 8,用户可以方便地在Web页中添加多 Web页中添加多 种内容,包括文本,图像,颜色,影片以及其他形式的媒体. 种内容,包括文本,图像,颜色,影片以及其他形式的媒体.
dreamweaver8教案
dreamweaver8教案第1课Dreamweaver8基础知识教学目的:对Dreamweaver8有总体了解,掌握Dreamweaver8工作界面的组成。
教学重点:掌握工作界面的快捷工具栏,网页编辑窗口,属性面板和浮动面板显示及使用。
教学难点:快捷工具栏的显示及组成、使用,浮动面板的显示与隐藏教学方式:多媒体演示,教师讲解、演示,学生思考分析、记忆。
教学课时:2课时教具使用:多媒体教室投影显示教学内容及过程:1、导入新课:提问学生对网站的了解,internet网与我们生活的联系及重要性。
引发学生思考,带着颖问进入教学课题。
2、讲授新课:多媒体教师操作演示讲解和幻灯片的演示或板书:一、简介Dreamweaver8是著名的“所见即所得”的可视化网站开发工具,是国内外普遍应用的专用网页设计软件。
在国内,它被称为“织梦者”,它不仅提供了强大的网页编辑功能,而且提供了完善的站点管理机制,可以说,它是一个集网页创作和站点管理两大利器于一身的超重量级创作工具。
Dreamweaver8优势:1、所见即所得与兼顾HTML源代码两种模式相互切换编辑。
2、不仅有同类软件的所有功能,而且有自身的许多出色设计理念。
3、无需手写代码,就能轻松创建各种动态效果。
4、有强大的自定义及扩展功能,提高了工作效率。
5、支持跨浏器和层叠样式表。
6、Dreamweaver8最新版本,采用多种先进技术,能够高效地创建极具表现力和动感效果的网页。
7、易学,易用,初学者也可制作精致的网页。
二、Dreamweaver8工作环境1、启动Dreamweaver8从开始菜单启动,出现工作区设置对话框,选择设计器工作区。
设计器是标准的工作区。
2、Dreamweaver8工作界面认识Dreamweaver8工作界面,对掌握和提高制作效率是关键的一步。
(1)、标题栏:左侧有网页标题,所在位置及文件名称,右侧有最小化,最大化和关闭。
(2)、菜单栏:有“文件”、“编辑”、“查看”、“插入”、“修改”、“文本”、“命令”、“站点”、“窗口”、“帮助”。
Dreamweaver8中文实例教程
第1章网页设计基础1.1 认识网页1.2 网页设计的基本原则1.3 Dreamweaver 8简介1.4 Dreamweaver 8的参数设置【知识要点】→1.认识网页。
→2.网页设计的基本原则。
→3.Dreamweaver 8简介。
→4.Dreamweaver 8的参数设置。
【技能目标】→1.了解网页的基础知识。
→2.了解网页设计的基本原则。
→3.认识Dreamweaver 8的主界面。
→4.了解首选参数的设置。
1.1 认识网页1.1.1 什么是网页网页一般分为静态网页和动态网页。
静态网页是标准的HTML文件,扩展名为.html 或.htm。
动态网页在许多方面与静态网页是一致的。
根据采用Web应用技术的不同,动态网页文件的扩展名也不同。
在文件中使用ASP(Active Server Pages)技术时,扩展名是.asp,使用JSP(Java Server Pages)技术时,文件扩展名为.jsp 。
搜狐网页中国银行静态首页中国农业银行动态首页1.1.2 网页与网站的关系一个完整的网站是由多个网页构成的,这些网页是分别独立的,这些独立的网页通过超链接联系起来。
网站可以看做是许多网页的家,浏览者可以通过浏览器访问网站的地址后,读取这个网站内的网页。
网页是网站的基本信息单位,一个网站通常由众多的网页有机地组织起来,用来为网站用户提供各种各样的信息和服务,好比一栋大楼里的一个个房间。
1.1.3 常用的网页制作工具网页的设计制作一般分为三个阶段:一是设计,二是布局,三是动画的添加,复杂的还涉及脚本程序。
从设计角度来说,常用的应用软件有Photoshop、Fireworks等专业的图形图像设计软件。
1.1.4 网络基本术语1.域名2.HTTP协议3.FTP协议4.超级链接5.站点1.1.5 认识HTMLHTML全名是Hyper Text Markup Language,即超文本标记语言,是用来描述Internet服务器上超文本文件的语言。
Dreamweaver8中文版网页制作基础课程设计
Dreamweaver8中文版网页制作基础课程设计课程范围本课程旨在教授Dreamweaver8软件的基础知识,包括网页制作的基础知识、网页设计的基本原则、标记语言和样式表的应用,以及交互设计的概念和技能。
具体而言,学生将学习以下技能:1.熟练掌握Dreamweaver8软件的常用菜单和工具2.了解HTML、CSS、JavaScript编程语言的基础知识3.能够使用HTML语言建立网页的框架结构、插入多媒体元素和超链接4.能够使用CSS语言为网页添加样式和布局5.能够使用JavaScript语言进行简单的交互设计教学方法本课程采用理论教学和实践教学相结合的方法。
在课堂上,老师将结合案例分析和操作演示来讲解理论知识,并设置相关练习来帮助学生巩固所学的知识。
在实践环节,学生将根据老师的指导自行制作网页,并展示自己的成果。
在课程结束后,学生将提交一个网页设计作品,并进行评分和点评。
教学安排本课程共分为10个单元,每个单元包括理论讲解和实践环节。
具体教学安排如下:单元1:Dreamweaver8软件介绍和安装1.Dreamweaver8软件介绍2.Dreamweaver8软件安装与配置3.Dreamweaver8主界面介绍单元2:网页与网站基础知识1.网页的基本概念和类型2.网站的基本结构3.网页设计的基本原则单元3:HTML语言基础1.HTML语言介绍2.HTML语法规则和标签3.HTML文档结构单元4:HTML语言进阶1.HTML链接和嵌入对象2.HTML表格和表单3.HTML图像和图像映射单元5:CSS语言基础1.CSS语言介绍2.CSS语法规则和选择器3.CSS样式和优先级单元6:CSS语言进阶1.CSS盒模型和布局2.CSS动画和过渡3.CSS响应式设计单元7:JavaScript语言基础1.JavaScript语言介绍2.JavaScript语法规则和语句3.JavaScript变量和数据类型单元8:JavaScript语言进阶1.JavaScript函数和对象2.JavaScript事件和事件处理3.JavaScript DOM和jQuery库单元9:网页交互设计1.网页交互设计概念和原则2.网页交互设计工具和方法3.网页交互设计案例分析单元10:综合实践和评估1.自主设计网页2.网页制作实践3.网页作品评估和点评教学要求1.学生需要自备Dreamweaver8软件和相关教材2.学生需要参加所有的课程和实践环节3.学生需要完成作业和网页设计作品4.学生需要积极参与讨论和问答环节评分标准1.准时到课和积极参与讨论和问答环节(10%)2.网页制作作业(40%)3.网页设计作品(50%)。
DreamWeaver教案
6、本章习题
2.选择题
(1)站点的基本组成元素是什么? A.图像 B.网页 C.文本 D.文件夹 (2)Web站点中的网页使用什么来实现关联? A.站点地图 B.文档格式 C.链接 D.多媒体对象 (3)对于Dreamweaver创建的HTML文档而言,HTML语言结构不包括以下哪项? A.文档头 B.表头 C.文档主体 D.文档页尾 (4)以下哪种格式的文档可以保存多副图像? A.GIF B.JPEG C.PNG D.TIFF (5)Dreamweaver还提供用户查看表格结构的是何种表格模式? A.“标准”模式 B.“布局”模式 C.“扩展”模式 D.“代码”模式
6、本章习题
1.填充题 1. 站点的广义就是处于_______中的一个具有_______的储存空间。 2. 对于Dreamweaver而言,“站点”一词可以指Web站点文档在本地计 算机存储的位置,即_______,亦有人称为_______。 3. WWW中的信息资源主要就是由一篇篇使用_______语言编写的Web 文档组成。 4. 对于一般HTML文档而言,HTML语言结构分为_______和_______两部分。 5. Dreamweaver 8提供了_______和_______两种操作表格的模式。 6. 使用_______工具可以放大或缩小文档;使用_______工具则可以拖动页面。 7. Dreamweaver 8在“代码”视图左侧沟槽栏中新增了_______工具栏。 8. Dreamweaver 8为没有网页设计经验、或者对网页设计生疏的用户,提供了所 见即所得的_______布局。 9. XML是_________________________的缩写,即____________。 10. IP地址由______位二进制数组成,常以__________形式表现。
Dreamweaver8网页全教案
网页制作基础(Dreamwaver 8 教程)第一章Dreamweaver8.0的操作环境第一天的内容可能让你觉得枯燥乏味,不过,“工欲善其事,必先利其器”,让我们一起来理解Dreamweaver8的操作环境,完成站点的创建。
一、Dreamweaver8 的操作环境在首次启动Dreamweaver8时会出现一个“工作区设置”对话框,在对话框左侧是Dreamweaver8的设计视图,右侧是Dreamweave 8的代码视图。
Dreamweaver8设计视图布局提供了一个将全部元素置于一个窗口中的集成布局。
我们选择面向设计者的设计视图布局。
在Dreamweave 8 中首先将显示一个起始页,能够勾选这个窗口下面的“不在显示此对话框”来隐藏它。
在这个页面中包括“打开最近项目”、“创建新项目”“从范例创建”3个方便实用的项目,建议大家保留。
新建或打开一个文档,进入Dreamweaver8的标准工作界面。
Dreamweaver8的标准工作界面包括:标题显示、菜单栏、插入面板组、文档工具栏、标准工具栏、文档窗口、状态栏、属性面板和浮动面板组。
1、标题显示栏启动Macromedia Dreamweave 8后,标题栏将显示文字Macromedia Dreamweave 8.0,新建或打开一个文档后,在后面还会显示该文档所在的位置和文件名称。
2、菜单栏Dreamweave 8的菜单共有10个,即文件、编辑、视图、插入、修改、文本、命令、站点、窗口和协助。
其中,编辑菜单里提供了对Dreamweaver菜单中[首选参数]的访问。
文件:用来管理文件。
例如新建,打开,保存,另存为,导入,输出打印等。
编辑:用来编辑文本。
例如剪切,复制,粘贴,查找,替换和参数设置等。
查看:用来切换视图模式以及显示、隐藏标尺、网格线等辅助视图功能。
插入:用来插入各种元素,例如图片、多媒体组件,表格、框架及超级链接等。
修改:具有对页面元素修改的功能,例如在表格中插入表格,拆分、合并单元格,对其对象等。
DREAMWEAVER8教案
DREAMWEAVER8教案多媒体课件制作教案使用专业:教育学、心理学使用年级:三年级撰写人:潘威课程性质:选修课使用教材:授课时数:34第一章网页制作概述 2学时教学目的:了解网页及网站基本概念及网页的基本要素分析及网站设计流程教学重点与难点:网页、网站设计流程,网页基本要素第一节网页和网站一、网页网页又称为Web页,是网站的基本信息单位二、网站互联网上服务器所承载的一组相关网页。
三、网页的基本功能第二节网页中的主要元素一、文本网页发布信息所用的主要形式。
二、图像网页上的图形格式一般使用JPEG和GIF,四、链接标志通过链接可以从一个网页转到另一个网页,也可以从一个网站转到另一个网站。
链接有网页外、网页内、邮件链接五、其他的基本要素第三节网页制作工具一、网页编辑工具二、网页图像编辑工具三、动态网页技术第四节网页设计的基本流程一、网站的设计流程二、网页的设计与制作三、网页的测试四、网页上传和发布第二部分 FRONTPAGE讲解 16学时第三部分DREAMWEAVER讲解 16学时第一章 Dream weaver基础 2学时教学目的:了解DW8的操作界面及常用命令,掌握规划和创建站点的操作,掌握基本的网页操作知识。
教学重点与难点:规划站点的结构、网页的基本操作第一节 Dream weaver 8工作界面一、启动和退出Dreamweaver二、Dreamweaver8操作界面第二节规划与创建站点一、规划网站的整体结构规划站点结构是设计站点的必要前提,其操作是将不同的文件分类存放在文件夹中以便于设计者管理。
●在制作站点之前需要先建立一个文件夹以保存在网页制作过程中产生的文件,从而方便管理。
发布站点时只需将这个文件夹上传到WEB服务器上即可。
●在制作网页过程中合理地命名文件和文件夹是很重要的,一般以易于记忆和理解的英文或汉语拼音命名。
站点规划好后,可以绘制网站结构草图。
还需要确定整个网站的风格和样式,颜色及页面的布局等。
Dreamweaver8电子教案--第6,7章
第6章框架(第一课时)一、教学目标1、了解框架的基本概念2、掌握框架的基本操作。
二、教学重难点框架的基本操作。
三、教学过程1.什么是框架?一个框架就是一个区域,可以单独打开一个HTML文档。
多个框架就把浏览器窗口分成不同的区域,每个区域显示不同的HTML文档。
多个框架就组成一个框架集。
这是一个左右结构的框架。
事实上这样的一个结构是由三个网页文件组成的。
首先外部的框架集是一个文件,图中我们用index.htm命名。
框架中左边命名为L,指向的是一个网页A.htm。
右边命名为R,指向的是一个网页B.htm。
<frameset cols="80,*" ><frame src="a.html" name="L" id="L" /><frame src="b.html" name="R" id="R" /></frameset><noframes><body></body></noframes>2、框架的基本操作1、建立框架两种方法:A1、单击菜单“新建”- “文件”,打开“新建文档”对话框,做如下选择,点击“确定”。
2、打开要插入框架的页面。
单击“布局”插入栏中的“框架”按钮右侧的按钮,在弹出的菜单中选择需要的框架类型。
B新建页-示例的页-框架集可以实现例子:新建一个左右结构的框架页面2、保存框架和框架集1).保存框架:鼠标置于要保存的框架,选择“文件/保存框架”命令2).保存框架集:选择要保存的框架集,选择“文件/保存框架页”或者“文件/框架集另存为”命令。
3).保存全部:这时是保存整个框架结构,保存的时候虚线笼罩的就是你现在保存的框架。
3、编辑框架页1. 选择框架页,并进行编辑。
Dreamweaver8中文版网页制作基础教学设计 (2)
Dreamweaver8中文版网页制作基础教学设计1. 前言随着互联网技术的飞速发展,越来越多的人开始关注网页制作技术。
而Dreamweaver作为最受欢迎的网页制作工具之一,为网页设计师提供了强大的支持。
本教学将介绍Dreamweaver8中文版的基础知识及其使用,希望能够帮助初学者顺利入门网页制作。
2. Dreamweaver8中文版的介绍Dreamweaver8是由Adobe公司推出的一款网页制作工具。
它的主要特点有以下几点:•WYSIWYG编辑器:所见即所得的编辑模式,方便用户快速制作网页。
•支持多种编程语言:Dreamweaver8支持HTML、CSS、JavaScript等多种编程语言,可以轻松制作复杂的网页。
•内置库和模板:Dreamweaver8内置了大量的库和模板,可以加速用户的工作流程。
•图形用户界面:Dreamweaver8的用户界面非常直观,易于使用,适合初学者入门。
3. Dreamweaver8中文版的安装要学习Dreamweaver8中文版的使用,首先需要在电脑上进行安装。
以下是安装步骤:1.下载Dreamweaver8的安装文件(建议从官方网站下载)。
2.运行安装文件,按照提示进行安装。
3.在安装过程中,可以选择要安装的组件和安装路径。
4.安装完成后,双击Dreamweaver8的图标即可启动程序。
4. Dreamweaver8中文版的界面Dreamweaver8的界面分为以下几个部分:•菜单栏:包含Dreamweaver8的各种功能选项。
•工具栏:包含用于网页制作的各种工具。
•文件管理器:用于管理网页文件。
•代码编辑器:用于输入和编辑HTML、CSS等编程语言的代码。
•设计视图:所见即所得的编辑模式,方便用户制作网页。
5. Dreamweaver8中文版的基础操作在学习使用Dreamweaver8之前,需要掌握一些基础操作。
下面介绍几个常用的基础操作:5.1 新建网页1.在菜单栏中选择“文件”->“新建”,或在工具栏中点击“新建”按钮。
Dreamweaver8教案
教学进度计划表周周节教学内容备注7 6 1、第1章Dreamweaver8简述和操作界面2、第2章规划站点3、第3章创建文档8 6 1、第4章编辑文本2、第5章图像的应用9 6 1、第6章使用CSS样式2、第7章网络多媒体应用10 6 1、第8章使用链接2、第9章使用表格11 6 1、第10章使用表格的“布局模式”2、第11章层的使用12 6 1、第12章创建交互式菜单2、第13章使用行为13 6 1、第14章使用框架和框架集2、第15章使用模板和库14 6 1、第16章站点管理2、第17章综合实例(课程设计)课题第1章Dreamweaver8简述和操作界面课时 2 日期10月.9 课节 3.4教学目的1、了解Dreamweaver 8 的界面组成以及面板的使用方法。
2、掌握Dreamweaver 8 工作区的布局,并能够使用工具栏中的快速按钮以及界面板组。
重点与难点Dreamweaver 8 的操作界面及界面板组教学方法讲授与演示法教学内容及过程与环节备注要从事网页设计工作,就必须学习如何制作网页。
在过去,只有掌握了HTML(超文本标记语言)才能编写出网页。
如今,即使不了解任何网页编写语言,也一样可以快速地创建出精美的网页。
1.1教学目标1、了解Dreamweaver 8 的界面组成、新增功能以及面板的使用方法。
2、掌握Dreamweaver 8 工作区的布局,并能够使用工具栏中的快速按钮以及界面板组。
1.2 理论指导1.2.1 Dreamweaver 8 简述使用Dreamweaver 不仅可以制作出任何结构复杂的静态网页,而且在以下几个方面也有着强大的功能。
完美的操作界面强大的模板功能创建动态网页强大的代码编辑功能1.2.2 Dreamweaver 8 的新功能1. 新的工作流程2. 增强的CSC支持3. 快速的文件传输功能4. 对XML/XSLT的远景支持1.2.3 Dreamweaver 8 的操作界面1. 查看Dreamweaver 8 的操作界面Dreamweaver 8 的操作界面由“文档”窗口、工具栏、状态栏、上下文菜单、工具栏和属性检查器等部分组成。
Dreamweaver8教案
第一章遨游Dreamweaver8精彩世界课题:Dreamweaver8简介及创建文档一、教学基本内容1、Dreamweaver8 的工作界面2、建立html文档二、课型:新授课三、课时:1个课时四、教学重点与难点重点:熟悉Dreamweaver8工作界面中各个工具的作用难点:1、各个面板的调用2、建立一个HTML的网页3、插处图像五、教学目的1 、对Dreamweaver这个制作网页的工具及网页有一定的认识,激发学生学习网页设计的兴趣2、一定要学会建立一个空白网页3、会对页面有一个简单的设置六、教学过程1、引入(1)为什么要用Dreamweaver而不用Frontpage?Dreamweaver是Macromedia公司的出品,它以程序小、运行速度快、所制作网页代码少这些优点,赢得了网页制作人员的喜爱。
(2)相关工具的介绍因为这是第一节网页制作课,所以首先要简单介绍下制作网页的一些相关工具,比如与Dreamweaver合称为网页三剑客的Flash和Fireworks。
2、讲授新课(1) Dreamweaver的界面a.文档窗口:主菜单、工具栏、底部启动条、文档编辑区b.对象面板:标准、表格、表单、框架、特殊、文件廷冖隐藏、字符c.启动面板:站点管理、代码检查、HTML样式、CSS样式、行为、历史记录、资源管理d.属性面板:随目前对象不同而内容不同(2)创建HTML网页(3)在网页中插入图像输入文字以后,插入图像,并对图像设置对齐的方式,使之与文字呈混排的状态。
3、巩固练习练习使用界面中的各个工具七、作业处理根据本节所学的内容,课堂上练习创建一个空白网页,并且输入一段文字,在文本的左边插入一张图片八、教具所用的教室为多媒体实验室,因此所要板书的内容及使用的工具均在计算机上用PPT课件进行演示。
Dreamweaver实训教案
本次实训课我们熟悉Dreamweaver 8的界面布局和工作环境,学习本地站点创建和管理的方法,学习页面属性的设置方法。
5
2.展示网页的预览效果
首先浏览本次实训所制作网页的最终效果:请浏览01.html。
5
3.分析实训任务
(1)相关实训任务
建立文件夹,启动Dreamweaver 8,显示面板。
(2)重点实训任务
创建本地站点
创建网页文档
设置页面属性
(3)拓展实训任务
设置页面左边距、右边距、背景图片
5
4.明确实训目的
(1)熟悉Dreamweaver 8的界面布局和工作环境。
(2)熟练掌握本地站点创建和管理的方法。
(3)掌握页面属性的设置方法。
5
5.介绍实训步骤与内容
(1)预览实验起点网页:请浏览01.html。
(2)创建一个命名为“ComputerDiy”的本地站点。
(3)创建一个命名为“01.html”的网页文档。
(4)根据图A-1所示的网页浏览效果合理设置页面属性,页面属性的各个参数值自行确定。
(5)在页面输入一段有关“显卡”的文字。
5
6.学生完成实训任务
(1)老师现场指导、答疑……
(2)现场点评
注意:实训任务完成后,必须将提示信息删除
教学课题
实验一创建站点、页面控制
课时
2学时
教学目的
(1)熟悉Dreamweaver 8的界面布局和工作环境。
(2)熟练掌握本地站点创建和管理的方法。
(3)掌握页面属性的设置方法。
知识目标
(1)创建站点、管理站点
(2)页面属性的设置
能力目标
(1)创建站点、管理站点
中文版Dreamwever 8网页制作基础与实训教案
《Dreamweaver8网页制作基础与实训》教案一、培养目标本课程的培养目标是:使学生通过本课程的学习,了解网页制作的基本思路和方法,能利用Dreamweaver8网页开发工具,熟练制作网页,开发小型网站。
1.基本知识教学目标(1)站点的创建、编辑和设置;(2)网页的基本操作;(3)建立网页链接;(4)表格、层、框架的使用;(5)多媒体元素的插入;(6)行为与时间轴的使用;(7)设置、编辑CSS层叠式样式表;(8)模板和库的使用和编辑;(9)表单的设计与制作;(10)静态网站的开发。
2.能力目标(1)掌握Dreamweaver8网页制作工具;(2)能制作简单静态网页;(3)掌握网页色彩搭配;(4)能制作简单静态网页;(5)掌握网站策划、开发、与发布。
3.思想教育目标(1)文明法制意识:网站内容应积极健康向上,不做违法的事;(2)具有热爱科学,实事求是的学风和创新意识、创新精神;(3)合作精神:能够与他人进行合作,具有协调工作能力和组织管理能力;(4)较强的自我知识及技术更新能力:快速跟踪网页制作的新技术及市场应用动态。
二、技能考核标准1、技能考核的性质和任务本课程是技能实训教学中的基本技能课。
网页设计与网站建设实训是Dreamweaver8网页制作基础教程的延续和深化,旨在让学生综合运用所学理论知识解决实际问题。
目的是使学生能够熟练操作网页设计软件进行网站建设;能够独立设计和维护自己个性化的网页和网站。
2、技能考核的基本要求学完后能独立完成具有自己鲜明个人特色的网页,或与他人分工合作出一个中型的网站,对网站进行管理和维护更新。
3、技能考核的的内容和标准训练课题项目训练内容考核标准(一)熟悉Dreamwea ver的操作界面技能创建本地站点—教材实例熟练掌握操作知识1、了解建站的制作流程2、掌握制作过程中的一些建站经验和建站技巧3、了解常用面板组的主要功能4、学会利用站点地图查看、管理各网页之间的超链接关系。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
教案课题:1、Dreamweaver8基础知识2、本地站点的构建教师姓名:赵学时: 4第1讲Dreamweaver8基础知识教学目的:对Dreamweaver8有总体了解,掌握Dreamweaver8工作界面的组成。
教学重点:掌握工作界面的快捷工具栏,网页编辑窗口,属性面板和浮动面板显示及使用。
教学难点:快捷工具栏的显示及组成、使用,浮动面板的显示与隐藏教学方式:多媒体演示,教师讲解、演示,学生思考分析、记忆。
教学课时:2课时教具使用:多媒体教室投影显示教学内容及过程:1、导入新课:提问学生对网站的了解,internet网与我们生活的联系及重要性。
引发学生思考,带着颖问进入教学课题。
2、讲授新课:多媒体教师操作演示讲解和幻灯片的演示或板书:一、简介Dreamweaver8是著名的“所见即所得”的可视化网站开发工具,是国内外普遍应用的专用网页设计软件。
在国内,它被称为“织梦者”,它不仅提供了强大的网页编辑功能,而且提供了完善的站点管理机制,可以说,它是一个集网页创作和站点管理两大利器于一身的超重量级创作工具。
Dreamweaver8优势:1、所见即所得与兼顾HTML源代码两种模式相互切换编辑。
2、不仅有同类软件的所有功能,而且有自身的许多出色设计理念。
3、无需手写代码,就能轻松创建各种动态效果。
4、有强大的自定义及扩展功能,提高了工作效率。
5、支持跨浏器和层叠样式表。
6、Dreamweaver8最新版本,采用多种先进技术,能够高效地创建极具表现力和动感效果的网页。
7、易学,易用,初学者也可制作精致的网页。
二、Dreamweaver8工作环境1、启动Dreamweaver8从开始菜单启动,出现工作区设置对话框,选择设计器工作区。
设计器是标准的工作区。
2、Dreamweaver8工作界面认识Dreamweaver8工作界面,对掌握和提高制作效率是关键的一步。
(1)、标题栏:左侧有网页标题,所在位置及文件名称,右侧有最小化,最大化和关闭。
(2)、菜单栏:有“文件”、“编辑”、“查看”、“插入”、“修改”、“文本”、“命令”、“站点”、“窗口”、“帮助”。
(3)、快捷工具栏:选择“查看”中的“工具栏”,勾选“插入”、“文档”、“标准”三项,完整的快捷工具栏就显示出来。
插入:9类对象。
常用、布局、表单、文本、HTML、应用程序、Flash 元素,收藏夹、goodies.文档:有代码、拆分、设计、标题、浏览器检查错误、验证标记、文件管理、在浏览器中预览/调试、刷新、视图选项、可视化助理。
标准:新建、打开、保存、全部保存、打印代码、复制、剪切、粘贴、撤消、重做。
3、网页编辑窗口快捷工具栏下面的区域就是“网页编辑区域”。
在启动Dreamweaver8时将显示一个“起始页”,包括“打开最近项目”、“创建新项目”、“从范例创建”三个方便实用的项目。
可以勾选“不再显示此对话框”使它隐藏。
用户可以在文档区域中进行输入文字,插入表格和编辑图片等操作。
4、属性面板网页设计中的对象都有各自的属性,属性面板的设置项目会根据对象不同而变化。
5、浮动面板根据面板的特性命名,浮动于编辑窗口之外。
在窗口菜单中单击不同的命令可以打开不同的面板。
在“窗口”中选择“排列面板”能够整齐地摆放在屏幕上,按F4可以隐藏和显示面板。
课后小结:1、dreamweaver8的简介。
2、dreamweaver8的工作界面的组成部分及使用方法。
课后作业:1、dreamweaver8的功能是什么?2、dreamweaver8的标题栏会显示哪些信息?3、“插入”快捷工具栏提供了对哪些对象的控制?4、在文档区域中,可以进行哪些操作?5、设置对象属性需要使用dreamweaver8的何种面板?6、在何种菜单中,单击不同的命令可以打开不同的面板?学习要点参考:1、dreamweaver8不仅提供了强大的网页编辑功能,而且提供了完善的站点管理机制。
2、标题栏会显示网页标题、所在位置及文件名称等。
3、“插入”快捷工具栏所提供的对象控制分别是“常用”、“布局”、“表单”、“文本”、“HTML”、“应用程序”、“Flash元素”、“收藏夹”和“Goodies”。
4、可以在文档区域中进行输入文字,插入表格和编辑图片等操作。
5、设置对象属性使用dreamweaver8的属性面板。
在“窗口”菜单中,单击不同的命令可以打开不同的面板。
上机习题:(2课时)请安装好dreamweaver8后熟悉其操作界面,尢其是快捷工具栏,网页编辑窗口和属性面板的基本操作。
第2讲本地站点的构建教学目的:掌握站点的创建方法,使用向导和高级模式设置本站点。
学会建立站点文件和文件夹结构及管理本地站点教学重点:站点的创建方法、建立站点文件和文件夹结构教学难点:站点的创建方法、管理本地站点教学方式:多媒体演示,教师讲解、演示,学生思考分析、记忆。
教学课时:2课时教具使用:多媒体教室投影显示教学内容及过程:1.导入新课:复习基础知识;提问同学们在浏览Inertnet网时,首页与导航及内容之间页面的结构。
2.讲解新课:幻灯片的演示或板书和多媒体教师操作演示讲解(举例以建班级网站为例)一、创建站点要制作一个能够被公众浏览的网站,首先需要在本地磁盘上制作这个网站,然后把这个网站上传到Internet的Web服务器上,放置在本地磁盘上的网站被称为本地站点,处于Internet上的Web服务器里的网站被称为远程站点。
Dreamweaver8提供了对本地站点和远程站点强大的管理功能。
Dreamweaver8可以有效地建立并管理多个站点,搭建站点有两种方法:一是使用向导完成;二是利用高级设定完成。
1、向导搭建站点(1)、在“窗口”菜单中的“文件”面板中选择“管理站点”,(2)、选择“新建”/“站点”打开对话框,有“基本”和“高级”两个标签,选择“基本”。
(3)、在站点定义对话框中根据向导一步步操作,“输入网站名称”“是否使作服务器技术”、“选择编辑方式(编辑网页的本地副本,完成后上传。
或使用本地网络直接在服务器上进行编辑。
)”、选“存储位置”、“配置远程站点(选无,网站建设完成后再FTP上传。
)”完成设置,在“文件”面板中显示出刚建立的站点。
2、使用高级模式设置站点(1)、在站点窗口中双击站点名称,或单击“编辑”按钮,可以对站点管理器当前的站点进行编辑。
(2)、在“基本”和“高级”的设置面板之间切换,选择“高级”。
(3)、在左侧分类目录列表中,选“本地信息”,进行设置。
输入站点名称、站点存放路径(可直接输入或选择路径)保存站点、选中“自动刷新本地文件列表(可自动刷新文件和文件夹)”、HTTP地址(输入网站在互联网上的网址,必须包含Http://)选中“启用缓存”之后创建缓存,这样可以加快链接和站点管理任务的速度。
推荐用“高级”,它提供了更多的项目让用户设置,功能更加强大。
二、构建站点结构首先要添加首页,首页是浏览者在浏览器中键入网址时,服务器默认地发送给浏览者的第一个网页。
在网站管理器中,它是网站与构图的开始,由它引出其他网页,首页的默认文件名:Index.htm。
操作步骤:1、在“文件”面板中的站点根目录中右击鼠标,选择“新建文件”,文件名为Index.htm。
2、再右击鼠标,选“新建文件夹”(建文件夹的过程就是构思网站结构的过程,文件夹代表网站栏目,一一对立。
目的是为了管理方便。
)如:images,media,及首页的网站结构的子目录。
3、网站的栏目页面结构搭建好后,就可分别制作各个栏目不同的页面了,当所有栏目的网页都制作完成后,整个网站的内容才算基本完成。
三、管理本地站点通常,dreamweaver8站点管理器都要对多个网站进行管理,这就需要专门的工具来完成站点的切换,添加、删除等操作,打开“文件”面板,在下拉菜单中选“管理站点”,可打开多站点管理面板。
用dreamweaver8编辑网页或进行网站管理时,每次只能操作一个站点,可选其它站点切换操作编辑。
在管理站点中,可复制站点,删除站点(文件保存在硬盘上不会被删),可导入,导出(导出为一个XML文件。
)课后小结:1、使用向导和高级模式设置本站点。
2、建立站点文件和文件夹结构3、管理本地站点课后作业:1、搭建站点可以有哪两种方法?2、通过站点设置向导建立了站点之后,怎么样进一步了解建点的设置?3、dreamweaver8中默认的首页文件名是什么?4、对多个网站进行管理,要通过什么面板进行?学习要点参考:1、搭建站点可以有两种方法,一是使用向导完成,二是利用高级设定完成。
2、通过站点设置向导建立了站点之后,可以进一步在高级模式下了解站点的设置。
3、dreamweaver8中默认的首页文件名是index.htm4、对多个网站进行管理是通过“文件”面板进行的。
上机操作:(2课时)请搭建一个名为“class”的班级的网站,要求包括如下栏目:“班级档案”、“班级故事”、“班级笑话”、“班级活动”、“班级论坛”、“下载”、“联系我们”。