精选例题 视频教程

  例题1

| 观看视频

打开"z:\113\index.htm,进行以作并保存。效果如图片"样张.jpg"中的"样张一、样张二"所示。

(1)在唐代服饰"具体内容的末尾插入图片tangzhuang.jpg,宽度为"150像素"高度为"92像素",右对齐;

(2)在第一行有"插入flash处"插入flash文件fashion.swf,宽度为"500像素"高度为"80像素",删除提示文字;

(3)将第三行中的"服饰简介"超链接到"fsjj1.htm" 。

  例题2

| 观看视频

打开"Z:\3\index.htm",进行如下操作并保存。效果如样张"样张.jpg"所示。

(1)将网页标题设为"京剧艺术",背景音乐设为"bg.wav",音乐循环的次数为"不限次数";

(2)在网页的中下部的提示文字"插入图片处1、插入图片处2、插入图片处3"所处的位置从左到右分别插入"main-7.jpg、main-8.jpg、main-9.jpg",并删除提示文字。

(3)在"纪念馆概况"与"梅兰芳研究"上分别建立圆形热点和长方形热点,设其目标框架为"网页默认值(无)",链接分别为"intro.htm"和"mlf.htm"。

  例题3

| 观看视频

打开文件"z:\47\test.htm",进行以下操作并保存,效果如图片"样张.jpg"所示。

(1)将表格左边四个单元格中的文字分别链接到对应的网页文件;

(2)设置网页背景音乐为"jgzy.mid",不限循环次数;

(3)设置网页背景为粉红色;

(4)在右上角单元格中插入动画"zfbdc.swf"。

  例题4

| 观看视频

打开文件"z:\163\index.htm",进行以下操作并保存,效果如图"样张.jpg"所示。

(1)将标题"市情简介"设置为居中对齐,字体为"楷体-GB2312",大小18磅,颜色不变;

(2)将网页标题改为"城市介绍";

(3)将图片"bg.jpg"设为网页的背景;

(4)将"1.mid"设为网页的背景音乐,重复播放。

  例题5

| 观看视频

打开"z:\372\14.htm"进行以下操作后并保存

(1)在提示文字"插入图片处"插入dhm.jpg,图片宽度为184像素,高度为126像素,并删除上述提示文字;

(2)在标题"春节食俗"下方插入1 行3列的表格,在表格的3 个单元格中分别依次输入"春节的起源"、"历代春节食俗"、"春节各地食俗";

(3)在网页下方提示文字"(插入书签处)"设置书签,书签名称为"3",并删除上述提示文字;将表格单元格中的"春节各地食俗"与上述书签建立超链接。

  例题6

| 观看视频

打开文件"Z:\147\homeland.htm",进行以下操作并保存,效果如图片"样张.jpg"所示。

(1)插入滚动字幕"乡愁"作为标题,文字设置为隶书、36磅;(必须先插入字幕,再设置文字格式)

(2)在标题"乡愁"的下面插人图片"b273.jpg",并设置对齐方式为水平居中;(设置"居中"请使用菜单操作)

(3)设置网页背景音乐为"onestop.mid",音乐的循环次数为"不限次数"。

  例题7

| 观看视频

打开"考生文件夹\736\"文件夹下的文件"wy1.htm"进行以下操作后并保存,效果如样张"表格内容样张.jpg"所示!

(1)把表格的边框粗细设置为2,对齐方式为"水平居中";将文字"用户登陆"加粗,并将表格第4行的第1列和第2列单元格合并;

(2)完成表单内容,在表格的第2行第2列和第3行第2列单元格中分别插入名称为"T1",初始值为"用户名"的单行文本框和名称为"T2",初始值为"密码"的密码输入框;在第4行单元格中插入名称为"B1",值为"提交"的提交按钮和插入名称为"B2",值为"重置"的重置按钮;

(3)将文字"欢迎进入--科技林苑!"的字体改为18磅,黑体,红色,并设为水平居中;

