Dreamweaver实训教案

时间:2019-05-12 19:47:37下载本文作者:会员上传
简介:写写帮文库小编为你整理了多篇相关的《Dreamweaver实训教案》,但愿对你工作学习有帮助,当然你在写写帮文库还可以找到更多《Dreamweaver实训教案》。

第一篇:Dreamweaver实训教案

实训

一、创建个人网站

课时:2 任务

一、规划个人网站

一、提出任务

1.任务目标 规划个人网站。2.解决的问题

通过规划个人网站了解网站主题对于网站的意义,了解网站的栏目与目录结构之间的关系及开发网站的常用工具软件。

二、任务内容

1.通过互联网浏览网站,总结所浏览网站的主题类型,至少找出企业宣传、软件下载、求职招聘、专业论坛、流行时尚、互动聊天和在线销售类型的网站各一个,记录它们的网站名称填入教材p4表JYFS1-1中:

根据表格内的提示,使用搜索引擎查找相关类型网站。每组4名同学,每人负责两个主题的网站搜索。

任务二 创建站点

一、提出任务

1.任务目标

创建个人网站站点。2.解决的问题

使用网页制作软件Dreamweaver cs5,按照个人网站的制作要求创建网站站点。

二、任务内容

1.新建一个站点,名称为“pra1-1”,使用“高级”选项卡完成新建过程,保存位置为“D:pra1-1”,其他参数保持默认即可。

2.新建一个以自己姓名命名的个人站点,该站点使用“ASP JavaScript”服务器技术,暂不设置远程信息与测试服务器,站点保存在“D:pra1-2”文件夹中。

任务三 管理站点

一、提出任务

1.任务目标

管理个人网站站点。2.解决的问题

通过完成本任务学习使用Dreamweaver cs5进行站点管理。3.本任务所涉及原有知识要点

完成本任务所涉及原有知识要点有:启动Dreamweaver cs5,创建网站站点。

二、任务内容

1.新建站点“pra1-5”,使用管理站点功能将其导出。将站点导出文件通过网络或移动存储设备拷贝到其他计算机中,使用管理站点功能将其导入。

2.新建站点“pra1-3”,使用管理站点功能复制站点“pra1-3”,编辑复制的站点名称为“pra1-4”,之后删除站点“pra1-3”。

任务四

创建网站目录结构

一、提出任务 1.任务目标

创建网站目录结构。2.解决的问题

本任务将使用“文件”面板,实现先前规划的网站目录结构,学习在本地站点建立文件和文件夹的方法,管理站点内的文件。3.本任务所涉及原有知识要点

完成本任务所涉及原有知识要点有:打开Dreamweaver cs5、管理站点知识。

二、任务内容

1.使用“文件”菜单新建“ASP JavaScript”类型的动态页,文件保存为“D:/ practice 1-1.asp”,使用属性面板修改网页标题为“ASP网页”。

2.新建站点“pra1-7”,使用“文件”面板创建一个网页文件,命名为“practice1-2.html”,选中该文件后使用下拉菜单中的重命名选项,改名为“newpage.html”,同样使用拉菜单中的选项预览页面后删除该页面。

实训

二、添加首页内容

课时:2 任务一 添加首页文本

一、提出任务

1.任务目标

完成首页文本内容。2.解决的问题

通过完成本任务学习修改网页标题,在网页中添加文本,分段换行和段内换行,输入连续空格,保存和预览网页等知识。

二、任务内容

1.新建一个网页“practice2-1.html”,将本单元素材“举一反三”文件夹中“practice2-1.txt” 的文本内容拷贝到页面中,使用插入空格的方法修改文本,使每一行文本中的“vs”字样达到对齐的效果。

2.新建一个网页“practice2-2.html”,输入多行文字内容并进行分段和强制换行,修改网页标题为“换行效果预览”,保存后预览页面,观察在IE浏览器中标题在什么位置,浏览器窗口大小发生变化时,对三种换行方式的影响。

任务二 编辑文本样式

一、提出任务

1.任务目标

完成首页文本样式设置,添加水平分隔线与列表。2.解决的问题

本任务通过设置首页文本样式,学习文本样式设置与应用,修改文本样式,添加水平分隔线与列表知识。

3.本任务所涉及原有知识要点

完成本任务所涉及原有知识要点有:输入文本内容的方法,段内换行与划分段落方法,输入连续空格的方法。

二、任务内容

1.新建一个网页“practice2-4.html”,插入5条水平线,使用属性面板进行不同的宽、高、对齐与阴影属性设置,预览页面并比较不同属性的设置效果。

2.新建“班级荣誉”页面,文件名为“practice2-5.html”,列举班级成员所获奖励,设置为编号列表,修改文本样式,用不同的文本大小、颜色区分奖励的等级,保存并预览页面。尝试先设文本样式后设编号列表有何区别。(要求各组课下搜集班级成员获奖情况,并制定一个设置方案)

任务三 添加图像

一、提出任务

1.任务目标

为首页添加图像内容。2.解决的问题

本任务通过为首页添加图像内容,学习在网页中插入图像和编辑图像的方法。

二、任务内容

1.将本单元素材文件夹中的“jyfs1.jpg”插入到一个新建页面“practice2-7.html”中,裁剪后宽度为200像素,高度为100像素,并设置边框宽度为5,完成后预览页面。

2.新建网页“practice2-8.html”,插入本单元素材文件夹中的“jyfs2.jpg”,尝试使用Dreamweaver 8的图像编辑功能修改图像的亮度并进行锐化设置。

任务四 创建与应用CSS美化网页

一、提出任务

1.任务目标

使用CSS美化网页。2.解决的问题

本任务通过为对首页进行美化,学习应用CSS样式。3.本任务所涉及原有知识要点

完成本任务所涉及原有知识要点有:在网页中输入文本内容、插入图像及水平线。

二、任务内容

1.新建网页“practice2-9.html”,插入3条水平线,定义3种“类”样式“l1”、“l2”、“l3”。定义过程中修改样式中的边框属性,使其拥有不同的效果,分别应用在各条水平线上,预览页面。

