DreamWeave练习
- 格式:doc
- 大小:607.00 KB
- 文档页数:20
题目:XHTML 指的是?选项A:EXtensible HyperText Marking Language选项B:EXtensible HyperText Markup Language选项C:EXtra Hyperlinks and Text Markup Language 选项D:EXtreme HyperText Markup Language答案:EXtensible HyperText Markup Language题目:在下面的 XHTML 中,哪个可以正确地标记段落?选项A:P/p选项B:P/P选项C:/pp选项D:p/p答案:p/p题目:在下面的 XHTML 中,哪个可以正确地标记折行?选项A:br选项B:br /选项C:break/答案:br /题目:下列 XHTML 中的属性和值,哪个是正确的?选项A:WIDTH=80选项B:width="80"选项C:WIDTH="80"选项D:width=80答案:width="80"题目:在 XHTML 文档中哪些元素是强制性的?选项A:doctype、html、head、body 以及 title 选项B:doctype、html 以及 body选项C:doctype、html、head 以及 body答案:doctype、html、head、body 以及 title题目:下列哪些是格式良好的 XHTML ?选项A:pA bishort/i/b paragraph选项B:pA bishort/i/b paragraph/p选项C:pA bishort/b/i paragraph/p答案:pA bishort/i/b paragraph/p题目:在 XHTML 中有哪些不同的 DTD ?选项A:Strict, Transitional, Loose选项B:Strict, Transitional, Loose, Frameset 选项C:Strict, Transitional, Frameset答案: Strict, Transitional, Frameset题目:网页的主体内容将写在什么标签内部:选项A:HEAD标签选项B:P标签选项C:body标签选项D:HTML标签答案:body标签题目:HTML代码中,align=center表示选项A:文本加注上标线选项B:文本加注下标线选项C:文本或图片居中选项D:文本闪烁答案:文本或图片居中题目:在HTML文档中使用有序列表应使用()标记选项A:dl选项B:ul选项C:ol选项D:li答案:ol题目:请判断以下说法是否正确:XHTML 是一个 Web 标准。
《Dreamweaver网页设计》综合练习题(二)及解答一、选择填空题(每空2分,共20分)1.HTML2.URL3.ICP4.SGML5.CSS(_____)网络内容服务商(_____)网络内容服务商(_____)标准通用标记语言(_____)统一资源定位符(_____)超文本标识语言答案:(___3_)网络内容服务商(__5_)网络内容服务商(__4_)标准通用标记语言(___2__)统一资源定位符(___1_)超文本标识语言1.标签<frameset>2.标签<ul>3.标签<img>4.标签<img>5.标签<form>(____)指定链接地址(____)图片标记(____)表单(____)无序列表(____)框架标记二、单项选择题(每个题只有一个选项是正确的。
每题3分,共45分)1、如下所示的这段CSS样式代码,定义的样式效果是()。
a:link {color: #ff0000;}a:visited {color: #00ff00;}a:hover {color: #0000ff;}a:active {color: #000000;}其中#ff0000为红色,#00000为黑色,#0000ff为蓝色,#00ff00为绿色A.默认链接色是绿色,访问过链接是蓝色,鼠标上滚链接是黑色,活动链接是红色B.默认链接色是蓝色,访问过链接是黑色,鼠标上滚链接是红色,活动链接是绿色C.默认链接色是黑色,访问过链接是红色,鼠标上滚链接是绿色,活动链接是蓝色D.默认链接色是红色,访问过链接是绿色,鼠标上滚链接是蓝色,活动链接是黑色答案:D.默认链接色是红色,访问过链接是绿色,鼠标上滚链接是蓝色,活动链接是黑色2、下图为Dreamweaver 8的新建文档页面,一般情况下,创建完全空白的静态页面应选择()。
A.基本页类别中的“HTML”选项B.基本页类别中的“HTML模板”选项C.动态页类别中的选项D.入门页面中的选项参考答案:A3、在Dreamweaver 8中,设置超级链接的属性,目标设置为_top时,表示()。
1.用Dreamweaver打开index.htm页面,将网页的文符集设为中文字符集GB23122.将网页标题改为“Hosting公司欢迎您”3.用图形工具截取样张左上角Hosingcompany的标志并插入网页中4.新建hosting.css文件。
设置标题字体样式表类,类名为hostingtitle:黑体、14号字、粗体、文字颜色#006600.5.在hosting.css文件中,设置内容字体样式表类,类名为hostingcontents:宋体、12号字、文字颜色黑色.6.左下方区域为“公司简介”,加入标题和以下内容:“本公司在国内系统集成商中有较高的知名度。
连续被北京市高新技术产业开发实验区评为“经济二十强”,被中国外商投资协会评为“全国外商双优投资企业”,被北京市工商局评为“重合同,守信用”企业,公司通过了ISO9001质量管理体系认证。
公司总部设立在上地信息产业基地,地理位置毗邻世界闻名的圆明园和颐和园,交通位置毗连北京市的京昌高速公路和新建的北五环,道路四通八达通畅便利。
良好的运营环境及高新技术企业的优惠政策,为我们创立了良好开放空间。
”7.在右上方区域为“公司新闻”,加入标题和以下内容:福布斯公布潜力100 分众折桂百强企业年损六成iPhone 毛利率超50% 被批技术含量低 价格高出5倍 ThinkPad 多彩笔记本面市(图) V ista 可在网上下载 台湾再发生5级地震 海缆修复可能延迟至2月中旬 ICT 融合挑战旧体制 3G 布局需要"中国智慧" 3G"要上就快" 运营商重组不宜"杀富济贫"8. 在右下方区域为“主要业务”,加入标题和以下内容: Hosting 外包业务 Hosting 品牌电脑 Hosting 主流业务9. 将所有标题引用类hostingtitle10. 如样张插入一个文本输入框11. 将公司新闻中的内容做成向上滚动的走马灯效果。
网页制作练习题一、选择题:1、以下超链接到电子邮件的正确格式是:(D)A.maiilto://*************.mailto:************C.mailto:************D.mailto:************2、Dreamweaver中,如果要改变文字的大小,可以采用:(A)A.改变文字的样式B.改变字体C.增加缩进D.减少缩进3、打开Dreamweave窗口后,如果没有出现属性面板。
可执行(C)菜单中的“属性”命令将其打开。
A. 插入B. 修改C. 窗口D. 命令4、对于一个由左右两栏构成的框架页面,它是由:(C)A. 一个文件构成B. 两个文件构成C. 三个文件构成D. 四个文件构成5、FrontPage2000在网页中插入项目符号列表可在菜单栏的(B)操作A.插入B.格式C.编辑D.表格6、Flash的工具箱中,主要包含了:(CA.常用的动画效果工具B.声音工具C.绘图工具D.效果工具7、组件(Symbol)是Flash中可以重复使用的:(A)A. 图像B. 窗口C. 面板D. 菜单8、在Flash中,一个按钮就是:(B)A.一个图形B.一个组件C.一个动画D.一段文本9、在使用画直线工具绘制直线时,可以按(B)键,以便绘制出与水平成45度角的直线。
A.AltB.ShiftC.CtrlD.Windows功能键11、如果超链接的对象是在本文档中的某一个位置上,必须在相应的位置上(A)A. 插入一个书签或锚点B. 插入一段JavaScript脚本C. 插入一个Web组件D. 插入一个新网页12、在Dreamweaver中,在浏览器中预览当前页面可用哪能个快捷键(A)A. F12 B.F8 C.F5 D.ctrl+S13、能支持安装PWS的操作系统为(B)A.Linux B.Windows98 C.DOS D.WindowsXP14、以下属于框架属性的是(A)A.滚动条B.颜色C.图层D.效果15、下列是TELNET超链接格式的(D)A.ftp:// B.C.mailto:*************D.telnet://16、设置一个没有超链接功能的图像变化(即当鼠标指向页面中的图像时显示另外的图像,当鼠标离开页面中的图像时显示原图像),应使用Dreamweaver的(B)功能。
职称计算机考试模块Dreamweaver练习题「附答案」2017职称计算机考试模块Dreamweaver练习题「附答案」一、选择题(注:答案见尾页)1.以下文件格式中,支持动画和透明背景的图像文件格式是( )A、GIF格式B、PNG格式C、JPEG格式D、BMP格式2.在Dreamweaver CS3中,在编辑窗口中双击插入的图像,则( )A、打开图像查看器预览图像B、.启动图像编辑软件处理图像C、.打开“选择图像源”重新选择图像D、.打开浏览器预览当前网页3.以下说法正确的是( )A、图像给插入到网页中后,只能成比例的改变大小B、使用图像属性面板上的编辑图像功能,使图像永久性改变C、创建图像热点后,热点将不能改变大小,但可以移动位置D、GIF图像属于动画文件,不能创建热点4.当浏览器不能正常显示图像时,在图像的位置显示的文本是由于涉及网页时设置了图像的( )属性。
A、目标B、地图C、低品质源D、替换5.关于热点,以下说法错误的是( )A、可以绘制矩形和正方形的热点B、可以绘制圆形热点C、可以绘制椭圆形热点D、可以绘制多边形热点6.在Dreamweaver CS3中,图像属性面板中“低解析度源”的含义是( )A、图像本身的路径及文件名B、用于指定在载入住图像之前应载入的图像C、用于标注和创建图像地图D、是鼠标经过图像时显示的图像路径及文件名7.以下说法正确的是( )A、插入图像时,为了便于编辑修改,最好插入位图图像B、为了便于图像文件的管理,整个站点最好只创建一个image 文件夹C、图像文件名尽量不要使用中文,显示时容易出错D、为了提高清晰度,图像文件尽量要大一些8.Flash动画的扩展名是( )A、SWFB、FLCC、GIFD、PDF9.Flash按钮,以下说法错误的是( )A、可以设置超链接B、可以选择按钮样式及文本按钮C、可以设置背景色D、可以设置播放速度10.以下文件中,不能用“插入记录→媒体→插件”命令插入的.是( )A、SWF文件B、MIDI文件C、WAV文件D、MP3文件11.以下链接路径属于绝对路径的是( )A、http:///B、/image/tp.jpgC、…/news/xuexi.htmlD、default.html12.在Dreamweaver CS3中,创建超练级时可以使用的网页元素不包括( )A、文本B、具有动画效果的GIF图像C、图像的部分区域D、Flash动画13.要链接本站点以外的文件,要使用的链接路径是( )A、绝对路径B、相对路径C、根路径D、都一样14.超链接是一个网页到一个目标对象的链接关系,该目标对象可以是( )A、网页文件B、视频文件C、电子邮件地址D、以上均可15.当前网页在news文件夹中,若链接同一文件夹中indexhtml 文件时,在属性面板的“链接”框中应当输入( )A、index.htmlB、news/C、…/indes.htmlD、/news/16.以协议http或ftp开头的链接属于( )A、绝对路径B、根文件夹相对路径C、文档相对路径D、不一定17.超文本初始状态默认的样式是( )A、蓝色带下划线B、暗红色带下划线C、蓝色不带下划线D、黑色不带下划线18.超链接标签中,用来表示目标网页打开方式的属性是( )A、hrefB、targetC、alignD、title19.创建空链接且使之在浏览器中单击此链接时不会返回页面顶端的方法是属性面板的链接框中输入( )A、javascript:;B、mailtoC、@D、空格20.要将超链接目标网页在当前浏览器窗口中打开,应设置目标属性为( )A、_parentB、_selfC、_blankD、_top21.在链接路径中,根路径以( )开头。
Dreamweaver上机练习练习一基本操作[题目中所有用到的网页素材都放在”素材”文件夹下面]一、建立本地站点1.在F盘根目录下建立一个名为web+你的后6位学号的子文件夹,如:web123456。
2.在web文件夹下,建立一个名为images的子文件夹(存放网站用到的所有的图片文件)。
3.定义一个本地站点,其中站点名称为:XXXwebsite,站点的根目录为(1)建立的文件夹。
二、制作“心的绿叶”网页1.制作一个标题为“心的绿叶”的网页,设置该网页的属性如下:网页背景色为666600,文本颜色为FFFFFF,左边距、上边距均为50像素。
2.在网页中输入如图所示内容。
心的绿叶心的无数无形的绿叶,千年万代一簇簇在我的周围舒展。
我隐附于林木,它们是渴饮阳光的执着的化缘僧,每日从青天舀来光的甘汁,把贮存的看不见的不燃的火焰,注入生命最深的骨髓;从繁花,从百鸟歌唱,从情人的摩挲,从深受的承诺,从噙泪献身的急切,提炼淳香的美的结晶。
被遗忘的或被名记的美质的众多形态,在我的条条血管里留下“不朽”的真味。
如诗年华禅言心语偶尔心动蓦然回首Copyright 2006gxnnXXX 版权所有3.网页中有两条水平线,将上面的水平线的宽设置成100%、高设置成2,下面的水平线的宽设置成300像素,两条水平线均水平居中,颜色均设置为红色。
将该网页保存在web文件夹下,文件名为luye.htm,预览。
4.插入图片(1)在第一段的段首插入[给定的“素材”文件夹]中的图片ly.jpg。
(2)设置图片与文字间的水平边距与垂直边距均为5像素。
(3)设定该图片的替代文字为:心的绿叶。
(4)设置该图片的边框2。
保存、预览结果。
5. 制作鼠标经过图像(1)在第二条水平线的上面制作一个鼠标经过图像。
(2)其原始图像为“素材”文件夹中的图片fanj1.jpg,鼠标经过图像为“素材”文件夹中的图片fangj2.jpg。
保存、预览。
6. 插入Flash文本和Flash按钮(1)将“心的绿叶”四个字去掉,在其位置插入Dreamweaver提供的Flash文本:心的绿叶,效果如下图所示。
职称计算机考试Dreamweaver专项练习题1 339、下列对CSS字母间隔表述不正确的一项是DA、语法: letter-spacing: 值B、允许值: normal | 长度C、初始值:noneD、字母间隔属性定义一个附加在字符之间的间隔数量340、HTML的颜色属性值中,Purple的的代码是AA、#800080B、#008080C、#FF00FFD、#00FFFF341、HTML代码img src=name表示AA、添加一个图象B、排列对齐一个图象C、设置围绕一个图像的边框的大小D、加入一条水平线342、能不能在Dreamweaver中给按钮加声音AA、不行B、要加入Flash插件才行C、可以直接加D、DW2不能343、下列对CSS单位中长度单位表述有误的是哪一项BA、一个长度的值由可选的正号+ 或负号- 、接着的一个数字、还有标明单位的两个字母组成B、在一个长度的值之中允许有空格C、一个为零的长度不需要两个字母的单位声明D、无论是相对值还是绝对值长度,CSS1都支持344、html语言中,设置围绕表格的边框的宽度的标记是AA、table border=#B、table cellspacing=#C、table cellpadding=#D、table width=# or%345、在CSS语言中下列哪一项是“纵向排列”的允许值AA、aselineB、scrollC、长度]{1,2}D、背景颜色346、Dreamweaver的文本(Text)菜单中,Style→Underline表示DA、从字体列表中添加或删除字体B、将选定文本变为粗体C、将选定文本变为斜体D、在选定文本上加下划线347、CSS表示CA、层B、行为C、样式表D、时间线348、frameset cols=#是用来指定什么的BA、混合分框B、纵向分框C、横向分框D、任意分框350、Dreamweaver打开HTML面板的快捷操作是DA、F7B、F8C、F9D、F10351、Dreamweaver的视图(View)菜单中,Grid→settings表示DA、选择计量系统来设定标尺单位B、显示一个应用当前设置的背景网格C、使插入对象与最近的对齐设置对齐D、进行网格设置352、Dreamweaver的插入(Insert)菜单中,Table表示BA、打开插入图象对话框B、打开创建表格的对话框C、插入与当前表格等宽的水平线D、插入一个有预设尺寸的层353、创建层的命令是CA、Open/LayerB、Edit/LayerC、Insert/LayerD、Save/Layer354、HTML文本显示状态代码中,SUP/SUP表示BA、文本加注下标线B、文本加注上标线C、文本闪烁D、文本或图片居中355、框架中“可改变大小”的语法是下列哪一项DA、IMG SRC=URL BORDER=?B、SAMP/SAMPC、ADDRESS/ADDRESSD、FRAME NORESIZE。
网页设计练习题(含答案)一、单选题(共30题,每题1分,共30分)1.关于创建锚点链接的代码,下列书写正确的是()。
正确答案:2.下列选项中,属于定义有序列表的基本语法格式的是()。
A、<'ul> <'li>列表项1<'/li> <'li>列表项2<'/li> ...... <'/ul>B、<'ol>……<'/ol> <'ol>……<'/ol> <'ol>……<'/ol>C、<'ol> <'li>列表项1<'/li> <'li>列表项2<'/li> ...... <'/ol>D、<'ul> ...... <'/ul>正确答案:C3.在下列属性中,用来定义文本字体大小的是()。
A、sizeB、colorC、alignD、face正确答案:A4.下列选项中,不属于水平线标记属性的是()。
A、widthB、sizeC、nbsp;D、color正确答案:C5.<'img />标记链接图片的属性是()。
A、altB、srcC、heightD、width正确答案:B6.在定义列表中,用于对名词进行解释和描述的标记是()。
A、<'dl><'/dl>B、<'li><'/li>C、<'dd><'/dd>D、<'dt><'/dt>正确答案:C7.下列选项中,属于并集选择器书写方式的是()。
Dreamweaner 8 练习一、站点建立•在D盘根目录下,建立一个名为TEST的文件夹,在TEST下再建一个名为IMAGE的文件夹,准备放图象文件.步骤:•启动Dreamweaner 8站点菜单/新建站点,选高级,在分类处选本地信息,站点名称输入:test,在本地根目录文件夹处,旁边的文件夹处选文件夹为D:\test,在默认的图像文件夹旁边的文件夹处选文件夹为D:\test\image确定按下图选择,最后确定。
注意:本练习的所有.htm文件保存在站点d:\test下,图片文件会自动保存在d:\test\image下。
二、建立简单页面(1.html)1、建立一个3X3步骤:1、文件菜单→新建→基本页→HTML,单击“创建”按钮,出现空白网页。
2、插入面板为常用,单击按钮,出现对话框,作以下设置,并确定。
注:75%指表格的宽度,占浏览器的75%。
边框粗细为0,指表格在浏览时看不到边框。
3、在页面底部的属性面板选对齐,选“居中对齐”,使表格对齐。
4、输入文字信息,单击第2行第3列,插入菜单→选图像,选d:\考试用素材下的文件dora.gif。
5、在表格下输入:返回主页6、文件菜单→保存,输入文件名:1.html,文件保存在的d:\test,即站点下。
三、文字的编辑1、创建列表和嵌套按照4-1.HTM建立简单的页面(2.html)使用了水平条,项目列表(文本菜单/列表),我的兴趣爱好钓鱼o集邮o游泳o看电视文字编辑:在属性面板选择和编辑文字,对项目列表的嵌套可在选中文本后使用属性面板的文本凸出和文本缩进按钮,例:将标题“我的兴趣爱好”设置为兰色,隶书、加粗步骤:1、文件菜单→新建→基本页→HTML,单击“创建”按钮,出现空白网页。
2、在属性面板选字体,选编辑字体列表出现对话框,在可用字体处选隶书,单击“”,在上面的列表框中将出现所选择的字体。
如果还要选其它中文字体,需,单击“+”按钮,再次选择并添加。
注:中文字体的必须自己添加。
3、在属性面板:格式选“段落”,输入“我的兴趣爱好”,选中它,在属性面板字体选“隶书”,大小选“36”颜色选兰色。
单击(加粗)并设置居中对齐。
4、输入:钓鱼集邮游泳看电视5、在属性面板:格式选“标题一”选中:钓鱼集邮游泳看电视,属性面板选项目符号,大小选“36”,选中:集邮游泳看电视,属性面板单击(文本缩进)。
6、文件菜单→保存,输入文件名:2.html,文件保存在的d:\test,即站点下。
四、与邮件地址的链接(3.html)1、输入以下内容并插入图片,将E-mail地址e-mail:rudolf@与OUTLOOK建立链接个人简历:姓名:机器猫性别:男出生年月:1997年3月29日返回主页e-mail:rudolf@步骤:1、文件菜单→新建→基本页→HTML,单击“创建”按钮,出现空白网页。
2、插入菜单→选图像,选d:\考试用素材下的文件dora.gif。
3、输入文字信息4、选中“e-mail:rudolf@”文字,在属性面板链接处输入:5、选中“返回主页”,在属性面板链接处输入“”1.html,或用链接旁的文件夹去选择文件。
6、文件菜单→保存,输入文件名:3.html,文件保存在的d:\test,即站点下。
7、按F12键在IE里预览网页,单击邮件地址,启动outlook,可发送邮件,单击“返回主页”,可链接到1.htm。
五、文字的超级链接(4.htm与5.html)1、建立主页文件:4.htm的文字:插入图片“机器猫阿蒙”,输入文字“我的第1页”将文字与链接,1.htm建立链接,将1.htm的“返回主页”链接到4.htm。
2、建立5.html,页面内容为:(锚点链接)“网页制作思路”、“网上交易新观念”、“网上交友之我见”,单击其中的任何一项,在页面上显示相应的内容,左下方有一返回按钮,能返回主页4.htm。
步骤:1、文件菜单→新建→基本页→HTML,单击“创建”按钮,出现空白网页。
2、插入菜单→选图像,选d:\考试用素材下的文件doraemon.gif。
3、输入“我的第1页”。
4、选中“我的第1页”, 在属性面板链接处输入“”1.html,或用链接旁的文件夹去选择文件.5、文件菜单→保存,输入文件名:4.html,文件保存在的d:\test,即站点下。
6、在右侧的文件面板上双击1.html,打开它。
选中“返回主页”, 在属性面板链接处输入“”4.html,或用链接旁的文件夹去选择文件.7、文件菜单→保存,保存对1.html的修改。
8、按F12键在IE里预览网页,选中“返回主页”,可链接到4.html,在4.html中选中“我的第1页”,可链接到1.html.注:文件与文件的链接,或与电子邮件的链接,都称为外部链接。
9、文件菜单→新建→基本页→HTML,单击“创建”按钮,出现空白网页。
10、输入三行文字:网页制作思路网上交易新观念网上交友之我见7、文件菜单→保存,保存对5.html的修改。
11、输入十几行回车键,以出现十几行空行。
12、单击常用面板处的命名锚记,出现,在锚记名称处输入“A”,确定后出现,在它旁输入有关文字说明,这里用一行“AAAAAAA”表示。
按回车出现空行,输入“返回”,选中“返回”文字,链接到5.html。
13、选中第一行“网页制作思路”,用鼠标点击滚动条,直到看到那行A,用鼠标按住链接处的不放,拖曳到锚点标记上,完成首行与第1个锚的链接。
在属性面板的链接处出现。
注:锚点链接是文件内部之间的链接。
14、输入十几行回车键,以出现十几行空行。
15、单击常用面板处的命名锚记,出现,在锚记名称处输入“B”,确定后出现,在它旁输入有关文字说明,这里用一行“BBBBBB”表示。
按回车出现空行,输入“返回”,选中“返回”文字,链接到5.html。
16、选中第二行“网上交易新观念”,用鼠标点击滚动条,直到看到那行B,用鼠标按住链接处的不放,拖曳到锚点标记上,完成首行与第2个锚的链接。
在属性面板的链接处出现#B。
17、输入十几行回车键,以出现十几行空行。
18、单击常用面板处的命名锚记,出现,在锚记名称处输入“C”,确定后出现,在它旁输入有关文字说明,这里用一行“CCCCC”表示。
按回车出现空行,输入“返回”,选中“返回”文字,链接到5.html。
19、选中第三行“网上交友之我见”,用鼠标点击滚动条,直到看到那行C,用鼠标按住链接处的不放,拖曳到锚点标记上,完成首行与第3个锚的链接。
在属性面板的链接处出现#C。
20)文件菜单→保存,保存对5.html的修改。
21) 按F12键在IE里预览网页,单击第一行文字,应链接到第1个锚。
单击“返回”,回到第一行。
单击第二行文字,应链接到第2个锚。
单击“返回”,回到第一行。
单击第三行文字,应链接到第3个锚。
单击“返回”,回到第一行。
六、图象链接1、插入图片“机器猫阿蒙”在机器猫的眼睛上建立一个矩形连接:链接到2.htm在机器猫的嘴上建立多边形连接到3.html。
步骤:2、在4.html中选中图片,在属性面板中选中“”矩形热点,在图片的眼睛处画一个矩形,在属性面板的链接处选“2.html”。
3、在4.html中选中图片,在属性面板中选中“”多边形热点,在图片的嘴巴处画一个多边形形,在属性面板的链接处选“3.html”。
4)文件菜单→保存,保存对4.html的修改。
5)按F12键在IE里预览网页,选中机器猫的眼睛,应链接到2.html,选中机器猫的嘴巴,应链接到3.html。
七、图像翻转按钮和FLASH按钮(7.html)1、使原始图像为“风景1”,当鼠标移到风景1时,图像变为风景22、建立FLASH按钮,按钮名“返回”链接到2.html。
(插入菜单/媒体/ FLASH按钮,按钮文字为“返回”)步骤:1、文件菜单→新建→基本页→HTML,单击“创建”按钮,出现空白网页。
2、插入菜单→图像对象→鼠标经过图象,出现下列对话框:3、在原始图像的右侧的“浏览”处选选d:\考试用素材下的文件风景2 .jpg。
4、在经过图像的右侧的“浏览”处选选d:\考试用素材下的文件风景3 .jpg。
5、在替换处输入“这是图片!”。
6、在“按下时…”旁的浏览处选1.html。
单击“确认”。
文件菜单→保存,保存为7.html。
7、在图片下方定位,插入菜单→媒体→Falsh按钮,出现对话框。
8、在样式处选中一种样式,按钮文本为“返回主页”,在链接处“5.html”。
注:插入Falsh按钮后,会在站点下自动生成一个文件“button1.swf”,所以网页文件要先保存。
文件菜单→保存,保存对6.html的修改。
9、按F12键在IE里预览网页。
将鼠标移到图片上风景2变成风景3,鼠标停在图片上,出现文字提示“这是图片!”,单击图片,链接到1.html。
八、表格的应用(8.html)1、插入一个6 X 3行的表格,将表格的背景的改为蓝,(注意表格的背景色和单元格的背景色的不同),将表格的边框线设为02、观察在属性面板改变表格的宽度单位(%和像素),如果将表格的宽度单位改为像素,表格将不随IE窗口的的大小改变而改变,通过IE验证。
3、练习在属性面板的左下角单元格的合并和拆分按钮的作用。
,4、改变单元格的边距和间距5、在单元格中插入背景图片。
步骤:1、文件菜单→新建→基本页→HTML,单击“创建”按钮,出现空白网页。
2、插入面板为常用,单击按钮,出现对话框,作以下设置,并确定。
3、选中第1行的三个单元格,在属性面板选,合并这三个单元格。
注:在属性面板的可拆分单元格。
4、在属性面板修改单元格的边距和间距,观察表格的变化。
5、将鼠标定位在第一行,,。
6、选中第2行第2列,在属性面板选,出现下面的结果7、插入菜单→页面属性,再背景图片选背景8.jpg。
8、按F12键在IE里预览网页。
发现背景8.jpg无法显示。
在站点的image下找到背景8.jpg,右击改名为bj8.jpg。
插入菜单→页面属性,再在image下选bj8.jpg,重新插入。
9、按F12键在IE里预览网页。
背景图片可以显示。
10、文件菜单→保存,保存8.html。
九、层的使用(9.html)重点:掌握层的概念和制作方法、打开和关闭层的显示,防止层的重叠。
层面板的使用:窗口菜单/其他/层,属性面板Z轴:输入0表示该层处于最底层。
1、插入2个层,将企鹅和欢迎光临的图片分别放于2层之中,将,将企鹅的Z轴设为1,将欢迎光临的Z轴设为0,将2层重叠在一起,企鹅层永远在上面(Z轴的数字小的层在下面)2、在层面板中可对层改名,选中层面板的防止重叠,在页上无法将2层重叠在一起。
3、打开和关闭层面板的眼睛可打开或隐藏层。
步骤:1、文件菜单→新建→基本页→HTML,单击“创建”按钮,出现空白网页。