(4)将网页的标题设置为"北京欢迎您"。

  例题8

| 观看视频

打开文件"z:\69\index.htm",进行以下操作并保存,效果如样张"样张.jpg"所示。

(1)在表格第一行单元格中插人图片"lyb.jpg",并设置图片大小;宽度为"580像素",高度为"65像素",在单元格中水平居中显示:

(2)添加"爱好"项目:田径、游泳、旅游,如样张"样张.jpg"所示(复选框名称与值保持默认),

(3)为"所在地区"添加选项:南京、苏州、无锡、常州、南通;为"你的建议"添加滚动文本框(名称为默认),并设置宽度为20、行数为3。

  例题9

| 观看视频

打开文件"考生文件夹\21\form1.htm",进行以下操作并保存,效果如图片"样张.jpg"所示。

(1)在网页上部插入一个包含1行1列的表格,设置表格的背景图片为haijun.gif,在表格中添加文字"调查表",格式要求:黑体、居中。

(2)在网页中插入表单,如"样张.jpg"所示:

在网页中插入复选框,名称为"C1",值为"ON";

在网页中插入复选框,名称为"C2",值为"ON";

在网页中插入复选框,名称为"C3",值为"ON";

在网页中插入单选框,名称为"R1",值为"V1";

在网页中插入单选框,名称为"R2",值为"V2";

在网页中插入滚动文本框,名称为"S1",初始值为"***"。

主要操作知识点

1、新建站点,新建、保存、打开网页

新建站点

新建网页

打开网页、保存网页

2、网页布局

(插入表格对网页进行布局)

插入表格

表格的对齐方式、边框线、高度、宽度、表格背景

单元格的对齐方式、边框线、高度、宽度、单元格背景

3、添加网页元素

插入图片(bmpjpggif等):插入图片来自文件,设置图片大小与对齐方式

插入Flash动画(swf):插入图片插入Flash影片,设置Flash大小与对齐方式

插入水平线: 插入水平线

4、设置页面效果

右击网页属性网页标题、背景音乐、背景图片、背景颜色、超链接颜色、边距等

5、建立页面链接

(可以在文字、图片、表单组件等多种对象上建超链接)

本机文件链接

选中对象右击超链接→在编辑超链接窗口中进行相应设置。

因特网网站链接

电子邮件链接

书签链接

第一步:选定书签位置插入书签;

第二步:创建超链接书签选定书签。

热点链接:

第一步:选中图片,用图片工具栏的热点工具圈出热点;

第二步:在弹出的编辑超链接窗口中进行相应设置。

*框架链接<目标框架>

(指定链接在哪个目标框架中打开)

6、表单

插入表单:

第一步:选中表格等对象,插入表单表单;

     (有些试题这一步已做好,可省略)

第二步:插入表单(各种表单)

设置各种表单的属性:

常见的有:文本框、选项按钮、复选框、文本区、下拉框、按钮(提交、重置)

注意在右键菜单中叫表单域属性,不是表单属性)

7、滚动字幕

插入→插入Web组件→字幕

8、网页过渡

格式→网页过渡

*9、框架网页

文件→新建→网页→框架网页(注意框架网页中各个框架都是一个独立的网页)

*10、动态网页代码

一、JavaScript 代码及其使用:

方法1:代码全部写进当前页,

  主要代码:

<script language=”JavaScript”>

……

</script>

方法2:调用外部JavaScript文件,

  主要代码:

<script language=”JavaScript” src=”***.js”>

</script>

二、CSS 样式表代码及其使用:

方法1:嵌入式 写入<body>主体区域的标签中;

  主要代码:

<*** style=“……”>

……

</***>

方法2内联式位置<head>区;

  主要代码:

<style type=”text/css”>

……

</style>

方法3:外联式, 位置<head>区;

  主要代码:

<link rel=stylesheet href=***.css type=textcss>