2.将本单元素材“举一反三”文件夹中的网页“practice2-11.html”拷贝到D盘根目录下,定义“标签”样式“p”,设置文本大小与颜色,保存后预览页面观察效果,之后定义“类”样式“p1”,设置不同的文本大小与颜色,并应用于页面中所插入的文本,浏览页面观察效果,总结“类”样式与“标签”样式的区别。

3.新建网页“practice2-10.html”,插入本单元素材“举一反三”文件夹中的“jyfs3.jpg”和一条水平线,定义“类”样式“line1”,修改样式中的边框属性。分别将该样式应用在页面中的图片与水平线上,预览页面,分析样式设置的结果。

实训

三、创建、编辑表格

课时:4 任务一 创建表格

一、提出任务 1.任务目标

完成“作品展示”网页中表格的创建。2.解决的问题

通过在“作品展示”网页中创建表格理解表格布局页面的重要性,学习网页的布局分析,掌握创建表格的几种方法。

3.本任务所涉及原有知识要点

完成本任务所涉及原有知识要点有:在页面添加文本,设置文本格式,插入图像,设置图像格式。

二、任务内容

1.创建网页“practice3-2.html”,在网页中插入如图JYFS3-1所示的嵌套表格,保存并预览网页。

图JYFS3-1

2.创建网页“practice3-3.html”,在网页中插入如图JYFS3-2所示的嵌套表格,保存并预览网页。

图JYFS3-2 3.制作一个以环保为主题的网页,首先利用已学知识设计栏目和目录结构,创建表格布局网页。

任务二

编辑表格

一、提出任务

1.任务目标

编辑已创建成的表格。2.解决的问题

通过对本单元任务一创建的表格进行编辑,学习更改表格边框或背景颜色,添加、删除行或列,调整行高、列宽及表格大小,拆分或合并单元格。

3.本任务所涉及原有知识要点

完成本任务需要掌握以前学过的利用表格布局页面,创建表格等知识点。

二、任务内容

1.创建网页“practice3-5.html”,插入如图JYFS3-4所示表格并按要求设置其属性:宽400像素、高100像素、单元格间距为5像素、边框粗细为3像素、边框颜色为“#FF0000”。表格第1、3列宽100像素、单元格的边框颜色为“#00FF00”,第2列宽100像素、单元格的边框颜色为“#0000FF”。

图JYFS3-4 2.创建网页“practice3-6.html”,插入一个4行3列的表格,按图JYFS3-5所示,对单元格进行合并与拆分。设置表格边框粗细为1像素、颜色为“#000000”,将表格第1行的背景颜色设置为“#3399CC”,第2行与第3行的第一列单元格、第4行第1、2列单元格的背景颜色设置为“#FFFFCC”。

图JYFS3-5 3.创建网页“practice3-7.html”,插入5个表格,设置表格对齐属性及单元格内容对齐属性,使预览效果如图JYFS3-6所示。

图JYFS3-6 实训

四、表格中添加内容及建立超级链接

课时:4 任务一

添加表格内容

一、提出任务

1.任务目标

在“作品展示”网页中添加表格内容。2.解决的问题

通过在“作品展示”网页的表格中添加内容,学习在表格中添加内容并设置格式。3.本任务所涉及原有知识要点

完成本任务所涉及原有知识要点有:表格的创建和编辑。

二、任务内容

打开上一任务作业中创建的以环保为主题的网页,从互联网或其他途经搜索需要的素材,插入到表格中,并设置相应格式。

自己搜索素材,把素材插入到表格中并设置格式。根据最终要完成的效果可调整素材或单元格。若在操作单元格时遇到问题,可以考虑用“扩展”或“布局”模式来配合操作。

任务二 建立超级链接

一、提出任务

1.任务目标

完成“作品展示”网页中超级链接的添加。2.解决的问题

本任务将把网站中的所有网页联接起来、并把网站和Internet上的目标对象联接起来。通过完成本任务要学会如何在网页中建立超级链接。

3.本任务所涉及原有知识要点

完成本任务所涉及原有知识要点有:在网页中添加文本对象、图像等网页元素,以及设置这些网页元素的样式。

二、任务内容

P70页举一反三,题1、2、3 实训

五、制作“心情日记”网页

课时:4 任务一 创建框架集

一、提出任务

1.任务目标

创建“心情日记”页面的框架结构。2.解决的问题

本任务通过在“心情日记”页面创建框架集并设置属性,学习创建框架集以及设置框架集和框架属性的知识。

3.本任务所涉及原有知识要点

完成本任务所涉及原有知识要点有:创建网页、在网页中添加内容、添加超链接等。

二、任务内容

1.创建如下图所示的框架集网页“practice4-2.html”。

2.创建如下图所示的框架集网页“practice4-3.html”。

任务二

使用链接控制框架内容

一、提出任务

1.任务目标

在“心情日记”页面创建链接,使用链接控制框架内容。2.解决的问题

本任务通过在“心情日记”页面创建链接,学习使用超级链接控制框架内容,实现在同一浏览器窗口中显示多个网页的功能。

3.本任务所涉及原有知识要点

完成本任务所涉及原有知识要点有:如何创建框架集,设置框架集和框架的属性。

二、任务内容

创建网站“pra4-3”,站点保存在“D:pra4-3”文件夹。使用框架技术制作一个网上相册,将自己拍摄或搜集的相片分类(至少分三类),把每一类相片显示在一个页面中。创建一个“上方固定,左侧嵌套”的框架集网页“practice4-6.html”。上部框架显示相册标题(自定),左下部框架显示分类名称并添加链接,右下部框架显示相应类别的相片页面(注意:除了框架集网页外其他网页文件名自定)。

任务三 制作媒体日记网页

一、提出任务

1.任务目标

在网页中插入多媒体内容。2.解决的问题

