当前位置:首页 > 日记 > 正文

如何使用DHTML构建一个Web页面

如何使用DHTML构建一个Web页面
1引言

随着互联网/内联网的不断普及和发展,越来越多的公司、企业和个人都开始建立自己的网站,编写网页,并发布信息以新的方式为人们浏览、阅读和应用。因此,网页的制作也越来越被重视被越来更多的专业人士。
一个网页是指多个文件,提供信息的世界通过互联网,包括个人信息、商业、娱乐等。网页是由超文本标记语言HTML(超文本标记语言)编写的,存储在互联网/内联网,供游人阅读(浏览器)写在HTML。网页又称为超文本,即Web页包含如文本、图形、声音的多媒体信息、图像、超链接(超链接)。

2制作简单

我有大量的HTML网页和脚本语言的接触。为了方便浏览,电脑厂商都推出了自己的HTML支持,这些还没有一个统一的标准,这显然不利于互联网的发展。因此,W3C万维网联盟已经制定了一个规范这是独立于平台和语言,即文档对象模型DOM(文档对象模型)。
DOM将HTML、CSS(层叠样式表)和脚本语言,形成一个可互操作的模型,一个或多个人可以实现。网景和微软都提出了一个建议:实现W3C DOM使用动态HTML,即DHTML(动态HTML)来解决这个问题。
DHTML是几个新的特点,在保持与现有的HTML兼容的基础上扩展的总称。这些新功能主要是指动态功能,使用CSS定位的功能和作用。
有两个原因:第一,使用DHTML DHTML将网页上的每一个元素分成许多独立的对象,其属性指定的CSS。二是DHTML打开每个对象编程和脚本语言的框架。它可以操纵的对象在网页上使用的编程语言C++,并操纵对象和java脚本及VBscript网页。这意味着,在它的网页都是可编程的,为网页带来新的功能。当我们发现在应用程序执行的差异在Web上运行,每个人都必须等待网页下载在一个单一的元素,如果一个网页包含许多隐藏的对象,即使在新页面的屏幕,它将经历一次过程;和DHTML的使用,图像可以点击屏幕底部的屏幕上,可以使段落立即改变,而无需访问。所有形式将成为活的,用户可以动态等这样就减少了请求,减少了负载,提高了客户端和客户端的整体性能。

3使用样式表CSS

DHTML的基础是级联样式表CSS(层叠样式表),是指一组显示和位置属性的网页的作者定义CSS的最大特点是面向对象的Web设计,即每一页,每一段,每一个形象,形成作为一个对象每个对象的实例,然后宣布。每个实例都有一个风格(style),一组属性或显示指令。只要他们宣称,这些属性将贯穿整个网站甚至整个网站。对于每一种风格可以被赋予一个名称,如H1如果,李用一个有效的DHTML元素的样式的名称(或标签)的名字一样,风格是自动到单元的每一个实例;如果你给一个名字的打法没有DHTML标记相应的你必须手动的样式应用于它出现的地方,希望。
3.1定义和使用基本样式
在以下领域有两种风格:H1和青睐,H1是由H1 H1 /标记的部分将继承所有H1样式属性在程序中有效的DHTML元素;忙是一种非DHTML元素,它必须在一加一点前定义、参考使用类在程序中声明的忙忙的马克/部分将继承所有喜欢的样式属性。
html
头标题测试
样式类型=文本
!—
字体样式:正常;
字体粗细:粗体;
颜色:绿色;
行高:20pt } / / H1定义风格
支持{样式:正常;
Fontsize:15pt;
背景图像:URL(回来。图像.webp);
TextAlign:中心} / /定义风格的青睐
—。
H1这是一个测试!使用样式
p=喜欢您喜欢这个使用样式吗

3.2采用外式
样式表也可以存储在外部文件。文件和页面之间的连接可以被存储在文件mysite.css通过导入或链接,例如,样式表。在文件中,您可以插入以下代码调用外部样式表。
样式表链接rel=
mysite.css href =
类型=文本/ CSS
标题=测试风格。

4交互式功能的实现

CSS本身没有交互功能。实现互动,我们必须结合CSS文档对象模型(DOM)定义和转换Web文档DHTML documents.dom提供的脚本语言来访问网页上的元素的一种方式,还有微软和Netscape支持对象模型之间的一些差异。
在微软的模型中,脚本语言可以访问HTML页面上的所有元素,而且所有元素都体现在程序段的document.all.the对象用于在网页中写的所有元素:
为(i = 0;我,document.all.length;i++)
{
document.write(document.all i.tagname + N);
}
在Netscape模型中,脚本语言可以访问HTML页面上特定集合的元素,如标签的内容:
为(i = 0;我,document.layers.length;i++)
{
document.write(document.layers I.姓名+ N);
}

5定位技术的应用

