电脑技术学习

浅谈动易风格模板制作思路及方法(二)

dn001

(一)、学习风格模板制作前你应该懂得一些简单的html知识:

HTML是一种描述文档结构的标记性语言,它使用一些约定的标记对WWW上的各种信息进行标记。当用户浏览WWW信息时,浏览器会自动解释这些标记的含义,并按照一定的格式在屏幕上显示这些被标记的文件。

1、通过HTML可以调用图片、文字、声音、动画、视频等网页元素

图片调用: <IMG SRC="文件名">
文字格式: <FONT SIZE="+5 " COLOR="00FFFF">文字</FONT>
声频: <EMBED SRC="音乐文件名" AUTOSTART=true>
视频: <EMBED SRC="视频文件名" AUTOSTART=true>

2、通过HTML可以实现页面之间的跳转,最常见的就是网站首页栏目调用后面的“moer...”。

页面跳转:〈A HREF="文件路径/文件名"></A>

3、认识html文档:
html文档分文档头和文档体两部分,在文档头里,对这个文档进行了一些必要的定义,文档体中才是要显示的各种文档信息。通用格式如下:

<HTML>
<HEAD>
-------插入头部信息
</HEAD>
<BODY>
-------插入html的文档正文部分
</BODY>
</HTML>

其中<HTML>在最外层, 表示这对标记间的内容是HTML文 档。我们还会看到一些Hompage省略<HTML>标记,因为.html 或.htm 文件被Web浏览器默认为是HTML文档。<HEAD> 之间包括文档的头部信息,如文档总标题等,若不需头部信息则可省略此标记。<BODY> 标记一般不省略, 表示正文内容的开始。

下面是一个最基本的超文本文档的源代码:

<HTML>
<HEAD>
<TITLE>HTML示例</TITLE>
</HEAD>

<BODY>
<CENTER>
<H3>欢迎光临</H3>
<BR>
<HR>
<FONT SIZE=2>
   感谢您的到来!
</FONT>
</CENTER>
</BODY>

</HTML>

4、认识html文档中的标签:

刚刚接触html文档,最大的障碍就是一些用“<”和“>”括起来的句子,我们称它为标签,它们是用来分割和标记文本的元素。

A. 单标签
某些标记称为“单标签”,因为它只需单独使用就能完整地表达意思,这类标记的语法是:< 标签名称>,最常用的单标签是<BR>, 它表示换行。

B.双标签
另一类标记称为“双标签”,它由“始标签”和“尾标签”两部分构成,必须成对使用,其中始标签告诉Web浏览器从此处开始执行该标记所表示的功能,而尾标签告诉Web浏览器在这里结束该功能。始标签前加一个斜杠(/)即成为尾标记。这类标记的语法是:<标签> 内 容</ 标签> 其中“内容” 部分就是要被这对标记施加作用的部分。例如你想突出对某段文字的显示,就将此段文字放在一<EM> </EM>标记中:<EM>动易网络</EM>

5、学会读网页源码:
我们来看看动易公司的网页源码(即htm语言,查看方法为先选中你要看的网页,右

键->查看源代码,会得到一个用记事本打开的文件,里面就是我们要学习的网页源

代码即htm语言了)

<html>
<head>
<title>动易网络科技 >> 首 页</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="Keywords" content="动易,动易网络,动易网络科技有限公司,动易网站管理系统,动力文章系统,文章系统,动力,网站建设,解决方案,网站,设计,网页设计制作,软件,帮助,系统帮助,动易帮助,服务">
<meta name="description" content="动易网络"> <link href='/Skin/DefaultSkin.css' rel='stylesheet' type='text/css'> <script language='JavaScript' type='text/JavaScript' src='/js/menu.js'></script>

<script LANGUAGE="JavaScript">
<!--
function openwin() {
window.open ("/skin/200508/2005II/20056index_ad3.html", "newwindow", "height=464, width=316, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")
}
-->
</script>
<script src="/JS/prototype.js"></script>
<script src="/JS/checklogin.js"></script>
</head>