通过完成本任务认识多媒体视频文件和FLASH动画文件在网页制作中的重要作用,学习运用多媒体文件美化和丰富网页。

3.本任务所涉及原有知识要点

完成本任务所涉及原有知识要点有:在网页中插入图像、编辑图像,使用框架结构布局页面。

二、任务内容

1.创建网页“practice4-7.html”,在网页中插入“插件”,播放本单元素材“举一反三”文件夹中的“Boo.wav”。

2.创建一个网页“practice4-8.html”,效果如图JYFS4-5所示,在网页下方插入“插件”,播放本单元素材“举一反三”文件夹中的“piantou.avi”。

3.创建网页“practice4-9.html”,在网页中插入“插件”播放本单元素材“举一反三”文件夹中的“background.mid”,要求设置循环播放。

实训

六、制作“家乡山水”网页

课时:4 任务一

创建框架集

一、提出任务

1.任务目标

为景区地图中的各个景区与“景区介绍”页面中相关内容建立链接关系。2.解决的问题

本任务通过在“家乡山水”页面中添加热点来划分景区地图上的各个景区,为景区地图上各个热点设置属性,链接到“景区介绍”页面中的相应位置。学习创建热点和锚记链接。

3.本任务所涉及原有知识要点

完成本任务所涉及原有知识要点有:网页的基本概念以及制作网页的基本知识,包括表格的制作、插入图像、添加链接等。

二、任务内容

将本单元“举一反三”文件夹中的“pra5-1”文件夹拷贝到D盘根目录,利用图像文件“practice5-3.jpg”,制作一个有关荷花的简单网页“practice5-3.html”。使用多边形热点工具为图像中的荷花添加热点,熟悉使用指针热点工具对热点进行移动和修改大小的操作。添加替换文本“映日荷花別样红”,添加链接到“practice5-4.html”,热点替换如图JYFS5-2所示。

图JYFS5-2

任务二

添加和使用层

一、提出任务

1.任务目标

完成“家乡山水”页面中层的制作。2.解决的问题

通过完成本任务学习层的使用,并为下一个任务添加行为做准备。

3.本任务所涉及原有知识要点

完成本任务所涉及原有知识要点有:在网页中添加表格,在单元格中添加内容。

二、任务内容

1.创建网页“practice5-5.html”,使用层完成如下工作:在图像“practice5-4.jpg”的上方叠放另一张图像“practice5-5.gif”(所需素材在本单元素材文件夹中的“举一反三”文件夹中),完成效果如图JYFS5-3所示。

图JYFS5-3

2.创建网页“practice5-6.html”,利用层的可重叠性,制作阴影效果的文字,如图JYFS5-4所示。

图JYFS5-4

任务三

制作页面动态效果

一、提出任务

1.任务目标

为“家乡山水”网页添加动态效果。2.解决的问题

通过为网页元素添加动态效果,学习在网页中添加层行为以及修改删除层行为操作。3.本任务所涉及原有知识要点

完成本任务所涉及原有知识要点有:在网页中添加热点、设置热点属性,添加层、设置层属性。

二、任务内容

1.创建网页“practice5-10.html”,插入本单元素材“举一反三”文件夹中的图像“practice5-2.jpg”,为图像添加“弹出信息”行为,使鼠标经过图像时弹出信息“月到中秋分外明”。

2.创建网页“practice5-11.html”,使用表格、层及行为创建如图JYFS5-6所示菜单,鼠标移到菜单选项时显示下拉列表,移出时下拉列表隐藏,目录结构参照表JYFS5-1。

实训

七、制作“访客信息”网页

课时:4 任务一 插入表单

一、提出任务

1.任务目标

完成“访客信息”页面的制作。2.解决的问题

通过完成本任务,学习在页面中插入表单及表单元素,并设置表单和表单元素的属性。3.本任务所涉及原有知识要点

二、任务内容

完成本任务所涉及原有知识要点有:使用表格布局页面、插入图像。

1.分析教材第166页图JYFS6-1所示的“会员资料登记”页面中有哪些表单元素。常用的表单元素有:文本框、密码框、单选按钮、复选框、按钮等。

2.将本单元“举一反三”文件夹中的网页“practice6-1.html”拷贝到D盘根目录,将表单中的“单选按钮组”修改为“列表/菜单”元素,“列表/菜单”元素修改为“单选按钮组”,并使其具有相同的功能。

任务二

检查表单

一、提出任务

1.任务目标

对“访客信息”栏目中表单输入数据的正确性进行检验。2.解决的问题

本任务通过实现对用户输入内容进行验证,学习应用检查表单。3.本任务所涉及原有知识要点

完成本任务所涉及原有知识要点有:表单以及文本字段、复选框等表单元素的使用。

二、任务内容

1.利用本单元所学的知识,制作个人网站的“用户登录”网页“practice6-3.html”,效果如课本图JYFS6-3所示。设置验证规则,要求用户必须输入用户名和密码,并且其中密码必须是数字格式,若不符合要求,则显示错误提示信息。

任务三 完成 “访客信息”网页

实训

八、制作“专业教程”网页

课时:4 任务一 分析页面布局结构

任务二

练习

1.利用本单元所学的知识,制作个人网站的“用户登录”网页“practice6-3.html”,效果如课本图JYFS6-3所示。设置验证规则,要求用户必须输入用户名和密码,并且其中密码必须是数字格式,若不符合要求,则显示错误提示信息。

制作框架页面:

1、新建网页123.html,标题:欢迎访问新世纪课程网站。

2、选择【布局】-“框架”-“左侧和嵌套的顶部框架”,在属性面板中,设置行值为114像素,列值为200像素。

保存全部,分别命名各框架名称:leftFrame为a.html、topFrame为b.html、mainFrame为c.html。

3、在a.html页面属性中将上、下、左、右边距全部设为0。插入一个6行1列的表格,表格宽度为95%,居中对齐。

