admin 管理员组文章数量: 1184232
2024年5月8日发(作者：文件夹管理器)
２０１０年第１期 安徽电子信息职业技术学院学报 Ｎｏ．１ ２０１０
第９卷（总第４６期）ＪＯＵ￣ＡＬＯＦＡＮ舢ＶＯＣＡＴＩＯＮＡＬＣＯＬＬＥＣＥ ＯＦ ＥＬＥＣＴＲＯＮＩＣＳ＆ＩＮＦＯＩ￣ＡＴＩＯＮＴＥＣ ＨＮＯＬＯＧＹ Ｇｅｎｅｒａｌ Ｎｏ．４６ Ｖｏ１．９
［文章编号】１６７１—８０２Ｘ（２０１０）０１—００１９—０２
静态网页设计中常见问题分析与处理
孙荣侠
（天津滨海职业学院，天津３００４５１）
［摘要］在静态网站设计中会遇到各种各样的问题，比如文件的存放、文件与文件夹的命名、图像文件的保存格式、动画
应用、版式设计、首页内页设计技巧、绝对地址与相对地址等方面，如何处理这些问题，要不断实践，不断积累。
［关键词］文件存放；文件与文件夹命名；动画应用；首页内页设计；绝对地址与相对地址
［中图分类号］ＴＰ３９３ ［文献标识码］Ｂ
Ｆｌａｓｈ动画文件体积小，视觉效果好，直观动感、互动性
强等优点成为当今最流行的Ｗｅｂ页面动画格式。在网页中
插入ｆｌａｓｈ动画，要注意以下两点：
很多都曾经尝试设计自己的网站，但因为在设计过程中
总存在这样那样解决不了的问题，所以一直没能设计成功。
在此，列举出大家在应用ｄｒｅａｍｗｅａｖｅｒ软件设计网站常见的
问题及解决方法，以供参考。
一
１．网页中被广泛应用的动画文件为ｆｌａｓｈ动画，即发布
后的ｓｗｆ格式的文件，在网页中插入ｆｌａｓｈ动画之前，动画文
件的文件名不能为汉字，通常以数字或字母命名，避免不必
要的错误出现
、
网站中文件的存放
初学者总是遇到这样的问题，插入的图形文件在网页编
辑器（ｄｒｅａｍｗｅａｖｅｒ）中能够显示，而在ＩＥ中却无法正常显示。
很大一部分原因是因为他们的网页文件与图形文件不在同
一
２．网页中不能滥用ｆｌａｓｈ动画，过多的动画不仅没有实
用性而且还会拖慢用户的网页浏览器。另外，由于ｆｌａｓｈ兼
容性不好，访问者的浏览器的具体情况不一，导致部分访问
者不能正常浏览网页。所以一般在导航条中尽量避免使用
ｌｆａｓｈ动画。
个路径下。在设计网站时，要应用到各种各样的文件类
型，比如．ｈｔｍ文件、．ｇｉｆ文件、．ｓｗｆ文件、．ａｖｉ文件等，通常需
要创建一个本地根文件夹，用来存放网站所有的子文件夹与
文件，使文件在代码中以相对路径的格式存放，这样做既有
利于文件的管理，又便于网站的移植。
二、网站中子文件夹及文件的命名
五、图像应用
１．首先是背景的使用，网页背景包括背景色和背景图
像，一般来说，设置背景时最好使用背景色或色块。原因是
以下两点：
在建立网站时，一般来说，文件夹与文件的命名不要使
用汉字，原因是虽然网页编辑器可以实现即见即所得的功
能，但实质上文件是由ＨＴＭＬ代码组成的，而代码是由网页
编辑器系统自动生成，如果子文件夹或文件名应用汉字，则
可能被系统解释成乱码而不是汉字，这样浏览网页时浏览器
不能找到该文件，导致网页不能正常显示。
第一，下载速度。背景色的下载速度可以忽略不计，而
背景图像就得根据图像字节大小下载了，如果背景图像比较
深，那么最好将背景色置为深色调（默认的背景色是白色），
这样在等待浏览器下载背景图片的时候前面的浅色文字可
以很容易阅读，因为如果有背景色，浏览器先将其下载，然后
下载背景图片。
另外子文件夹在命名时，不要随意的应用空格这样的字
符，有时也会导致以上的错误。
三、网站中图像文件的保存格式 第二，显示效果。加强背景与前景的明暗对比，要么淡
如果我们设计的网站对于色彩没有太高的要求，一般存
放图形时最后用．ｇｉｆ图形格式，． ｆ格式是ＷＥＢ上最常用的
图像格式，可存储各种图像文件。特别适用于存储线条、图
标、电脑生成的图像、卡通和其他有大色块的图像。同一个
图形文件分别以．ｓｉｒ、．ｊｐｅｇ、．ｂｍｐ格式存放，其所占用的空间
相差很多。
化背景，隐隐约约可以看到即可，要么加深背景，将前面的文
字亮化。
六、版式设计
一
般来说，企业网站首页的布局比较灵活，着重设计，很
多网站设计网页设计成等分两栏式、三栏式、多栏式，不等分
两栏式、三栏式、多栏式等等，但因为浏览器幅宽有限，一般
四、动画的应用
［收稿日期］２００９一ｌｌ一１５
不宜设计成三栏以上的布局。
［作者简介］孙荣侠（１９７３一），女，天津滨海职业学院信息工程系，副教授，研究方向：网页设计与制作。
２０ｌ０．０２．２０
孙荣侠——静态网页设计中常见问题分析与处理
在版面布局中主要是考虑导航、必要信息与正文之间的
布局关系。比较多的情况是采用顶部放置必要的信息，如公
第１期
２．色彩的一致性：一个独特色彩的网站会给人留下很深
刻的印象，因为人的视觉对色彩要比布局更敏感，更容易在
大脑中形成记忆符号。建议选取一两种主要色彩，几种辅助
●
＾ －
司名称、标志、广告条以及导航条，或将导航条放在左侧等
等，这样的布局结构清晰、易于使用，也可以灵活应用这些布
局的变化形式，如：左右两栏式布局，一半是正文，另一半是
形象的图片、导航；或正文不等两栏式布置，通过背景色区
色彩。
３．利用导航取得统一：导航是网站的一项重要组成部
分，花点力气在导航上，也会设计出一个出色的站点。
４．利用图像取得统一：网页中充斥着各种可有可无的动
分，分别放置图片和文字等等。在设计中注意多吸取好的网
站设计的精髓。
七、首页设计
网上的许多个人主页简直就是”杂货店”，内容包罗万
象，设计网页时把功夫下在主题上。主题要尽量做到“少”而
“精”，又必须突出“新”。一个网站是由很多个网页文件组
成，它有许多子页面，为了能使这些页面有效地被连接起来，
需要给这些页面起一些有代表性的而且简洁易记的网页名
称，这样有助于以后方便管理网页，在给网页命名时，最好使
用常用的或符合页面内容的小写英文字母，这直接关系到页
面上的连接。
首页设计通常包括以下几部分：
１．标题
此标题须清楚无误地标示你的网站。
２．版权资料
这是适用于主页内容的版权规定。
你可以在主页上标示一句简短的版权声明，用联接方法
带出另外的载有详细使用条款的页面。这样可以避免主页
显得乱糟糟。
３．联络资料
列出通讯地址、公关或营业部门的电话号码等。
４．导航
导航是网站的— 重要组成部分，一个出色的富有企业
特性的导航将会给人留下深刻的印象，比如将标志的形态寓
于导航之中，或将导航设计在整个网站布局之中等等。
八、内页设计风格保持一致技巧
１．结构的一致性：网站结构是网站风格统一的重要手
段，包括网站布局、文字排版、装饰性元素出现的位置、导航
的统一、图片的位置等等，在结构的一致性中，要强调网站标
志性元素的一致性，即网站或公司名称、网站或企业标志、导
航及辅助导航的形式及位置、公司联系信息等，这种方式一
方面可以减少设计、开发的工作量，同时更有利于以后的网
站维护与更新。
明 Ｄ－２０ｌＯ．０２．２Ｏ
画，将网页中的没用的动画删掉！利用图像取得统＿，决不
是在每页中放置几个动画！而是作为网站结构一部分的局
部图像，根据网页内容的不同，配以相应的图像或动画，从而
给浏览者形成页面的连续性。 ’
九、绝对地址与相对地址
绝对地址：如ｈｔｔｐ：／／ｗｗｗ．ｗｅｂｊｘ．ｃｏｍ／ｄｅｆａｕｈ．ｈｔｍ这样的
地址，就是文件在网络或本地的绝对位置。
相对地址：就是被链接文件相对与当前页面的地址，比
如说，链接和当前页面同级的文件地址只要用“文件名”即
可；链接当前页面下级子目录下的文件用“目录名／文件名”；
链接当前页面上一级目录下的文件用“．．／文件名”；链接同
级但在另外一个子目录中的文件用“．．／目录名／文件名”；链
接根目录（网站的根目录，并非硬盘根目录）下的文件可以用
“
．
／文件名”的形式。
为什么提倡使用相对地址呢？打个比方说吧，如果有一
个网页ｉｎｄｅｘ．ｈｔｍ，里面引用了ｉｍａｇｅｓ目录的一些图片，如果
使用了相对地址，搬家的时候只需把原来这套东西全部上传
到新的空间就行了，因为文件彼此之间的相对位置关系没有
改变，所以这些地址仍然是有效的。但如果插入图片的时候
使用了绝对地址，那地址一变，引用处的图片路径也要随之
改变。当然，有时也会用到绝对地址，例如友情链接别人的
主页等。
总之，在建设静态网站中会遇到各种各样的问题，重点
是在学习过程中要不断总结，不断积累经验，这样设计技术
才能得到提高。
［参考文献］
（１）刘小伟，等．网页设计使用教程［Ｍ］．中国铁道出版
社，２００８．
（２）刘宏，韩鹰．网页设计与制作实训教程［Ｍ］．北京交
通大学出版社，２００７．
版权声明：本文标题：静态网页设计中常见问题分析与处理 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/p/1715134733a685911.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论