《Javascript 网页开发》实训大纲Word格式文档下载.docx

资源描述

《Javascript 网页开发》实训大纲Word格式文档下载.docx

《《Javascript 网页开发》实训大纲Word格式文档下载.docx》由会员分享，可在线阅读，更多相关《《Javascript 网页开发》实训大纲Word格式文档下载.docx（39页珍藏版）》请在冰点文库上搜索。

《Javascript 网页开发》实训大纲Word格式文档下载.docx

123456；

2.进入IIS界面，选择“默认FTP”，进行相应的选项设置，如添加：

添加用户名和密码；

文件的目录等；

3.打开IE浏览器，在地址栏中输入：

FTP：

//localhost,自动弹出对话框，要求输入用户名和密码，根据在FTP中的设置输入后，窗口将显示站点根目录中的相关内容，表示访问成功；

复制本机中的网页文件，粘贴在窗口文件夹中，即为上传。

实训二、编写一个文本标签的综合的html网页

一、实训目的

1、了解HTML的全局架构标签。

2、掌握HTML文档中的注释、符号及其特殊字符。

二、编程运行环境

Netscape公司的Navigator2.0以上版本的浏览器或InternetExplorer3.0以上版本的浏览器。

三、实训内容与步骤

1、编写一个文本标签的综合的html网页。

用记事本程序创建一个text.txt文本文件，文本内容如下：

html>

head>

title>

文本标签的综合示例<

/title>

/head>

ahref="

#para1"

第一个段落<

/a>

#para2"

第二个段落<

#para3"

第三个段落<

h1>

最大的标题<

/h1>

h3>

使用h3的标题<

/h3>

h6>

最小的标题<

/h6>

粗体字文本<

/b>

/p>

斜体字文本<

/i>

下加一划线文本<

/u>

tt>

打字机风格的文本<

/tt>

cite>

引用方式的文本<

/cite>

em>

强调的文本<

/em>

strong>

加重的文本<

/strong>

aname="

mark1"

fontsize="

+1"

color="

red"

size取值"

、color取值"

时的文本<

/font>

hyperlink.html"

返回<

para1"

h2>

br>

..........<

para2"

自己<

空<

/html>

编写完上述代码后，将它存盘并将文件名改为text.htm即可。

2、这个文件在浏览器中显示的结果如下图所示：

实训三设计一个综合复选框、下拉列表框及其提交按钮的页面

掌握<

select>

、<

inputtype=checkbox>

inputtype=radio>

标签和<

form>

表单标签的使用。

1、设计一个综合复选框、下拉列表框及其提交按钮的页面

用记事本程序创建一个form.txt文本文件，文本内容如下：

formaction="

method="

GET"

title="

thisistest"

tableborder=0>

tr>

tdvalign=top>

您的意见对我很重要：

/td>

td>

textareaname=yjcols=20rows=5>

请将您的建议输入到此区域

/textarea>

/table>

selectname=gxsize=3>

optionvalue="

--放弃选择--<

/option>

optionvalue=1>

刘德华<

optionvalue=2>

张学友<

optionvalue=3>

郭富城<

optionvalue=4selected>

黎明<

/select>

inputtype=imagename=mapsrc="

../lesson1/logo.gif"

--inputtype=textname=namevalue=zhangsansize=5disabled>

inputtype=textname=passwordmaxlength=5readonly>

inputtype=checkboxname=chk1value=1checked>

你同意吗？

inputtype=radioname=radio1value=1checked>

男<

inputtype=radioname=radio1value=0>

女<

inputtype=hiddenname=uservalue=wangwu>

inputtype=passwordname=pass>

inputtype=filename=file1-->

inputtype=submitname="

submit1"

value="

我要登陆"

submit2"

inputtype=resetname="

reset"

重写"

/form>

编写完上述代码后，将它存盘并将文件名改为form.htm即可。

实验四CSS样式表的应用

掌握各种样式表的定义及其各种样式表的引用方法。

1、使用滤镜的特殊效果

第1步:

将以下代码加到〈body〉与〈/body〉之间

divstyle="

width:

120;

height:

40;

background-color:

red;

filter:

Alpha（Opacity=50）Blur（Add=5,Direction=135）"

IT资讯交流网<

www.it315.org

/div>

Alpha（Opacity=80）Blur（Add=5,Direction=135）FlipV"

