![如何使用DHTML构建一个Web页面 如何使用DHTML构建一个Web页面](/rjstyle/noimg/33.webp)
随着互联网/内联网的不断普及和发展,越来越多的公司、企业和个人都开始建立自己的网站,编写网页,并发布信息以新的方式为人们浏览、阅读和应用。因此,网页的制作也越来越被重视被越来更多的专业人士。
一个网页是指多个文件,提供信息的世界通过互联网,包括个人信息、商业、娱乐等。网页是由超文本标记语言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者加深它在一起。
北京运输学院