所有单元格水平居中,将第一个单元格的高度设为20px,输入文本“学习导航”; 其余单元格将高度设置为50px,分别输入文字“◆知识点一”、“◆知识点二”、“◆知识点三”、“◆知识点四”、“◆知识点五”,并分别建立链接关系,链接路径指向要链接到的网页,目标选择mainFrame框架。

4、在b.html页面属性中将上、下、左、右边距全部设为0。插入一个1行2列的表格,宽度为100%,高度为114px,背景颜色蓝色。

设置左单元格宽为213px,背景图片images/logo.gif;右单元格水平居中,输入文本“新世纪课程网站”。

5、在c.html页面属性中将上、下、左、右边距全部设为0。在本页设置一个欢迎页面。

任务三 完成 “专业教程”网页

实训

九、模板应用及网站发布

课时:4 任务一 创建网站模板

一、提出任务

1.任务目标

将第三单元创建的“作品展示”页面转存为模板文件。2.解决的问题

通过完成本任务,学会利用原有页面创建网站模板。

二、实训任务

1、将本单元素材“举一反三”文件夹中的“pra7-1”文件夹复制到D盘根目录下,创建站点“pra7-1”,文件存储在“D:pra7-1”,使用“文件”菜单中的“新建”选项,新建一个HTML类型模板“pra7-1.dwt”,效果如下图所示。提示:所用背景图像在“pra7-1images”文件夹中,页面使用表格布局。

2.将本单元素材“举一反三”文件夹中的“pra7-2”文件夹拷贝到D盘根目录下,创建站点“pra7-2”,将页面“pra7-2.html”,另存为模板“pra7-2.dwt”,在表格“table_edit”中添加可编辑区域“edit7-2”,如下图所示,保存模板。

任务二 套用模板

一、提出任务

1.任务目标

将任务一中创建的模板套用到网站中的“首页”、“家乡山水”、“景区介绍”、“访客信息”和“作品展示”页面,并修改相关页面及文本中的内容。

2.解决的问题

通过完成本任务,学会将模板文件套用到已存在的网页,使风格一致。3.本任务所涉及原有知识要点

完成本任务所涉及原有知识要点有:在“CSS样式”面板中删除样式,选中及删除表格,修改网页标题,为文本添加超级链接。

二、实训任务

1.将本单元素材“举一反三”文件夹中的“pra7-3”文件夹拷贝到D盘根目录下,创建站点“pra7-3”,使用模板“pra7-3.dwt”创建两个新页面,将文件夹中的文本文件内容拷贝到两个页面的可编辑区域,分别保存为“pra7-3.html”、“pra7-4.html”。为文件夹中已有页面“pra7-5.html”、“pra7-6.html”套用模板。2.编辑站点“pra7-3”中的模板文件,为其添加相应的超级链接,保存后预览整个站点。

任务三 完成模板应用

第二篇:Dreamweaver网页设计 职业技能实训答案

Dreamweaver网页设计 下列关于域名注册的说法,错误的是(C)。

[A]申请含china,chinese,cn,national等字样的域名,必须经国家有关部门批准

[B]域名申请如果预注册成功,必须在规定时间内提交所需的纸面文件,否则注册的域名无效 [C]任何单位和个人都可以向CNNIC申请域名

[D]在国内已注册的域名可以变更或撤销,但不能买卖和转让 2 www.xiexiebang.com的,必须在CNNIC登记备案 65 一般的网站资源管理包括(ABC)。[A]权限管理 [B]目录管理 [C]内容设置管理

[D]修改删除

网站主要的维护工作包括(ABCD)。[A]更新过时的内容 [B]更新数据库

[C]改善导航与网页横幅

[D]模板管理

接入互联网的费用大体由(ABD)部分组成。[A]设备费 [B]通信费 [C]信息费

[D]维护费

下列选项中,属于FrontPage 2000视图模式的有(ABCD)。[A]导航 [B]网页

[C]文件夹 [D]超链接

超链接可以链接的对象有(ABCD)。[A]图片 [B]网页

[C]电子邮件

[D]以上3项皆可

网页中的超链接目标可以是(ABCD)。[A]网页 [B]图像

[C]多媒体文件

[D]程序

关于GIF格式的图像,以下说法正确的是(BC)。[A]采用失真的压缩方式 [B]采用非失真的压缩方式 [C]支持动画效果

[D]支持24位全彩色

对于JPEG格式的图像,以下说法正确的是(BC)。[A]采用非失真的压缩方式 [B]采用失真的压缩方式 [C]支持24位全彩色 [D]支持256位全彩色

下列关于网页中使用图像的描述正确的是(ABD)。[A]JPEG、GIF是网页上常用的图像格式

[B]在保证清晰度的前提下,应尽量压缩图像大小 [C]如果需要图像保存透明的背景,应选择JPEG格式图像 [D]除了彩色照片和高色彩图像外,尽量使用GIF格式图像 74 关于用FrontPage 2000制作网页,说法错误的是(ABC)。[A]必须懂得HTML语言

[B]利用FrontPage 2000,用户只可以自定义表格 [C]一个网页上框架应尽可能多,有利于内容布局 [D]利用表格可以进行网页的布局定位和增加网页层次 75 超链接是一种联系,以下表述正确的是(AD)。[A]超链接反映网页内部各位置之间的联系 [B]超链接反映文本间的联系 [C]超链接反映图像间的联系 [D]超链接反映网页间的联系

有关超链接的描述中正确的是(ABC)。[A]超链接可以实现图片链接 [B]超链接可以实现不同文档的链接 [C]超链接可以在同一文件内实现链接 [D]超链接可以实现不同网络之间的链接

在FrontPage 2000中,创建超链接的对象可以是(ACD)。[A]文字 [B]整幅图像 [C]FLASH动画

[D]图像热点

在FrontPage 2000中,能打开“创建超链接”对话框的方法是(BCD)。[A]执行“格式”一“超链接”命令 [B]执行“插入”_“超链接”命令

[C]右击超链接的载体,在快捷菜单中选择“超链接”命令 [D]单击工具栏上的“超链接”按钮

