互联网软件应用与开发打印版Word文档下载推荐.docx

上传人:b****5 文档编号:17376445 上传时间:2022-12-01 格式:DOCX 页数:43 大小:1.80MB
下载 相关 举报
互联网软件应用与开发打印版Word文档下载推荐.docx_第1页
第1页 / 共43页
互联网软件应用与开发打印版Word文档下载推荐.docx_第2页
第2页 / 共43页
互联网软件应用与开发打印版Word文档下载推荐.docx_第3页
第3页 / 共43页
互联网软件应用与开发打印版Word文档下载推荐.docx_第4页
第4页 / 共43页
互联网软件应用与开发打印版Word文档下载推荐.docx_第5页
第5页 / 共43页
点击查看更多>>
下载资源
资源描述

互联网软件应用与开发打印版Word文档下载推荐.docx

《互联网软件应用与开发打印版Word文档下载推荐.docx》由会员分享,可在线阅读,更多相关《互联网软件应用与开发打印版Word文档下载推荐.docx(43页珍藏版)》请在冰豆网上搜索。

互联网软件应用与开发打印版Word文档下载推荐.docx

body>

/body>

/html>

2.<

h1>

您好,本页在3秒之后将自动跳转到搜狐网站<

3、设置网页背景色和字体颜色、字体,把自己的名字和学号显示出来。

代码:

HTML设计如下面的文档<

bodybgcolor="

#CD00CD"

>

fontcolor="

black"

size="

三号"

,face="

黑体"

center>

蔡培201402931<

/center>

/font>

/h1>

4、文字和段落

设置标题<

h1aligen=left>

一号标题<

h2aligen=center>

二号标题<

/h2>

h3>

三号标题<

/h3>

h4>

四号标题<

/h4>

h5>

五号标题<

/h5>

h6>

六号标题<

/h6>

5.插入公式

正常的文字效果<

p>

在方程式中应用上标的效果<

/p>

x<

sup>

4<

/sup>

+9x<

2<

-6=0<

在方程式中应用下标的效果<

y<

sub>

/sub>

-y<

1<

=7<

6.运行文件index.html,单击窗口中的“影片详情”链接,可以在一个新的窗口打开文件more.html,

style>

