dreamweaver教学计划
时间如同白马过隙,我们总是在和过去告别,在新的征程中我们要做好计划,那么该如何书写计划才能发挥更大的价值呢?以下是小编整理的关于《dreamweaver教学计划》,欢迎阅读,希望大家能够喜欢。
第一篇:dreamweaver教学计划
Dreamweaver网页设计教学计划
《Dreamweaver网页设计》教学方案
第一部分 说明
1.课程的性质与任务
“Dreamweaver网页设计”是计算机网络技术专业(专科)的一门统设必修课。本课程的主要任务是介绍利用Dreamweaver开发工具进行网页设计,包括新建、编辑和设置一个Web站点;如何对页面属性进行基本的设置,如何设置、编辑CSS层叠式样式表;如何排版文字、表格和层;如何进行基本的图像处理;建立框架;模板和库的使用和编辑;网站的发布与维护等基本知识与应用。目的是通过本课程的学习,培养学生的实际动手能力和计算机的操作能力,能够运用所学的知识进行网页设计。
2.与相关课程的衔接、配合、分工
先修课程:计算机应用基础Photoshop图像处理等。
后续课程:Flash动画制作等。
3.课程的教学基本要求
本课程要求学生掌握基本的HTML语言。学会使用Dreamweaver开发工具进行网页设计。这是一门重在实践的科目,因此需要学生多上机、多进行实际操作,把老师所教授的各种网页制作、版面设计以及程序熟练制作或调试出来,并且能够在此基础上有所创造、有更进一步的发挥。
4.课程教学要求的层次
1.掌握:
要求学生能够全面掌握所学内容,并能够用其分析、应用与Dreamweaver网页设计相关的问题,能够举一反三。
2.理解:
要求学生能够较好地理解与Dreamweaver网页设计相关的问题,并且能够进行简单分析和判断。
3.了解:
要求学生能够一般地了解的所学内容。 第二部分 媒体使用与教学过程建议
学时分配
课程教学总学时90学时,5学分。其中授课36学时,实训54学时。
2.多种媒体教材的总体说明
1.本课程文字教材为合一型教材,文字教材作为学习的主要媒体,着重反映课程的基本知识和针对性、应用性,在形式上要便于自学。在内容上包括基本理论知识讲解和实训两部分。
2.视频媒体配合文字教材的讲授,内容重点在于实训及辅导。
3.CAI课件作为网络教学媒体,可以在互连网上使用也可以单机使用。
3.教学环节
以主教材讲授为主,其它媒体作为辅助教学资源,以学生自学为主。
4.主要教学媒体的使用与学时分配
内容
序号 1 2 3 4 5 6 7 8 9 10 11 12 13 14
第1章 Dreamweaver基础
第2章 网页设计语言基础
第3章 文本和图像处理
第4章 表格与页面布局
第5章 创建超级链接
第6章 层与层动画
第7章 框架与框架网页
第8章 创建CSS样式表
第9章 资源、模板和库
第10章 媒体对象的应用
第11章 表单处理
第12章 创建Web站点
第13章 制作动态网站
第14章 网站的维护和上传
2学时 3学时 3学时 3学时 2学时 3学时 2学时 3学时 2学时 3学时 3学时 2学时 3学时 2学时
教学内容 理论学时
合计
36学时
第三部分 教学内容和教学要求
第1章 Dreamweaver基础(2学时)
教学内容:
Dreamweaver 的历史和简介
Dreamweaver 的安装过程
Dreamweaver 的全新界面
改进的设计与开发环境
主菜单介绍
对象控制面板介绍
教学要求:
掌握:Dreamweaver的基本特点、新增功能及界面组成。基本操作,如安装、新建、打开、导入、保存、关闭等。
理解:新增功能、界面组成的优点。
了解:Dreamweaver可以为我们做些什么。
第2章 网页设计语言基础(3学时)
教学内容:
HTML及XHTML语言介绍
常用的网页语法标记
教学要求:
理解:HTML及XHTML语言介绍,常用的网页语法标记
第3章 文本和图像处理(3学时)
教学内容:
文本属性面板
编辑文本和插入对象
设置文本的格式
编号与项目符号
在网页中插入图像
图像的应用
教学要求:
掌握:设置文本属性和格式;编号与项目符号的使用;插入、编辑和排版图像。
理解:如何进行图像调整。
第4章 表格与页面布局
教学内容:
表格的基本操作
单元格的基本操作
表格的自动套用格式
表格的创建
表格的编辑
创建布局单元和表格
教学要求:
掌握:如何插入、编辑表格,创建布局单元和表格。
理解:表格在网页排版中的作用。
了解:使用页面布局模式进行网页排版的方法。
第5章 创建超级链接(2学时)
教学内容:
(3学时)
链接分类
创建超级链接
链接的四种状态
创建Email链接
管理超级链接
教学要求:
掌握:创建超级链接和Email链接,会设置链接的各种状态。
理解:超级链接几种状态之间的差别和共同点。
了解:创建Email链接中的各种技巧。
第6章 层与层动画(3学时)
教学内容:
层的概念
创建层
层操作
层与表格的相互转换
层动画的概念与设计
教学要求:
掌握:层的概念与使用
理解:层动画的概念与设计
第7章 框架与框架网页(2学时)
教学内容:
框架的基本概念
创建框架和框架集
框架的使用
框架和框架集的属性设置
教学要求:
掌握:框架和框架集的创建;框架的使用。
理解:使用框架的优缺点。
第8章 创建CSS样式表(3学时)
教学内容:
CSS层叠式样式表
定义CSS样式表
创建并链接到外部CSS样式
设置CSS样式的格式化参数
设置超链接显示状态
添加各种CSS效果
教学要求:
掌握:内部CSS和外部CSS的添加方法,编辑CSS属性,使用CSS进行页面的排版,创建各种CSS效果。
理解:使用CSS排版的优点。
了解:如何使用CSS控制背景、鼠标以及添加其它特殊效果。
第9章 资源、模板和库(2学时)
教学内容:
资源管理
模板的创建
模板的编辑
定义模板可编辑区域
创建,管理和编辑库项目
教学要求:
掌握:模板的创建,模板的编辑,定义模板可编辑区域
理解:资源管理
了解:创建,管理和编辑库项目
第10章 媒体对象的应用(3学时)
教学内容:
插入Flash对象
插入Shockwave对象
插入视频
插入ActiveX控件与Java小程序
填加声音
教学要求:
掌握:插入Flash对象、插入Shockwave对象、插入视频、插入ActiveX控件与Java小程序、填加声音
第11章 表单处理(3学时)
教学内容:
表单概述
表单对象
创建表单
处理表单
创建动态表单
教学要求:
掌握:创建表单、处理表单和设置表单参数。
理解:表单的概念和作用。
了解:如何使用表单创建交互式界面。
第12章 创建Web站点(2学时)
教学内容:
站点规划
在Dreamweaver8中创建站点
管理站点与站点文件
使用站点地图
为网站指定服务器技术
教学要求:
掌握:规划站点、建立和管理站点;使用站点文件和地图。
理解:创建站点的必要性。
了解:服务器技术的指定。
第13章 制作动态网站(3学时)
教学内容:
Access数据库基础
ODBC数据源设置
ASP与Web服务器配置
Dreamweaver8动态网站设计
创建与数据库连接
教学要求:
掌握:数据源的设置,如何配置Web服务器,如何创建与数据库的链接。
理解:数据库在动态网站设计中角色的重要性。
了解:设置数据源和创建数据库链接的技巧
第14章 网站的维护和上传(2学时)
教学内容:
在本机中测试网站
预览网页效果
网站的查错
发布网站到服务器
教学要求:
掌握:Dreamweaver8的测试、预览和发布设置。
理解:网站排错的必要性。
了解:如何发布网站到服务器。
实训内容
(实训分为必做和选做内容,可根据实际的实验条件选做。实验总计54学时)
实训1:建立Web网页(必做)
实训2:文本及其格式化(必做)
实训3:图像(必做)
实训4:超级链接(必做)
实训5:表格和页面布局(必做)
实训6:框架(必做)
实训7:层(必做)
实训8:模板与库(必做)
实训9:表 单(必做)
实训10:行 为(必做)
实训11:多媒体组件的插入、使用代码设计网页与站点管理(必做) 实验12: 动态网站制作(选做)
实验13:ASP与SQL Server数据库相连(选做)
第二篇:《Dreamweaver中网页布局的方法》教学设计
资料
《Dreamweaver中网页布局的方法》教学设计
授课班级:高一(3)授课教师:曹雪丽 授课时间:2004.5.12
教材分析: 1.教学目标
教学目标既是教学的出发点和归宿又是师生双边活动的中介,因此,我参照《高中新课程标准》和高中学生现有的知识水平和认识特点确定了以下三个目标: A:知识目标
(1)、让学生认识到网页布局对整个网页元素的组织编排的重要性。(2)、让学生掌握在Dreamweaver中实现网页布局的基本方法。
B:能力目标:让学生能动手完成一个简单的网页布局的设计。C:情感目标:
(1)培养学生严谨求实的工作态度以及感受美、评价美的艺术情操。 (2)培养学生在进行自主学习的过程中勇于克服困难,体验到成功后的快乐。
2.教学重点、难点、关键 重点:插入表中表 难点、关键:表格的属性设置
资料
学情分析:
本节课的内容面向的对象是高中二年级的学生,对于学习这部分内容他们有三大优势:第一,除信息技术课外许多课都在网络课室上。因此,他们对网络很熟悉且很热爱,有一定的网络知识。第二,他们有WORD部分关于表格和简单的网页制作基础。第三,一部分同学有一些Dreamweaver的基础,可在学生中起积极的促进作用。 设计理念:
本节课的设计理念是以诱思探究学科教学论为理论依据,以充分发挥学生的主体地位为出发点,以培养学生自主学习能力全面提高学生素质为目的。是一节“诱思探究”理论的探索课。为此,在课前教师为学生准备了网络布局学习资源网站,学生自己也已经以小组为单位确立了要本组要建立的网站的主题。整节课的内容安排是以从学生“动手”中发现问题,又在学生的“动手”中解决问题为主脉展开的。同时又通过评价环节中学生的之间的互评、点评将本节推向高潮,达到突出重点,攻破难点的目的。 学习目标分析:
借助以前积累的知识、经验及学习资源网自主探索,小组协作进而归纳、研究出网页布局的内在规律性。 教学策略的选择与设计 1.教学方法:(1)诱思导学法 (2)任务驱动—体验探究法
(3)分层教学法(4)网络探究教学法 (5)激励教学法
资料
2.学法指导:形象探究法、经验探究法、体验探究法、协作式学习法。 3.资源的设计与选择: 结合本节内容设计了一个学习资源网站、传奇电子教室系统、Dreamweaver网页编辑软件等。 教学过程设计:
教学设计过程及设计思想 教学环节 教师活动 学生活动 设计思想 时间 新 课 的 引 入 ⌒ 教 师 监 控 ︶
1, 相邻两同学为一组分别在浏览器中打开两个不同的网页作品相互欣赏
资料
评价,同时准备回答:
问题1:这两个网页有什么不同?你认为哪个更好一些?为什么? 2, 在Dreamweaver中打开该网页并逐一删除页面元素同时继续提问: 留在页面上的是什么? 1,回答问题1 带着问题2观察老师的操作
2,回忆Word中表格的插入方法及技巧
我以“诱思探究导学法”为指导思想,主要体现“诱”和“导”两个环节。首先是“诱疑”使学生“生疑”;然后要“导向”,比如这里教师的操作:在Dreamweaver中删除页中的页面元素后出现的表格,让学生的思维沿着正确方向发展,最终达到“释疑”的目的。 2 分 钟
点评:“诱思探究导学法”一句话,诱发思维动机,导正思维航向。这是突现教师基本功的地方,要“诱”得巧,“导”得妙。
资料
新
课
学
习
资料
新
课
学
习
布置 任务 ⌒ 教
资料
师 监 控 ︶
[任务1]能根据资源网的指导学会表中表的使用,并完成本节的例题的表格制作。(必做题)
[任务2]能在布局的基础上插入图片及文字,完成一个如例题的简单网页制作。(提高题)
[任务3]能通过属性的设计美化网页。(先做题) 1,学生可根据自己的具体情况选择合适的任务。 2,各组长明确任务。
在任务设计时我注意到这样两个因素;一是:为了一切学生,在设置任务时要充分考虑到学生的个别差异。体现分层教学的重要性。二是:以探索问题来引动和维持学习者学习的兴趣和动机。 2 分 钟 学 法 指 导 ⌒
资料
教 师 监 控 ︶
指导学生带着“任务”中的问题,利用教师准备的学习资源网自主学习,探索交流,小组互助,“助教”指导,量力而行完成操作任务。 1,明确学习资源的使用方法,采取各种方法完成任务
利用教学资源自主学习及优生做好“助教”的角色互帮互学,既能激发他们的学习积极性,给他们一个锻炼成长的机会,又能使更多的学生得到帮助,有利于全面提高学生动手动脑的能力,体现“因材施教”。 1 分 钟
点评:这两部分的目的在于
一、体现分层教学的重要性。
二、培养学生养成由简到繁、由易到难、循序渐进地解决问题的好习惯,同时学生之间的以教促教,以教帮教,以教带教的方法有利于学生的全面发展。 师
生
资料
互
动
1,寻找学生在完成任务中会遇到第一个问题:“表格线互扰问题”并及时以该问题为切入点将学生的思维引入到本节的重点内容--表中表的使用。 2,引导学生发现例子中的新问题—各部分表格线的差异,将本节的内容推向另一个热点。
1,学生掌握表中表的使用方法
2,完成任务
3,注意到表格属性的功能。
我是这样设计本部分内容将重点放在以下两个方面:
第一、在本节课师生以“任务”为主线,在学生不断地发现问题,教师及时地鼓励准确地导向,调控学生主动地探究,利用各种方法例如:教师搭建的网上学习资源,平时建立的小组协作关系等去想办法解决问题。 25 分钟 师
生
资料
互
动
3,评价小结是本节课的一个高潮部分。此时教师重点由上面技术点的引导转到学生心理素质及与人交往能力的导向上。这一点其实比单纯的学会上面的技术更为重要。在学生的自评中引导学生客观评价自己。不能过分谦虚而失去在同学们面前表现自己才干的机会又不能过分张扬引起同学们的反感影响自己的形象。
4,由学生推选代表主持评价以调动学生积极参与评价的积极性 第
二、充分利用评价方式对学生的激励作用一改过去由教师为权威做法。此时,教师把主动权交给学生,使他们更具参与意识引发学习的主动性,学会正确地、善意地、艺术地评价他人和自己。从中学到做人的道理。 12 分
钟
点评:让学生带着真实的任务学习,这是任务驱动的精髓。这一部分是本节的重要内容,也是教学设计的一个难点。是对教师综合运用“任务驱动—体验探究”;“分层教学”“表扬激励”等教学方法能力、如何引导学生选择确实可行的学习方法能力的考验。同时,通过评价的过程,潜移默化地巩固知识,提高解决问题、评判是否的能力。
资料
知识迁移 学生活动
[问题1]用表格布局有什么优缺点,还有好方法吗? [问题2]在网络资源中是否有其它的方法呢? 采用小组形式讨论
这里的想法主要是培养学生学会反思。 3分钟
点评:为学有余力的学生创造继续发展的广阔天空,激发他们的兴趣,培养他们的创新精神。
课后反思: 成功的地方:
(1)课题引入时以诱发学生的思维动机,导正思维航向为目的, 为学生的自主学习打下基础。
(2)学习资源网站、小组互助、助教帮忙等形式为学生的自主学 习创造了条件对培养学生养成由简到繁、由易到难、循序渐 进地解决问题的好习惯起到积极的促进作用。
(3)评价方式的改革可达到引导学生客观评价自己不能过分谦虚而失去在同学们面前表现自己才干的机会又不能过分张扬引起同学们的反感影响自己的形象。在互评、点评中要引导学生正确看待别人对自己的评价学会宽以等人;学会巧妙地运用语言艺术对存在问题的同学提出批评。同时通过点评,互评各自的作品,巩固本节的知识点,达到强调重点,攻破难
资料
点的目的。
存在问题的地方:评价方式仍需大胆地放手,让评价的形式更加多样化,民主化。可充分发挥学生的主动作用让他们去设计评价手段、评价量表等,这对于主体作用的体现及学生的创造性思维的发展都会产生积极的影响。
网络
本节小结:由小组总结提交 结束 教师活动:
1. 分组欣赏网页作品。
2. 教师操作演示在网页中删除元素从而引入表格布局的方法。 设计思想
通过教师的诱和导达到诱发思维动机,导正思维航向的目的。 教师监控: 1。布置学习任务。
2.对学生进行学法指导。使用学习资源、小组互助、助教帮忙。
设计思想
1.创造开放式的教学环境,学生为主体,体验为红线,鼓励他们积极动脑、动手完成任务。2.教师的适时演示体现诱思探究法的思想宗诣。3.利用小
资料
组互助以教促教,以教帮教,以教带教的方法有利于学生的全面发展。 设计思想
通过评价的过程正确地、善意地、艺术地评价他人和自己。教会学生学会做人的道理。 网络
教师监控:小组互评及个案点评相结合强调难点,深化主题 开始
学生利用学习资源网站自主学习、探索交流、找出难点、小组互助,完成任务,深化主题。
教师寻找典型案例1表格线的互扰问题引出本节的重点表中表。典型案例2表格线的粗细问题引出难点属性问题
教师:提出问题1及问题2 设计思想 培养学
(二)教学过程流程图
第三篇:教学设计:《Dreamweaver网页制作实用教程》----框架技术
教学设计:《Dreamweaver网页制作实用教程》----框架技术
《Dreamweaver网页制作实用教程》----框架技术 教学预案设计:罗执清(沙洋职教中心)
一、创意说明
网页制作是计算机应用专业的一门主干课程。我校采用的教材是机械工业出版社的《Dreamweaver网页制作实用教程》,框架技术是该书第八章的内容。书中是以三个小任务的形式介绍了制作框架网页的基本步骤,若按书上内容用传统的教师讲解、学生操作的方式教学,会存在一些问题。
1、学生不理解为什么要用框架结构来制作网页;
2、学生只是按任务要求及具体的操作提示来完成框架结构网页,并不知道这种框架结构的网页应用什么场合,在什么情况下选用框架结构来设计网页呢?
3、内容上没有学生喜欢的动态或多媒体元素,学生觉得只是按部就班地操作,提不起兴趣。所以在本节课的设计中要有心注意处理好以上三个问题,精心设计课件与学件,把提高学生学习兴趣,培养学生动手能力有机融于教学。采用任务驱动和项目教学法,在教学中分“基本任务”和“拓展任务”两个层次设计教学内容,要求每个学生必须完成“基本任务”中的内容,而对学有余力的同学再继续完成“拓展任务”中内容的制作,从而达到分层教学的目的。
二、学情分析
学生已经学过了office、Photoshop、flash等软件,对Dreamweaver 8的启动、关闭、文件操作、文字编辑和图片处理都会有一种似曾相识的感觉,这种知识迁移对后续的学习非常有利。同时,学生已初步掌握了网络通信的基础知识,因特网的信息服务,网络信息的搜索、浏览和下载,以及电子邮件的使用等内容。因此,学生已经具备了获取信息的能力。网页制作单元就可侧重培养信息表达的能力,这对于加强学生的信息意识,提高信息处理的能力有着重要的作用;网页的设计也给学生提供了展示个性、自主创新的机会,促使他们主动地学、创造性地学;网页的评价则能使学生了解内容编排的原则,页面布局的种类,色彩搭配的风格等,提高他们的艺术修养和审美情趣。
三、教材内容分析
框架设计是网页制作的一个重要模块,能够将浏览器页面分割成几个不等的窗口,每个窗口相对独立,在同一页面的几个窗口同时浏览不同的网页文件或者相对保持某些窗口的内容。从在本教材所处的位置来看,框架技术是在创建新站点、制作简单网页、运用表格制作网页和动态网页之后。通过前面的学习,学生可以建立有多张网页的个人站点,会运用表格给网页布局,为了使网页增添动感,还会通过增加滚动字幕、动态按钮以及动画插件等方法,令网页更加具有活力。但是除了表格布局外,还有一种常见的布局形式,应用也相当广泛。通过本单元学习,能帮助学生理解框架结构制作网页的应用,在设计网站时能灵活运用两种布局方法。从教材的难易度分析,这部分知识点学生从来没有接触过,有前面学习其它软件时也没有类似的地方,故而有一定难度,教学目标不能定得太高。
四、教学目标分析
本单元的认知、能力和情感三种目标分述如下: 认知目标:
①理解框架结构的含义和用途
②掌握框架和框架集的含义,学会创建普通框架页面、创建嵌套框架结构页面、创建浮动框架页面 ③掌握框架属性的设置方法 ④掌握框架网页的保存方法 能力目标:
①具备建立网页框架及设置框架属性的能力 ②能够应用网页框架建立简单的网页 情感目标:
培养学生网页设计的审美能力、创新能力、协作学习和自主学习能力
五、教学策略设计
1、实施任务驱动,把学习的主动权交给学生,引导学生动手尝试、观察辨析
2、采用项目教学和小组讨论法,培养学生合作学习和自主学习的能力
3、实施分层教学,从好、中、差各类学生的实际出发,确定不同层次的目标,进行不同层次的教学和辅导,使各类学生得到充分的发展
4、采用半成品加工策略,提供一些素材,让学生直接制作,提高学习的效率。
六、教学过程设计
1、课前探究
①访问推荐网页,形成小组、组织学生讨论网页内容和风格,分析网页框架和布局。 ②提供网页栏目划分建议。 ③组织各小组讨论。
2、新课导入:教学环节
教师活动
学生活动
设计目的新 课 导 入
1、教师演示一些用网页框架制作的优秀网页作品
2、提问:这些网页是如何制作的呢?引起学生的兴趣
1、回答问题,带着问题观察老师的操作
2、分析几个网站的特色
3、提供网页栏目划分
1、开门见山,明确这节课学习的内容
2、演示优秀作品,引起学生的兴趣
第四篇:认识Dreamweaver教案
教学内容:认识Dreamweaver及站点和文件的操作 目的要求:
1、了解Dreamweaver界面和面板操作方法;
2、掌握Dreamweaver站点的操作方法;
3、掌握Dreamweaver站点文件的操作方法。
教法教具:演示法、讲授法、提问法、讨论法、比较学习法 教学过程:
讲授新课:
认识Dreamweaver:
一、打开DM:
开始—程序—Adobe Dreamweaver—
二、认识DM:
标题栏、菜单栏、工具栏、编辑栏、状态栏、面板。 工具栏:视图—工具栏—插入/文档/标准。 面板:窗口—相应面板。折叠面板/展开面板。
三、网页制作步骤:
创建文件—设置标题—编辑内容—保存文件—浏览器查看效果。 浏览网页:
1、在编辑状态下,按F12浏览。
2、保存文件,打开浏览器,打开文件浏览。
站点操作:
一、新建站点:
方法:
1、站点—新建站点;
2、站点—管理站点—新建—站点;
3、文件面板—站点下拉菜单—管理站点—新建—站点 步骤:
方法1:基本选项—给站点命名—不使用服务器—确定站点存储位置(选
Adobe Dreamweaver CS4 择已有文件夹或新建文件夹)--选择无远程服务器—完成。
方法2:高级选项—输入站点名称—选择本地根文件夹位置(选择已有文件夹或新建文件夹)
二、编辑站点:
方法:
1、站点—管理站点—选择站点—编辑—修改站点名称或存储位置;
2、文件面板—站点下拉菜单—管理站点—选择站点—编辑—修改站点名称或存储位置。
三、复制站点:
方法:
1、站点—管理站点—选择站点—复制;
2、文件面板—站点下拉菜单—管理站点—选择站点—复制。
四、删除站点:
方法:
1、站点—管理站点—选择站点—删除;
2、文件面板—站点下拉菜单—管理站点—选择站点—删除。
注意:站点删除后,仅删除了站点在DW中的指向,并未删除站点文件夹,站点文件夹的内容仍然存在。
五、建立站点的优点:
当站点下文件的位置或文件名发生变化时,与之相关联的文件能提示更新,使关联不发生错误。
站点下文件的操作:
一、新建文件:
方法
1、文件—新建—Html—创建 方法
2、文件面板:
折叠状态:右击站点名称或站下文件夹—快捷菜单选择“新建文件”
展开状态:文件—新建文件 注意:
可以通过第一种方法新建基于某种模板的新文件。
二、复制文件:
文件面板—文件名称上右击—编辑—复制。
三、重命名文件:
在文件面板下选择站点下的文件名称:
1、文件名称上右击—编辑—重命名
2、单击文件名称--按F2
3、两次单击文件名称
注意:
在站点给文件重命名后,若有文件与之相关联,会给出更新提示;而在资源管理器给文件重命名不会给出提示。
四、删除文件:
文件面板—选择站点下的文件名称—右击—编辑—删除或按Del。
注意:
在站点下删除文件后,站点下的文件被真删除。
在站点下删除文件,若有文件与之相关联,会给出提示;而在资源管理器删除不会给出提示。
五、新建文件夹:
文件面板—站点下的某文件夹位置上右击—新建—文件夹。
课后作业:
1、在Dreamweaver中新建本地站点有哪些方法?如何新建本地站点?
2、在Dreamweaver中新建html文件有哪些方法?
3、在Dreamweaver中,删除站点与在资源管理器删除站点文件夹效果是否相同?
4、在Dreamweaver中,删除站点内文件与在资源管理器删除站点内文件效果是否相同?
5、在Dreamweaver中,在站点内给文件重命名或移动文件与在资源管理器给文件重命名或移动文件效果是否相同?
第五篇:Dreamweaver教案补充
1、Dreamweaver 这是Macromedia公司的出品的一款"所见即所得"的网页编辑工具。与 Frontpage不同,Deamweaver采用的是Mac机浮动面版的设计风格,对于初学者来说可能会感到不适应。但当你习惯了其操作方式后,就会发现Dreamweaver的直观性与高效性是Frontpage所无法比拟的。
Dreamweaver对于DHTML(动态网页)的支持特别好,可以轻而易举地做出很多眩目的互动页面特效。插件式的程序设计使得其功能可以无限的扩展。Dreamweaver与Flash、Firework 并称为 Macromedia的网页制作三剑客,由于是同一公司的产品,因而在功能上有着一个非常紧密的结合。因此,说Dreamweaver是高级网页制作的首选并不为过。
2、Dreamweaver 8 的功能
Dreamweaver 可以完全自定义。您可以创建您自己的对象和命令,修改快捷键,甚至编写 JavaScript 代码,用新的行为、属性检查器和站点报告来扩展 Dreamweaver 的功能。
Dreamweaver 8 包括许多新增功能,使您只需花费最少的时间和精力便可生成 Web 站点和应用程序。Dreamweaver 使复杂的技术变得简单而方便,以帮助您达到事半功倍的效果。
下面是 Dreamweaver 8 中的一些主要新增功能: "缩放"工具和辅助线 可视化 XML 数据绑定 新的 CSS 样式面板 CSS 布局的可视化 代码折叠 "编码"工具栏 后台文件传输
"插入 Flash 视频"命令
3、设计网站的基本步骤。
(1) 网站的规划与设计。首先确定网站的方向和功能,然后是申请便于记忆的域名和租用稳定的空间,接着收集相关资料,最后将整个网站的结构画成结构图。
(2) 布局与编排网页。在网页布局的过程中,应该遵循平衡、对比、空白等原则。在设计网页时需要考虑网页的主题、网页的命名、网站的标志、色彩的搭配、字体的选择等问题。
(3) 填充网页内容。输入文字和其它网页元素,比如声音、动画、图像和其它形式的媒体,以便使网页内容更加充实。
(4) 建立动态网站。动态网站是目前最流行的Web发展趋势,建立动态站点需要为网页加入Web应用程序并实现与数据库的连接。
(5) 测试和发布站点。在发布Web站点之前,用户应该确认所有文本和图形都放在正确的位置,且所有的链接都能操作正确。测试Web站点的一种方法是通过检查内部和外部的链接来确认目标文件是否存在。
完成测试以后,根据服务商提供的资料,用户可以将站点发布到服务器上,并对站点进行定期更新,以保证站点内容新颖。
4、网页设计的基本理念。
(1)下载速度问题,下载响应速度越快越好。
(2)能适应不同浏览器及分辨率,网页布局、内容不应出现紊乱。 (3)合理的版面布局,应做到图文并茂。 (4)精美的网站标志,让人记住你。 (5)注重色彩搭配,给人以艺术的享受。 (6)网页内容便于浏览,要有导航功能。 (7)网页内容要精彩,让人感觉到有吸引力。
(8)简约、美观,不应过于追求页面的华丽。
5、网页的整体风格设计的基本原则。
(1)网站标志要放在醒目位置,如左上角,而且要保持不变。 (2)最好能够有一句反映网站精髓的标语,并能动态显示。
(3)导航部分应该放在每一张网页的相同位置,便于访问者浏览网站的全部内容。
(4)确定主体颜色,并注意颜色搭配要让人感觉舒服,不要太刺眼,也不能不突出需要强调的内容。 (5)页面的布局是风格的一个重要标志。不要忘记考虑主页的可扩充性,以方便将来再添加栏目。 (6)内容结构越简单越好,分类要简而精。一切都为访问者能够最快地找到访问的资料而考虑。
6、网页色彩如何搭配。
网页的色彩是树立网站形象的关键之一,网页的色彩处理得好,可以锦上添花,达到事半功倍的效果。色彩总的应用原则应该是“总体协调,局部对比”,也就是网页的整体色彩效果应该是和谐的,只有局部的、小范围的地方可以有一些强烈色彩的对比。在色彩的运用上,可以根据网页内容的需要,分别采用不同的主色调,并注意以下色彩搭配的原理:
(1) 色彩的鲜明性:网页的色彩要鲜艳,容易引人注目。
(2) 色彩的独特性:要有与众不同的色彩,使人印象强烈。
(3) 色彩的合适性:色彩和表达的内容气氛相适合。如用粉色体现女性站点的柔性。
(4) 色彩的联想性:不同色彩会产生不同的联想,蓝色想到天空,黑色想到黑夜,红色想到喜事等,选择色彩要和网页的内涵相关联。
一个网站的标准色彩应尽量控制在三种色彩以内,不要将所有颜色都用到。背景和前文的对比尽量要大,(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容。
7、Dreamweaver的三种视图方式
在代码视图中可以直接编辑网页的源代码;而设计视图能方便我们更好地美化网页,更合理地布局网页;同时显示代码视图和设计视图让我们能够更好地理解源代码,提高编程能力。
8、什么是HTML?
HTML是Hypertext Markup Language的缩写,即超文本标记语言,是WWW 的描述语言。它是纯文本类型的语言,通过各种标记来表示和排列各种超文本对象。“超文本”就是指页面内可以包含文字、 图形、动画、声音、表格、链接等。
9、HTTP是什么?
HTTP是HyperText Transfer Protocol的英文缩写,即超文本传输协议。是WWW浏览器和WWW服务器之间的应用层通讯协议。HTTP协议是基于TCP/IP之上的协议,它不仅保证正确传输超文本文档,还确定传输文档中的哪一部分,以及哪一部分内容首先显示(如文本先与图形)等等。
10、域名指什么?
域名是Internet网络上的一个服务器或一个网络系统的名字,在全世界,没有重复的域名。域名的形式是以若干个英文字母和数字组成,由"."分隔成几部分,从右到左分别为顶级域名、二级域名、三级域名等,如IBM.COM就是一个域名。从技术上讲,域名只是一个Internet中用于解决地址对应问题的一种方法。
11、ftp协议(文件传输协议)
是 Internet 上用来传送文件的协议,它是为了我们能够在 Internet 上互相传送文件而制定的文件传送标准,规定了 Internet 上文件如何传送。也就是说,通过 FTP 协议,我们就可以跟 Internet 上的 FTP 服
务器进行文件的上传(Upload)或下载(Download)等动作。
12、统一资源定位符 (Uniform Resource Locator, URL)
包含如何访问 Internet 上的资源的明确指令,也就是Internet文件在网上的地址。
URL的一般格式为:
Access-method://host:port/path/filename 例如:http:/// 为 Microsoft 网站的万维网 URL 地址。
Access-method,访问Internet资源的方法或是访问的协议类型,可以是下表之一: http 通过 http 访问该资源。 格式 http:// ftp 通过 FTP访问资源。格式 FTP:// file 资源是本地计算机上的文件。格式file:// gopher 通过 Gopher 协议访问该资源。
mailto 资源为电子邮件地址,通过 SMTP 访问。 格式 mailto: MMS 通过 支持MMS(流媒体)协议的播放该资源。(代表软件:Windows Media Player)格式 MMS:// ed2k 通过 支持ed2k(专用下载链接)协议的P2P软件访问该资源。(代表软件:电驴) 格式 ed2k:// Flashget 通过 支持Flashget:(专用下载链接)协议的P2P软件访问该资源。(代表软件:快车) 格式 Flashget:// thunder 通过 支持thunder(专用下载链接)协议的P2P软件访问该资源。(代表软件:迅雷) 格式 thunder:// news 通过 NNTP 访问该资源。
host,主机,指定的服务器的域名系统 (DNS) 主机名或 IP 地址。
port,指出被访问的Internet资源所在的服务器端口号,整数,可选,省略时使用方案的默认端口,如http的默认端口为80。
path,路径,由零或多个“/”符号隔开的字符串,一般用来表示主机上的一个目录或文件地址,可选。
filename,指出被访问的Internet资源名称,可选。
13、链接的几种路径以及它们的不同:
绝对路径是包含服务器协议的完全路径,是一种与源地址文件无关的路径形式。
文档相对的路径是指与当前文档所在的文件夹相对的路径,它使用源地址文件和目标地址文件之间的位置来表示路径,只要整个站点的结构和文件的位置不变,改变站点的路径不会影响路径的正确性。
根相对路径是指从站点根文件夹到被链接文档经由的路径。一个根相对路径以前斜杠开头,它代表站点根文件夹。
常用的链接有:文本链接;图片链接及图像热点链接;邮件链接、下载链接以及其他链接;锚点链接及空链接。
只含有"#"的那种链接是空链接。