在FrontPage 2000中,表格属性设置可以进行的操作有(ABC)。[A]字体大小 [B]布局 [C]表格大小 [D]边框颜色

下列对表格与框架的描述中错误的是(ABC)。[A]框架比表格更有用 [B]框架对页面区域进行划分 [C]表格对整个窗口进行划分 [D]每个框架都有自己独立的网页文件

在框架网页属性对话框中,可以进行的设置有(AD)。[A]名称 [B]格式 [C]背景

[D]边距

保存框架网页的方法有(AB)。

[A]文件→保存文件 [B]框架→保存框架 [C]编辑一保存文件 [D]文件一保存框架

网页保存的类型可以是(ABD)。[A]文件→保存文件 [B]框架→保存框架 [C]编辑一保存文件 [D]文件一保存框架

决定局域网特性的主要技术要素有(BCD)。[A]主机性能 [B]网络拓扑 [C]传输介质

[D]介质访问控制

第85题: 用FrontPage 2000制作网页需注意()。

[A]为了便于管理,用户自己编辑的网页最好保存在一个固定的文件夹中 [B]预览完毕,要注意返回“普通”视图,否则无法编辑或修改网页 [C]一个网页上的框架可以无限多

[D]使用“框架”菜单下的“保存页面”,这种方法只保存当前所选框架中的网页 86 主页包含的基本元素有(ABC)。[A]文本 [B]图像 [C]表格 [D]超文本

统一资源定位器URL用来定位信息资源所在位置,其格式不可以是(AD)。[A](协议):/(主机名):(端口号)//(文件路径)/(文件名)[B](协议):(端口号)//(主机名)/(文件路径)/(文件名)[C](协议)://(主机名)/(文件路径)/(文件名)

[D](协议)://(主机名):(端口号)/(文件路径)/(文件名)88 关于TCP/IP协议对IP地址的规定,错误的是(BD)。

[A]由网络地址和物理地址两部分组成

[B]网络地址的长度决定每个网络能容纳多少台主机,主机地址的长度决定整个网间网能包含多少个网络 [C]每个IP地址由32个二进制位构成,分4组,每组8个二进制位 [D]有IP地址:1 89 以下对安全等级的叙述,正确的是(AD)。[A]单击自定义级别按钮可自定义安全等级 [B]Intenet区域的默认安全等级为“中”

[C]可信站点区域:该区域可直接下载或运行文件,而不用担心会危害个人计算机;该区域默认安全等级为“高” [D]受限站点区域:该区域包含用户不信任的站点;该区域默认安全等级为“高” 90 下述对HTML的描述正确的是(ABC)。[A]通过HTML可以把资源发布到互联网 [B]HTML可被任何文本编辑器读取 [C]HTML可用于各种不同的操作系统上 [D]HTML标签只能成对出现 91 HTML语言能描述图像的(BCD)。[A]像素

[B]来源 [C]位置 [D]大小

第三篇:DreamWeaver教案

第一部分 网页基础

1、了解网页设计的相关知识:

Frontpage/网页四剑客/ Html/ Asp/ Java脚本语言等

2、熟悉Dreamweaver工作窗口

3、掌握常用工具的打开方法

文档/标准/插入/属性/CSS样式/行为/站点/资源/框架/层/时间轴等

4、掌握HTML网页源代码编写的基本语法结构 第二部分 HTML的使用

1、HTML是超文本标记/描述语言,它编写网页源代码,是网页设计的基础。

2、掌握HTML的语法规则

3、掌握常用标签的使用,实例演示

4、页面属性设置:修改→页面属性(Ctrl+J)练习题:通过HTML设计简单网页 要求:1>新建站点

2>在站点中新建一个普通网页

3>在普通网页中添加常用网页元素 第三部分 文本的编辑与基本操作

1、熟悉网页的组成元素,其中文字是最基本的,是网页的主体,主要用来传达信息。

2、掌握文本的创建与编辑操作

3、设置网页文字效果

利用属性面板/插入面板

4、利用文本创建超链接

5、网页属性设置(页面属性/系统网页样式)上机练习:

图文混排(包括文本编辑/文本格式/水平线/超链接/ 图片/表格等)

第四部分 网页图像

1、图像点缀网页,形象直观、丰富多彩

2、掌握图像在网页中的作用及常用图像格式

3、掌握在网页中创建各种图像的具体操作

4、编辑图像(设置图像属性)

热点链接及改变大小等

练习:变换图片效果(照片变换)第五部分 层叠样式表(CSS)

1、了解CSS的含义、作用、分类

2、具体操作(样式面板)

创建CSS样式/编辑样式表/删除样式表/附加样式表/应用CSS样式 上机练习:

<1>新建样式(内部样式)

<2>新建一个外部样式表文件(.css)<3>新建CSS特殊样式(格式化超链接)<4>制作电子相册

第六部分 页面的版面布局

1、了解版面布局设计方案及要求

2、利用表格布局网页

掌握表格的创建、编辑、设置属性 上机练习:

用隐藏的表格进行整个网页布局

3、层的使用

<1>了解层的含义、作用 <2>层的操作(层面板)

创建/编辑/用层设计表格 上机练习: <1>在网页页面中应用描绘层实现图像和文字的精 <2>制作导航条(用导航条设计栏目)

准备好所需的按钮图片→插入面板→常用→导航条

4、使用框架布局页面

<1>了解框架的含义、作用、组成及HTML语法结构 <2>掌握创建框架的方法 <3>框架的基本编辑操作

选定/保存/删除/设置属性

第八部分 表单的使用(交互式表单)

1、了解表单的含义、作用、组成及HTML标签

2、认识各种表单对象并创建表单

3、使用行为验证表单

制作和验证客户表单或个人简历表单

4、提交表单

设置并上网申请站点→发布站点→预览效果 第九部分 生成动态特效(时间轴和行为)

一、时间轴

1、了解什么是时间轴及其作用

2、打开认识时间轴

3、使用时间轴创建动画