编写完上述代码后，将它存盘并将文件名改为filter.html即可。

这个文件在浏览器中显示的结果如下图所示：

2、外部样式表的应用

编写一个test.css文件其代码如下：

p{FONT-SIZE:

20pt;

COLOR:

blue;

FONT-FAMILY:

宋体;

BACKGROUND-COLOR:

gray;

TEXT-DECORATION:

underline}

再分别编写page1.html和page2.html两个页面其代码如下：

linkrel="

StyleSheet"

href="

test.css"

aaa<

bbb<

ccc<

xxx<

yyy<

zzz<

实验五用对象的方式实现数组

1、掌握javascript的内部对象的方法。

2、掌握通过定义对象的构造函数来创建自定义的数组。

1、用对象的方式实现数组

--把如下代码加入<

区域中-->

body>

--script>

vararr=[1,["

zs"

+1,,'

li'

3.5],["

1]];

for（vari=0;

arr.length;

i++）

{

if（arr[i].length）

{

for（varj=0;

arr[i].length;

j++）

{

alert（arr[i][j]）;

}

else

alert（arr[i]）;

}

/script-->

scriptlanguage="

javascript"

/*functionMyArray（size）

this.length=size;

for（vari=0;

size;

i++）

this[i]="

;

vararr=newMyArray

（2）;

arr[0]=3;

arr[1]="

abc"

arr[2]=4;

/*vararr=["

def"

123];

varx,str="

for（xinarr）

str+=x+"

+arr[x]+"

\n"

alert（str）;

vararr=newArray（）;

arr[0]=3.5;

arr[2]=3;

arr.sort（）;

str=str+x+"

//alert（arr.length）;

实验六练习document对象的对象属性的应用

熟练掌握document对象的对象属性。

1、练习document对象的对象属性

name=script1>

functioncheckall（）

{

varowin=window.open（"

_blank"

owin.document.write（"

tableborder=1width=400style='

FONT-SIZE:

xx-small'

caption>

all数组中一共有"

+document.all.length+"

个元素<

/caption>

document.all.length;

owin.document.write（"

+document.all[i].tagName+"

owin.document.writeln（"

/tr>

varobjnames=["

links"

forms"

anchors"

scripts"

images"

];

for（varj=0;

objnames.length;

j++）

{

x-small'

eval（'

owin.document.write（objnames[j]+"

数组中一共有"

+document.'

objnames[j]+'

.length）'

varlen=0;

eval（"

len=document."

+objnames[j]+"

.length"

for（vari=0;

len;

eval（'

owin.document.write（"

+objnames[j]+

[i].name+"

）'

owin.document.writeln（"

owin.document.write（document.all[7].src）;

owin.document.write（document.all.img1.src）;

owin.document.write（document.all["

img1"

].src）;

owin.document.write（document.all.item（"

）.src）;

owin.document.write（document.all.item（7）.src）;

owin.document.write（document.images[0].src）;

owin.document.write（document.images.img1.src）;

owin.document.write（document.images["

owin.document.write（document.images.item（"

owin.document.write（document.images.item（0）.src）;

owin.document.close（）;

}

bodyonload="

checkall（）"

#mark1"

name=href1>

top1<

#mark2"

name=href2>

top2<

imgsrc="

sample.gif"

name=img1>

formname="

form1"

inputtype=submit>

paragraph1

form2"

inputtype=textname="

user"

mark2"

paragraph2

all

数组中一共有16个元素<

HTML<

HEAD<

TITLE<

SCRIPT<

BODY<

IMG<

FORM<

INPUT<

BR<

links数组中一共有2个元素<

href1<

href2<

forms数组中一共有2个元素<

form1<

form2<

anchors数组中一共有4个元素<

mark1<

mark2<

scripts数组中一共有1个元素<

script1<

images数组中一共有1个元素<

img1<

file:

///E:

/javascript网页开发视频及其代码/code/lesson5/sample.giffile:

/javascript网页开发视频及其代码/code/lesson5/sample.gif

实验七VBScript的应用

1、了解VBScript与VB的差异。

2、掌握用VBScript编写网页脚本程序。

1、<

vbscript"

subbutton1_onclick

alert"

单击事件"

endsub

inputname="

Button1"

type="

button"

测试"

2、<

DOCTYPEHTMLPUBLIC"

-//W3C//DTDHTML4.01//EN"

//www.w

展开阅读全文