《网页是怎样制作的.docVIP

网页是怎样制作的 本 章 要 点 2 网页制作的基础知识 6 网页制作的软件 7 网页制作的流程 小魔女：魔法师，最近我看到好多精美的网页，忍不住想自己制作一个网站，也让我的学弟学妹们羡慕一下！ 魔法师：好啊，要不要我做你的老师，让你提前尝到制作网页的乐趣？ 小魔女：那好啊。不过，听学长们说，制作网页是很难的，我怕学不会！ 魔法师：小魔女，你太小瞧自己了，况且还有我这个名师的指点，丑小鸭也会变为白天鹅。 小魔女：好的，那现在就开始给我上第1课吧！ 魔法师：别心急啊！慢慢来。  1.1 网页制作的基础知识 在因特网技术空前发展的今天，越来越多的人融入到网络的浪潮中体验其带来的乐趣，那么，有多少人能真正地了解网络、知道网络呢？下面就来认识它吧。 1.1.1 HTML的简单原理 上网冲浪（即浏览网页）时，呈现在人们面前的一个个漂亮的页面就是网页，是网络内容的视觉呈现，如图1-1所示。 网页是怎样制作的呢？其实网页的主体是一个用HTML代码创建的文本文件，使用HTML中的相应标签，就可以将文本、图像、动画及音乐等内容包含在网页中，再通过浏览器的解析，多姿多彩的网页内容就呈现出来了。 HTML（Hypertext Markup Language）是超文本标记语言的缩写。尽管称为超文本，其实它本身还是文本文件，用记事本程序就可以打开它，如图1-2所示。 图1-1 网页 图1-2 用记事本程序打开HTML文本文件 是不是有点难以想象？没关系，下面就来分析一下它们之间的对应关系。从结构上讲，HTML文件由两大部分组成：一是头部（即“head”标签与“/head”标签之间的内容，如网页的标题就放置在头部），二是主体（即“body”标签与“/body”标签之间的内容，也就是在浏览器中看到的内容），而为了与普通的文本文件相区别，就将“html”标签与“/html”标签分别放置在网页代码最前及最后，这样，一个网页的“躯壳”就这样创建好了。 光有“躯壳”可不够，还需要添加其他的一些标签，将文本、图像、动画及音乐等内容包含在内，这样才会有血有肉。下面对常见的文本和图像的添加方法进行讲解： 文本：可以像在其他文字处理软件（如记事本）中输入文本一样直接输入就行了，不需要特别的标签，但如果要对其进行如颜色、大小、字体等属性的设置，就需要添加相应的标签了，如设置字体的颜色的代码为“font color=#898989文本内容/font”，其中“font”标签表示要对文本进行属性设置，“color=#898989”则表示文本的颜色（网页中颜色用十六进制的RGB颜色值进行表示，也可以直接用颜色的英文来表示，如红色可以表示为“#ff0000”或“red”）。 图像：要添加图像，需要使用“img”标签，如“img src=xuebao_pic/xuebao.jpg”，其中“img”标签表示要添加一幅图像，“src=xuebao_pic/xuebao.jpg”则表示添加的图像是当前站点的“pic”文件夹下的“xuebao.jpg”这幅图像。 1.1.2 网页的组成元素 网页通常由文本、图像、动画、音乐等元素组成。 文本是网页最基本的组成元素，通过它可以非常详实地将信息传达给浏览者。网页中最常用的中文字体是宋体，且绝大部分都使用黑色作为文本的颜色（白色背景），正文文本的大小通常为12像素（即12px，如果用磅作为度量单位则为9磅，即9pt），行间距一般为20px，而标题文本可以设置为14px或16px。字体不能太大，否则看起来不精致，还应尽量避免多种字体混合使用，这样会使页面显得杂乱不堪。 图像也是网页中不可或缺的元素，网页中有了图像，页面效果会随之大大提升，但受网络传输速度的影响，图像不能太大，应在保证一定清晰度的条件下图像最小。除照片级效果的图像采用jpg格式外，其他精细度要求不高的图像都应尽量采用gif格式，且其大小尽量不超过8KB为宜。 动画在网页中应用也不少，有它的加入后，平静的网页就变得生机勃勃了。网页中常用的动画格式主要有两种，一种是gif动画，一种是swf动画。gif动画是逐帧动画，相对比较简单，而swf动画则更富表现力和视觉冲击力，还可结合声音和互动功能，给浏览者一个强悍的视听感受，因此，在网上备受推崇，Flash MTV的大量流行就是一个明证。 生活中人们离不开音乐，同样，在网页中也少不了音乐的踪迹。在网页中加上一首轻快抒情的音乐，让浏览者边听音乐边浏览网页，岂不快哉！但受版权的约束，在专业网站中很少使用背景音乐，只有在部分个人主页中有所使用，这也不能不说是一种遗憾。 1.1.3 网页常见部分的称谓及规