<1>创建层动画(文字/图像):通过时间轴来改变图层的位置、大小、可见性及叠放顺序。<2>创建图像动画(切换)

4、编辑时间轴

二、行为

1、了解行为及其包含的基本元素

2、掌握网页设计中常用事件及常用动作

3、掌握为具体为对象附加行为的操作方法

举例:为网页中经常暴发的事件,指定执行各种特 定的任务

第十部分 插入多媒体组件

1、了解什么是多媒体

2、掌握在网页中应用Flash动画、声音文件、视频文

件、日期等

3、网页中使用计数器(免费申请获取代码→网站上传

→预览)

第十一部分 模板与库的应用

一、模板:

1、了解模板的定义、组成、作用、特点

2、认识模板面板

3、模板操作 创建(.dwt)/编辑/应用/更新/模板与文档分离/管理

二、库

1、了解库的概念、作用

2、了解什么是库项目、掌握库项目的创建/编辑/应用/更新/文档与库项目分离

第四篇:Dreamweaver教案

第一课 软件简介与设置 1.1课程介绍 本课程主要内容

①内容提要/学习目标 ②软件演示 ③实例操作步骤

本课程的三个特色栏目

①网页色彩搭配; ②HTML基础;

③名词解释

1.2(软件)基础知识 内容提要:

①起始页的使用及相关设置;

②软件界面概览(菜单,工具,面板等); ③“插入”工具栏显示模式的切换; ④文档窗口的工具栏和状态栏; ⑤如何设置,存储和管理界面布局。

学习目标:

①了解Dreamweaver软件的作用,基本界面布局,以及各功能区的应用范围;

②了解控制软件界面和文档的基本方法。

第五篇:用dreamweaver开发ASP留言簿实训教程

用dreamweaver开发ASP留言簿的实训教程

一个简单的ASP留言本,这个留言本用了Access数据库。创建ASP的运行环境(安装IIS)

IIS(Internet Information Service)是构建ASP站点所必须的,所以,我们应该先确认自己的电脑已安装了IIS信息服务,如果没有安装好的话,请按以下步骤:

1、打开“控制面板”

2、双击“添加/删除程序”

3、单击“添加/删除Windows组件”,打开添加/删除Windows组件对话框:

3、从下拉的列表中选择“Internet 信息服务(IIS)”单击“下一步”:

4、出现组件安装进度窗口,如弹出需要安装盘的话,放入Windows2000安装盘,按提示操作即可。直至最后安装完毕。

二、设计数据库

ASP程序本身并不能储存数据,众所周知,留言本有以下信息需要保存:留言者姓名、联系方式、留言内容等等。因为ASP并不能储存数据,所以数据库在这种环境之下就产生了。数据库的种类也很多,针对不同的程序也有适用于它的数据库,比如Access和Ms SQL就比较适用ASP和ASP.net程序,至于其它的数据库和程序,就不属于本文所讨论的问题了,有兴趣的朋友可以查看其它一些资料。

那么既然Access和MS SQL都适用ASP,那么具体又如何来选择呢?

数据库也一样:Access比较适用小型的应用,而MS SQL则适用于大中型的数据库应用,所以要做一个留言本,理所当然是选择Access更好一些,但是如果你决心使用MS,没有人会极力阻止你。好了,废话少说,切入正题,下面开始创建数据库。

Access是微软office办公软件中的其中一个,默认的安装Office是有这个Access的,好了,打开程序,开始了,GO!

进入实战了。打开程序后,出现一个对话框,这里我们选择第一个选项"空Access数据库"点击确定,弹出一个新建数据库的文件框,选择你上次你建的站点目录,起个data的文件名,点击创建,OK!双击"使用设计器创建表"打开表创建窗口"如图

创建表的结构如下表: 字段名称

数据类型

备注(笔者注释)id

自动编号

设置“自动编号”

name

文本

留言者姓名

qq

数字

留言者的QQ,因为QQ号是由数字组成email

文本

留言者的电子邮件

content

备注

留言内容

data

日期/时间

留言时间,设定默认值为Now()

数据库设计好了以后,可以直接在数据库里添加两条记录,以后测试时候用!

三、连接数据库

在上一节,我们已经为我们的程序创建了一个数据库,在这一节中,我们来用ASP把程序和数据库连接起来,以后就可以连接到数据库、在ASP中显示数据库中的数据以及更复杂的插入、修改和删除。

一起看以下代码,这就是ASP程序中常用的连接数据库的代码: <% set conn=server.createobject(“adodb.connection”)

connstr=“Provider=Microsoft.jet.oledb.4.0;data source=”&server.mappath(“data.mdb”)conn.open connstr %>

解释一下以上代码:

<%

'这是ASP程序的起始

set conn=server.createobject(“adodb.connection”)'在服务器上创建了一个连接数据库的对象 connstr=“Provider=Microsoft.jet.oledb.4.0;data source=”&server.mappath(“data.mdb ”)

'告诉ASP数据库的接接方法以及路径.即服务器端当前文件夹下data.mdb conn.open connstr

'创建了对象后就用来打开数据库进行连接 %>

' 一切OK了!结束ASP程序

将上面的代码另存为conn.asp文件,放在服务器目录下面就可以了。

这一节是最重要的,一定要弄明白,否则以后操作数据库将变得不现实,如果有不懂的问题,欢迎和我讨论,我的电子邮件地址是。这一节就到此,下节我们就将数据库中的数据显示在页面中(这就实现了留言本的查看功能)

四、制作留言本首页

前面我们已经连接好了数据库,就要让它在这里发挥一下作用了,这一节将讲述如何将数据库里的数据用ASP读取出来,在页面中显示出来,这样就等于是查看留言本了。

利用DW制作如下页面(这里我就不讲如何去做这个页面了,最后我将会给出HTML代码下载)

将制作好的文件存为index.asp,下面就创建数据记录集,用来显示数据库的数据到这个页面中:

用记事本打开index.asp,在页头加入以下代码:

<%@LANGUAGE=“VBScript” codepage=“936”%>

