点 ：
（ １）一 个 网页 要 尽避 免用 整 个
一
ｏ￣ ｅｏｃ ｏ ｍ ａ ｌ ｎ ｆＯ ｒｏｐｂ ｓ ｎ ｓｔ ｓ ｓ ｃ ｂ ｒｌ ｄｏ ｉ ． ｍ ｎ ｅ ｕ ｏ 掺
Ｗｅ－ｄｓ ｎｎ ｓ ｉ ； ｓｌ ｏ ｂ ｅｉ ｉ ｇ ｇ； ｋｌ ｌ ｏ ｎ ｓ ￣ｉ
ｊ 张大表格 ， 所有的内容都嵌套在这 个 ≯； 大表格之 内。因为浏 览器解释 ＨＴ ＭＬ
像素 ，就可以解决这个 问题 了。
表 格在网页制 作中除 了可以起 到 表格本身的作用外 ， 它最主要的作用是 网页过程 中常见的一 些问题和解 决方法。 定位页面中的元素 。运用表 格可以 自 鬻誊 誊 ０ 舞≯ 蠢 囊 ｊ０ ≥ ０ 由控制文本和图像在网页上出现的具体 网页制 作 ； 巧 ； 技 解决 方 法 位置 ， 而不用担心不同的对象之间的影 誊 善０ ｌ ≯ ≯参 ＿ ¨ 响 ，从而使整个 网页看上去紧凑统一 。 Ｔｈ ｗｅｔ —ｆｒｔ ｃ ｎｕｙ ｌ ｔｅ ｅａ ｏ ｎ ｅｎｔ ｅ ｔ ｎｙ ｉ ｅ ｔｒ ｓ ｈ ｒ ｆ Ｉ￣ｒｅ ， ８ ｗｅ 一汹 ｈ ｓ ｂ ｃ ｍ ｔ ｄ ｎ ｍｕｔ ａ ￣ ｒ ｂ ａ ｅｏ ｅ ａ ｓｕ ｅ ｔ ｓ ｍ ｓｅ ａ 使用表格定位页面元素时要注意以下两
（ ２）有 的学 生在 使 用表 格 定位 时 ，在页面视 图下显示没有一点问题 ， 可在浏览器中预览的时候会出现页面元
ห้องสมุดไป่ตู้
２、文 件的 命名 在制作网页的过程中， 学生经常会 遇到这样一些 问题 ：网页 中插入的 图 片在浏 览时 无法显示 、做好的链接不 能正常应用等 。分析原 因 ，我们常常 发现 ， 是 因为文件使 用 了中文名称 。 学生为了便于记忆和查看明了， 总是喜 欢 给 自己网站 中的文件起 一个中文名 称， 正是这些中文名称导致了网页浏览 中的一些问题 ， 解决的方法就是将文件 名改为英文 。为了便于记 忆可以使用 汉语拼音或是 中文的英译 ， 如背景 图片 文件可命名为ｂ ｃ ｇｏ ｎ ．ｉ ｇ ｇｆ ａｋ ｒｕ ｄ ｇｆ 或ｂ ．ｉ － ３ 、图像的 无缝拼 接 图像是网页中必不可少的元素 ， 它 起 到美化页面的作 用。图像的格式有 很多种 ， 但在网页中常用的只有三种格 式 ＧＩ Ｆ、Ｊ ＰＧ、ＰＮＧ。图像的大小 在很大程度上影响网页的下载速度 ， 所 以在使用图片之前要先用图形处理软件 （ Ｐ ｏｏ ｈ ｐ 如 ｈ ｔ Ｓ ｏ ）对 图片进行优 化处 理， 在不影响显示效果的情况下尽量使 用 小尺 寸的 图片 。如需 使用大 图片 ， 我们可以采用 图像的无缝拼接技术 ， 所 谓 图像的无缝拼接就是在图形处理软件 中将一个大的 图片分割成 几个小的图 片， 然后在网页制作软件中再把几个小 图片拼合成一个大的图片 ， 拼合后的图 像跟原来的图像显示效果一样 ， 看不出 拼接 的痕 迹 。完成拼接主要利用 了表 格的定位功能 ， 把几个小的图片分别放 在表格的各个单元格中， 设置表格的边
页面的顺序是 自上而下依次逐行解释和 显示出来 ， 但当碰到表格时，浏览器会 读取表格 中所有的元素后才将结果在页 面中显示出来 ， 在页面内容较多而浏览 者浏览的速度又较慢的隋况下 ， 浏览器 的这种解释次序将明显表露出来 ， 只有 等到浏览器解释到了页面的最后 ， 才会 将整个页面的内容在浏览者眼前显示 出 来， 而在浏览器解释过程 中浏览者将看 到一片空 白。 我们在采用表格进行定位 时， 可以一行使用一个表格 ， 并且尽量 不使用表格的嵌套 。
绍网页制作 中的一些技， 以及学生在制作
ｓ ｉ ｏ ｕ ｓ ｏ ｅ ｒ ｕ＇ ｎｓ ｉ ｎ ０ ｅ ｏ ｋ ｉ ｃ ｓ ｎｗ ｂ ｐ ｄ ｃｉ ｋｌ ａｄ ｓｍ ｆ ｌ ．ｆ ｅ ｏ ￣ ｏ ｌ ｓ ｔ ｓｕｅ ｔ ｉ ｔｅ ｐｏｅｓ ｏ ｎｋＩ ｅ ａ ｅ № ｔｄ ｎｓ ｎ ｈ ｒｃｓ ｆ ｒ ｉ ｗ ｂ ｐｇ ｓ ￣ １ ｇ
ＬＧ Ｏ Ａ ｌＮ Ｏ Ｙ ｌ 孙＾ ｏ
框 、单元格的间距和边距均为零 ，然 后再手动调整一下 ， 就可以完成图像的 无缝拼接了 ， 这样处理虽然比较麻烦 ， 但却既能使用效果好的大 图片又解决了 图片下 载速度 的问题 。 ４ 、个人站 点中导 航按钮 的设计 （ １）使 用现 成 的大 图片 。根据 站点的主题选用一个与主题相关的图 片， 利用图片的各部分做成导航 ， 如制作 个文学网站 ， 可以选用一本书作为导 航 ，书的 目录就是站 点的栏 目。 （ ）使用 Ｐ ｏｏｈ ｐ Ｆａｈ来 ２ ｈ ｔｓ ｏ 或 ｌｓ 制作 自己的导航按钮 。 采用这种方法 ， 要求学生熟练掌握图形处理软件及动画 制作软件的使用 ， 并具有创新性 ，自己 动手设计并使用相关软件完成这样创作
网页设计原则与制作技巧
黄 晓乾 陈超 湖南 交通工程职业技术 学院 ４ １０ ２ Ｏ
鬻 ≯ ０ｊ ０ ０ ０ 、 ＿ ｊ ｉ
二十一世纪是 网络的时代，网页制作 已成
为 学生 必 须 掌握 的一 项 技 能 ，本 文主 要 介
一
、
设 计 原 则
ｌ 表格的定位功能 、
一
文章页面或注册页面等就是这种类型。 （ ）左 右 框 架 型 ： ４ 这是一种左右为分 别两页的框架 结构 ， 一般左面是导航链接 ， 有时最上 面会有一个小的标题或标致 ， 右面是正 ３、 色 彩 搭 配 文。 我们见到的大部分的大型论坛都是 二 、 制 作 技 巧 页面的色彩搭 配是与网站的主题 这种结构的 ， 有一些企业网站也喜欢采 网 站一 般 包括 首 页 （ 网站 的 门 分 不 开 的 ， 色彩 搭 配 上 ， 般 来说 ， 用 。 在 一 这种类型结构非常清晰 ， 目了然。 一 面 ） 框架 页 （ 、 网站的主要结构页面 ） 、 与背 三 、 结 束 语 普通页 （ 网站主要 的承载信息的页面 ） 、 页面的主体文字应尽量使用黑色） 按钮 、 边框 、 背景等使用 弹出页 （ 一般用于广告 、新闻 、 消息 、 景对比明显 ， 网页制作中有很多的技巧， 只有在 彩色。 色彩的应用最好根据网站主题风 不断的实践中才会总结出更多更好的制 到其他网站的链接等等 ） 。 格选定一种基调， 再根据这个基调来搭 作网页的方法 ， 在知道 了一些技巧之后 １ 、首 页设计技巧 一般来讲 ， 绿色配以金黄、 网站首页 的形式有两种 ，一种是 配其他颜色。 定要付诸实践 ，这样才能更好地掌 可以产生优雅 、 舒适的气氛；蓝 握 ，把别人的知识变成 自己的知识 。 形象展示型 ，通过艺术造 型和设计布 淡 白， 能 淡 浪 局， 利用一系列与公司形象和产品 、 服 色 与 白色混 合 ， 给 人 柔 顺 、 雅 、 金色搭配能 渲 务有关的图像 （ 较多） 、文字信息 （ 较 漫的感觉 红色和黄色、 少 ） 组成一幅生动的画面 ， ， 向浏 览者 染喜庆的气氛 而金色和咖啡色搭配则 整个页面在视觉上应 展示一种形象 、 一个氛 围， 从而吸 引 会给人带来暖意 。 以达到和谐 、 目的最佳 悦 浏览者进入 浏览。另一种是信息 罗列 是一个整体 ， 视觉效果。 型 ，这是一般大 、中型企业 网站和门
素错位的现象 ， 这个问题就在于表格宽 度的设置上 ，表格宽度的设置有两种 ， 种是百分比 ， 一种是像素 ， 如采用百 分比就会出现在不同分辨率下显示效果 不同的现象 ， 而将表格的宽度都更换成
一
９ ５
中国科技信息 ２１ 年第 ７ ０ ０ 期
ｃ Ｉ ￣ ＥＣ ＨＡ Ｎ ＮＥ
Ｔ￣ Ｅ