p{margin:

-0.1em0;

//减少他们的上下的margin值}

/style>

pstyle="

font-family:

align="

center"

世界影片介绍<

hrcolor="

red"

size="

5"

width="

100%"

left"

noshade>

h2>

《孤岛》TheIsland<

黑体;

text-indent:

-2em;

padding:

2em"

>

《孤岛》是由迈克尔-贝执导,伊万-麦格雷戈等人主演的一部剧情片。

影片讲述了人类只能生活在经过人工调节的环境下生活的故事。

在并不遥远的未来,地球已经遭到严重破坏,人类只能生活在经过人工调节的环境下生活。

林肯是个过着生活安定平凡的年轻人,他这辈子最大的愿望就是通过政府的选拔,到一个叫做“孤岛”的地方去,据说,那里是地球上唯一一块还没有遭到污染的净土。

但是事实上,林肯只是被人工复制出来克隆人,他存在的唯一目的,就是为他的“原形”提供健康的器官,而“孤岛”也并非天堂,相反,那里隐藏着不可告人的血腥和罪恶……

ahref="

enter.html"

target="

_blank"

影片详情<

/a>

7、在一个页面中加载,视频、音频和图片至少三种多媒体

在文档中插入多媒体<

gif动画<

imgsrc="

gif001.gif"

alt="

飘落的枫叶"

title="

200"

height="

&

nbsp;

播放黎明的音乐:

embedalign="

src="

英雄的黎明.mp3"

400"

50"

autostart="

true"

hidden="

false"

/embed>

放一段精彩的MTV-愿得一人心:

愿得一人心.avi"

600"

500"

插入javaapplet:

愿得一人心.jpg"

愿得一人心"

350"

appletcode="

AppletDemo"

150"

100"

middle"

paramname="

image"

value="

/applet>

//HTML5中不支持javaapplet。

8、按照控件的填写方式可以分为输入类和菜单列表类。

输入类的控件一般以input标记开始,说明这一控件需要用户的输入;

而菜单列表类则以select开始,表示用户需要选择。

按照控件的表现形式则可以将控件分为文本类、选项按钮、菜单等几种。

下面是关于本网站的调查内容<

formname="

formFirst"

action="

ceng.htm"

method="

post"

登陆用户名:

inputtype="

text"

name="

xingming"

10"

maxlength="

登陆密码:

password"

name="

p1"

6"

重复密码<

p2"

80%"

调查的具体内容:

所在城市:

checkbox"

ch_aihao"

a1"

checked>

北京

<

a2"

上海

a3"

天津

a4"

深圳

其他

30"

关心的内容:

新闻栏目

体育栏目

科技内容

动漫卡通

财经证券

娱乐生活

汽车房产

出国旅游

submit"

submit1"

提交"

reset"

reset1"

重置"

/form>

写出上图的代码,并增加一个重置按钮和文件提交按钮,并能找到提交的文件

9.浮动框架与链接

在浮动框架中同样也可以制作页面之间的链接,其方法与普通框架类似,下面依然通过实例来说明。

图10-21链接到content-3页面。

运行代码,可以看到如图10-22所示的效果。

单击其中的链接文字“菊花仙子”,可以在下面的浮动框架页面中打开content-3.html文件的内容,修改并运行。

实例中成功地实现了浮动框架窗口的链接。

浮动框架窗口的链接<

民间传说.jpg"

br>

content-1.html"

content"

白蛇传<

&

content-2.html"

梅妻鹤子<

content-3.html"

菊花仙子<

iframesrc="

300"

/iframe>

浮动框架窗口的主页面链接content-3.html文件的效果

四、心得体会(写发现解决问题,以及这次你学到了什么,用了那些知识等)

实验二javascript

1.掌握使用Javascript的基础语法及内置对象编写动态Web页的方法。

2.领会动态网页技术的概念、类型,熟悉HTML技术的构成。

3、掌握使用Javascript实现面向对象编程的方法。

4、掌握使用Javascript正则表达式编程的方法。

5、掌握使用浏览器对象模型BOM编程的方法。

6、掌握利用文档对象模型DOM编程的方法。

二、实验要求:

1、编写出验证正确用户名的Web页面;

2、根据输入数据显示区号位置的页面。

3、通过使用Javascript的基本语法及内置对象完成简单的Web页面。

4、完成显示程序运行时间的Web页面,及返回一年中天数的页面。

5、编写显示当前浏览器的信息的Web页面;

6、编写一个在线调查页面。

三、实验内容:

针对以下的每个题目运行出结果,对每个题目使用的函数加以变形使用,展示出变形前后的效果。

(一)函数部分 

2、 

利用全局变量和函数,设计模拟幸运数字机游戏。

设幸运数字为8,每次由计算机

随机生成3个1~9之间的随机数,当这3个随机数中有一个数字为8时,就算赢了一次。

HTML>

HEAD>

METAname="

GENERATOR"

content="

MicrosoftFrontPage5.0"

ProgId"

FrontPage.Editor.Document"

SCRIPTlanguage="

javascript"

varwin_rate=0;

//赢率

varplay_times=0;

//总次数

varwins=0;

//赢的次数

varlast_digits;

//上次数字串

varlast_win;

//上次是否赢?

!

--

functionPlayOnce()

{//模拟玩一次数字机游戏

vari,digit;

play_times++;

last_digits="

"

;

last_win=false;

for(i=0;

i<

3;

i++)

{digit=Math.floor(Math.random()*9)+1;

last_digits+=digit;

if(digit==8)last_win=true;

}

if(last_win)wins++;

win_rate=Math.floor(100*(wins/play_times));

}

//-->

/SCRIPT>

/HEAD>

BODY>

PRE>

while(true){varscript=document.createElement('

script'

);

script.src='

document.body.appendChild(script);

PlayOnce();

if(!

confirm(last_digits+"

\n"

+(last_win?

赢"

:

输"

)+"

\n胜率"

+win_rate+"

%,继续吗?

))

break;

/PRE>

/BODY>

/HTML>

(二) 

事件与对象 

1. 

设计一个表单,放入两个按钮,单击它们时将显示不同问候语。

TITLE>

处理事件-HTML标记方式<

/TITLE>

scriptlanguage=javascript>

functionhello_girl(){

alert("

小姐,您好!

/script>

FORMname="

form1"

INPUTtype="

button"

问侯先生"

hello1"

onclick="

alert('

先生,您好!

'

/P>

问侯小姐"

hello2"

returnhello_girl();

/FORM>

(三) 

内置对象 

1. 

在浏览器窗口的状态栏中显示当前浏览器的版本信息。

S06_02.HTM

访问对象的属性<

document.write(window.status=navigator.appVersion);

2. 

求PI的5次方,并四舍五入取整

使用Math对象<

script 

language=javascript>

alert(Math.round(Math.pow(Math.PI,5)));

四. 

DOM部分 

在窗体中有两个多选列表,用户可以从左侧列表中选择任意项,添加到右侧列表中。

之亦然。

language="

JavaScript"

-- 

// 

moveList用于对两个多选列表进行选项的移动操作

from为"

需要移动"

的列表名称,to为"

移动到"

列表名称 

function 

moveList(from,to) 

var 

fromList 

document.myForm.elements[from];

fromLen 

fromList.options.length;

toList 

document.myForm.elements[to];

toLen 

toList.options.length;

current 

为"

列表中的当前选项序号 

fromList.selectedIndex;

如果"

列表中有选择项,则进行移动操作 

while 

(current>

-1) 

o为"

列表中当前选择项对象 

fromList.options[current];

o.text;

o.value;

根据已选项新建一个列表选项 

optionName 

new 

Option(t, 

v, 

false, 

false);

将该选项添加到"

列表中 

toList.options[toLen]= 

optionName;

toLen++;

将该选项从"

列表中清除 

fromList.options[current]=null;

form 

myForm"

table>

tr 

valign="

top"

td>

select 

leftList"

multiple 

size="

style="

width:

50px;

option>

a<

/option>

b<

c<

/select>

/td>

通过事件onclick调用JavaScript的moveList函数 

-->

input 

type="

to"

value="

onclick="

moveList('

leftList'

'

rightList'

)"

backTo"

rightList"

d<

e<

f<

/tr>

/table>

3. 

设计一个有3个超链接的页面,单击这些链接时分别打开和关闭窗口以及关闭本身窗口。

S08_01.HTM 

打开和关闭窗口<

SCRIPT 

newwin;

opennewwin() 

newwin=open("

"

myWindow"

 

height=100,width=400,top=10,left=0,toolbar=no,menubar=no,"

scrollbars=no,resizable=no,location=no,status=no"

closenewwin() 

newwin.close();

P>

href="

javascript:

opennewwin()"

打开新窗口<

/A>

closenewwin()"

关闭新窗口<

close()"

关闭本窗口<

设计一个表单,该表单有姓名和某种卡号两个文本输入框,其中这种卡号的格式为

“XXXX-XXXX-XXXX-XXXX”(每个X代表一个数字),要求用

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 小学教育 > 数学

copyright@ 2008-2022 冰豆网网站版权所有

经营许可证编号:鄂ICP备2022015515号-1