<% set rs=server.createobject(“adodb.recordset”)sql=“select user,qq,email,content,data from main order by id desc” rs.open sql,conn,1,1 %>

解释一下:

第一行,表明ASP使用的是VB脚本

第二行,是用include包含文件,这里包含的是数据库连接文件。第三行,ASP程序开始

第四行,利用Server内置对象创建一个记录集

第五行, SQL语句,这里的意思是选择数据库中的user,qq,email,content,data字段,指定该数据表的名称是“main”数据的排列顺序是倒序。

第六行,用刚才创建的名为rs的记录集打开数据库,设置属性为只读(1,1为只读数据,1,3为插入数据,2,3是修改数据。

这样就打开了数据库,接下来就可以显示了。将“留言人”代替为“<%=rs(“user”)%> “时间”代替为“<%=rs(“data”)%> “留言内容在此”代替为“<%=rs(“content”)%> “QQ”链接到:http://search.tencent.com/cgi-bin/friend/use...;%=rs(“qq”)%> 4 “邮件”链接到:mailto:<%=rs(“email”)%> 最后将“填写留言”链接 add.asp “管理留言”链接 admin.asp

好了,再次保存,浏览看看!

怎么只显示一条记录?原来我们在数据库里添加了两条记录的哦!还有一条呢?别急,因为我们没有指定ASP循环显示,所以就只有一条啦。。在刚才的代码后面添加一行 <%do while not rs.eof%>

并在页面的第一个表格的末尾加上

<% rs.movenext loop %>

上面的代码就是说用rs记录集指针一条一条往下一条移动,直到末尾,loop是循环的意思。哈哈,再次浏览这个文件

看明白了吗,这样就可以让数据库中的数据全部显示在页面中了,好了,这节就到这,下节讲一个也很重要的部份(添加留言功能。)

五、制作添加留言页面,实现留言功能

我们是做的一个留言本,实现留言的功能就十分重要了,要不然就算不上留言本了,接下来就一起来实现这个功能。

用DW制作以下这样的页面:

设置表单的属性如下:

姓名:设置为单行文本域,名称为“user”

QQ号:设置为单行文本域,名称为“qq” 邮件:设置为单行文本域,名称为“email” 内容:设置为多行文本域,名称为“content”

最后将表单的“Action”动作指向addsave.asp就可以了。

保存文档名为add.asp,OK!下一步!

表单是做好了,但是还需要后台程序的支持,一起来使用ASP编写一个添加留言处理程序,添加留言代码:

<%@LANGUAGE=“VBScript” codepage=“936”%>

'表明ASP使用的是VB脚本

'是用include包含文件,这里包含的是数据库连接文件 <% set rs=server.createobject(“adodb.recordset”)

'利用Server内置对象创建一个记录集 sql=“select user,qq,email,content,data from main”

'SQL语句,上节有详解

rs.open sql,conn,1,'用刚才创建的名为rs的记录集打开数据库,设置属性为插入数据 rs.addnew

'用记录集新添加一条数据 user=request.form(“user”)

'请求表单的变量,定义变量为user,这里request.form是请求表单的意思 qq=request.form(“qq”)

'请求表单的变量,定义变量为qq email=request.form(“email”)

'请求表单的变量,定义变量为content=request.form(“content”)

'请求表单的变量,定义变量为content rs(“user”)=user

'将请求到的表单值传向记录集中代表user字段的名称

email rs(“qq”)=qq

'将请求到的表单值传向记录集中代表qq字段的名称

rs(“email”)=email

'将请求到的表单值传向记录集中代表email字段的名称

rs(“content”)=content

'将请求到的表单值传向记录集中代表content字段的名称 rs.update

'更新一下数据库中的数据。rs.close

'关闭记录集 set rs=nothing

'销毁记录集 conn.close

'关闭数据库连接 set rs=nothing

'销毁数据库连接 %>

将以上文件存为addsave.asp,测试下!咦?怎么填好提交以后就出现空白了,为什么?这是因为在addsave.asp中没有设置数据成功提交好后的转向页面,这里不用做那么复杂的,只要做一个刷新页面就行了,在程序的后面加上:

然后在页面中添加提示信息,比如:“您的留言已经成功提交,2秒钟后将自动返回留言本首页”

好了,这个留言的功能总算实现了,最后再测试下,看看效果!

六、制作管理登陆页面

留言本的管理功能对于留言本来说就不言而喻了,像论坛的登陆功能就是一个很好的例子,不过我们做留言本基本上有删除功能就行了,写这个教程是为了更多的ASP入门者更好的了解ASP,所以旨在学习用,当然也可以在这基础上添加更多的功能,比如回复留言者。

好了,开始了,还是按照以前的,用Dreamweaver做一个登陆页面,如下图:

把用户名的表单名称设置为admin,密码的表单名称设为password,把动作指向checkpass.asp,存admin.asp这样登陆页面就好了,下面就做检测密码的ASP程序了,看以下代码解释:

'把conn.asp包含进来连接数据库 <% 'ASP起始 admin=request.form(“admin”)'定义admin的值是表单传过来的用户名域名称admin password=request.form(“password”)'定义admin的值是表单传过来的用户名域名称admin if admin=“" or password=”“ then '这句的意思是假如用户名和密码没有输入的话那么执行下一句

response.Write(”“)'用javascript脚本提示用户 end if '结束if语句

sql=”select * from admin where admin='“&admin&”' and password='“&password&”'“ '这句很重要,查询admin表中用户名和密码与输入的是否一致。set rs=conn.execute(sql)'设定记录集rs,用conn执行SQL语句 if rs.eof or rs.bof then '当没有符合筛选结果时,则执行下面的句子 response.write ”“ '用javascript脚本提示用户 else '如果符合条件的时候

session(”admin“)=admin

'新建session,值等于表单传来的用户名 response.redirect ”mymanage.asp“ '转向到mymanage.asp,进入管理页 end if '结束if语句 %> 'ASP结束

将以上代码保存为checkpass.asp

这样,用户在admin.asp页面中输入用户名和密码后,就把用户名和密码值传给checkpass.asp处理,当用户名和密码的值和数据库中的字段相匹配时,就进入mymanage.asp这个管理页面,同时建一个session,这个session的会话变量将在后面起作用,下一节就明白了。

七、制作管理页面

上节中讲的是制作登陆页面和检测用户,当用户名和密码正确时就转到管理页面,好了,开始实现它。其实这个留言本的管理页面和用户直接看到的首页没有多大的区别,只是用了Session会话变量用作保护和增加了一个删除链接,当点击这个链接的时候,就会自动删除这条留言,好了,其本的目的知道了,那就GO!

刚才讲了,这个页面和首页的index.asp相似,那么就先复制就行了,然后再改一下

首先找到下面这句:

sql=”select user,qq,email,content,data from main order by id desc“ 把它改为:

sql=”select id,user,qq,email,content,data from main order by id desc“ 这样,就选取到了id这个自动编号的值,以便删除留言时锁定这个id。

然后在“邮件”这个链接后面增加一个链接“删除”,链接:del.asp?id=<%=rs(”id“),修改代码后为“ onclick=”return confirm('是否确定删除本留言?');“>删除 这样,待会我们做del这个页的时候,就会知道为什么了!

改过后存为mymanage.asp

现在打开浏览器看看!

怎么不用输入用户名和密码都可进入呀?别急,上节中,我们不是建了一个session的会话变量,这时就派上用场了,直接用记事本打开。

在<%@LANGUAGE=”VBScript“ codepage=”936“%>这句的后面加上

<% if session(”admin“)<>”“

then %> 这句,在末尾写上:

<% else response.Redirect(”admin.asp“)end if %> 下面来讲解一下。

<% if session(”admin“)<>”“ then %> '就是说如果session这个(”admin“)的值不是空的话就执行。怎样才不为空呢,只是在admin 登录成功时,才给session(”admin“)=admin <% else response.Redirect(”admin.asp“)end if %> '为空的话就转向登陆页,重新登陆,这样的话,直接输入网址的话就会跳到admin.asp,简单吧!

八、删除留言

上节我们增加了一个删除留言的链接,以下是这个del.asp的代码

<% set rs=server.createobject(”adodb.recordset“)id=Request.QueryString(”id“)sql=”select * from main where id=“&id rs.open sql,conn,2,3 rs.delete rs.update %>

很明了吧,才几句,第1、2、3句都不用解释了,大家都在上几节中明白了。

第4句:id=Request.QueryString(”id“)用id取值字符串中传的id,回头看一下删除的链接:del.asp?id=<%=rs(”id“)%> 就是这个链接才把id的值传来的,<%=rs(”id")%>是读取数据库中的自动编号字段中的id。

第5句:用sql定义SQL语句,这里的*是通配符,表示所有,而Where有点像我们汉语中的“当”,整句话的意思是选择所有来自表名为main的字段,它的条件是当数据库中的id字段是字串所传来的id。如果这个没有的话这个一时间不明白也不要紧,慢慢接触就知道了。

第6句是打开符合条件的记录,确切的讲不应该叫记录集了,因为经过我们这样筛选的话,记录绝对是一条,2,3指定可以对数据库中的数据进入修改。

第7、8句:

rs.delete 看了就明白了,原来这才是整个程序的精髓,就是执行删除了。rs.update 这是更新数据库中的表,删除后就更新。

最后大家自己用rs.close和conn.close释放。

下载Dreamweaver实训教案word格式文档
下载Dreamweaver实训教案.doc
将本文档下载到自己电脑,方便修改和收藏,请勿使用迅雷等下载。
点此处下载文档

文档为doc格式


声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:645879355@qq.com 进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。

相关范文推荐

    实训教案

    实训课程教案 项目一 接听电话 实训目的:通过接听电话的实训,掌握接听电话的基本程序和礼仪。 实训的重点和难点:接听电话的程序和礼仪。 实训方法:1、分组由教师讲解示范。2、......

    实训教案

    为了保证综采工作面的稳产、高产,延长支架的使用寿命,必须由经过培训的专职职工来操作液压支架。 1、操作前的准备 应检查管理系统和支架各部件的动作是否有阻碍、要清除顶、......

    实训教案格式

    计算机专业技能训练教案 教师姓名 教学内容分析 学生现状分析 培养目标 分布训练计划 (以上部分是所任科目的总体教学规划) 计算机专业技能训练教案 技能训练教案 训练课题:___......

    Dreamweaver职业技能实训答案(只含正确答案)(共五篇)

    Dreamweaver职业技能实训答案 (只含正确答案) 一、单选题 1 下列关于域名注册的说法,错误的是( C )。 [C]任何单位和个人都可以向CNNIC申请域名 2 WWW是指( C )。[C]Web Wibe W......

    DREAMWEAVER电子教案

    第1章 初识Dreamweaver安装、下载方法. 一、教学目的:学习原DR的安装、下载方法. 二、教学重点:概述和安装 三、教学过程 1.1 Dreamweaver MX概述 1、直观的新工作区 2、更加......

    认识Dreamweaver教案

    教学内容:认识Dreamweaver及站点和文件的操作 目的要求: 1、了解Dreamweaver界面和面板操作方法; 2、掌握Dreamweaver站点的操作方法; 3、掌握Dreamweaver站点文件的操作方法。......

    Dreamweaver全套教案

    课题 认识Dreamweaver 一、学习目的 了解Dreamweaver,学会利用Dreamweaver制作网页。 二、学习内容 Dreamweaver的基本知识。 【学习步骤】 1、 Dreamweaver的功能 Dreamweav......

    Dreamweaver教案补充(★)

    1、Dreamweaver 这是Macromedia公司的出品的一款"所见即所得"的网页编辑工具。与 Frontpage不同,Deamweaver采用的是Mac机浮动面版的设计风格,对于初学者来说可能会感到不适应......