在HTML中,任何对象的位置总是相对于网页结构的其他部分。当我们编辑网页,我们经常挤一张的页面添加文本。现在,使用DHTML的定位技术可以解决对象和堆栈,即多个图像放置在页面的同一位置,并不断指定对象放在上面来实现动画效果。
实例uff1a
*背{背景颜色:透明}
* mypoit
位置:绝对;
上图:5in;
右:5in;
宽度:10in }
正文{背景图片:URL
类=。我IMG(SRC = /图像/ .webp)
div class= pileid = image1style = Z指数:4
div class= pileid = image2style = Z指数:3
div class= pineid = image3style = Z指数:2
div class= pineid = image4style = Z指数:1

在上面的段落中,让光线通过地图的背景,这个效果是通过特殊的绘图工具来完成的。4张图片都堆积在页面上,而且动画效果非常好。

6结语

有一些研究如何使用DHTML编辑网页,还有许多技术问题等待Web者加深它在一起。

北京运输学院

相关文章

微软决定Windows嵌入式手持设备下

微软决定Windows嵌入式手持设备下

移动操作系统,嵌入式,设备,电脑软件,Windows,在移动领域,微软已经推出了Windows Mobile 6.5的市场,而Windows Phone 7即将发布。我们错过了什么答案是肯定的,微软还计划发布另一个移动操作系统,Windows嵌入式手持设备,用于嵌入式和企业设备。 …

Linux20年的风雨,沧桑见证辉煌!

Linux20年的风雨,沧桑见证辉煌!

沧桑,见证,辉煌,风雨,电脑软件,众所周知,Linux在计算机发展史上占有重要地位。自上世纪90年代初期,Linux已经发挥了越来越重要的作用。今年,Linux已经20岁了。它已经被应用到世界的各个角落,包括你的Android智能手机,在一个大学生的理论工程这也…

百度图书馆说,盗版文学作品已经基本

百度图书馆说,盗版文学作品已经基本

图书馆,删除,百度,文学作品,电脑软件,经过三天的人工删除,百度说,截至昨天中午12点,百度图书馆的非授权文学作品基本上是空的,昨天大约19点,百度图书馆的中文图书馆只剩下169本,三天前,共有280万份文件。 它仍然是一个公共关系策略不能解决海盗问…

苹果发布iCloud免费云服务功能多设

苹果发布iCloud免费云服务功能多设

云服务,共享存储,功能,内容,设备,新华社北京6月7日日电:据苹果公司报道,昨天苹果公司宣布了iCloud免费云服务套件功能,据了解,它可以通过无线网络存储用户数据的内容,并通过无线网络自动将其推送到所有设备。 苹果的iCloud,iTunes(数字音乐和视频…

微软官方发布office2004test

微软官方发布office2004test

官方,电脑软件,office2004test,5月19日,微软公司正式宣布的office2004mac版本发布,它上周推出。微软还宣布推出测试版的30天试用期。你可以从mactopia网站下载它,并有一个详细的描述,对网站软件的新特性。标准版和学生/教师版office2004mac现在…

315打假日,梅土秀秀教你玩注头

315打假日,梅土秀秀教你玩注头

教你,假日,秀秀,电脑软件,玩注头,就在不久前,时尚的比尔头恶搞,主人将取代朋友头钞票,颜色真的太棒了。315天的打击来了,你不妨发挥更像比尔美图秀秀阿凡达恶搞,把像一个角落取代比尔的朋友,同时我们可以经历一次后印象派风格的梵高式的有趣的恶…

青海省为2008届北京奥运会吉祥物申

青海省为2008届北京奥运会吉祥物申

青海省,吉祥物,北京奥运会,藏羚羊,电脑软件,青海,位于青海西藏高原东北部,被命名为青海湖、全国最大的内陆咸水湖,扬子江,黄河和澜沧河都发源于青海省,所以它有河的源头和中华水塔的美誉。青海面积广阔,地势高峻,独特的自然环境,是一个美丽的地方,该…

评价:P2P平台新节目POCO尝试分享

评价:P2P平台新节目POCO尝试分享

平台,分享,评价,节目,电脑软件,P2P的精神是参与、体验和分享。作为一个新推出的P2P软件,稍有许多特点。接下来,我将告诉你关于我尝试POCO体验。 POCO版我是1测试版,和大小是3270 KB, POCO的安装是非常简单的,它以软件安装的传统方式,任何人都可以…

馅饼掉到天上去了!微软为您提供64免

馅饼掉到天上去了!微软为您提供64免

去了,馅饼,为您提供,掉到,天上,前一天,微软开始在官方网站上下载360版本的64位处理器和Windows XP 64版的测试版。 微软强调,发布的版本是专为AMD的Athlon64或Opteron处理器的使用,用户不能在Itanium做实验。 为了照顾慢上网的朋友,微软还为他…

XP实用技巧:关闭旧文件的功能

XP实用技巧:关闭旧文件的功能

文件,实用技巧,功能,电脑软件,XP,如果我们使用NTFS文件系统,我们可以节省硬盘空间占用的那些文件,长时间不使用使用功能压缩旧文件在磁盘的拆卸(如图1所示)。但我们要花很多时间来计算,文件被压缩,演出后的压缩。在某些系统中,磁盘整理程序也将在…

谷歌透露冰淇淋冰淇淋的特点

谷歌透露冰淇淋冰淇淋的特点

冰淇淋,电脑软件,谷歌宣布蜂窝和姜饼将合并在下一代Android操作系统(被认为是冰淇淋),那么冰淇淋是什么呢谷歌Android工程总监Dave Burke今天在接受电话采访时也透露了一些细节的雪糕(冰淇淋)的系统版本,最新版本的系统的屏幕将被移植在蜂窝系统…

英特尔收购McAfee股票

英特尔收购McAfee股票

收购,股票,英特尔,电脑软件,McAfee,据国外媒体报道,英特尔星期四宣布,它收购了一家安全软件制造商McAfee,每股48美元,其总收购价约为76亿8000万美元,而英特尔的收购价格比McAfee星期三收盘价29.93美元高出60%。 交易完成后,McAfee将作为英特尔的…