| 返 回 |


 

Web 设计基础

请在开发Web时,注意以下问题。

图象

1)带宽 你的网页要处理什么问题?用户连入Internet的速度有多快?你 必须使页面的大小与传送它的网络的大小相当。

2)图象的清晰度 考虑图象在你的网页中的作用。 想提高连入的速度, 就应该适当降低图象的质量,这样用户就不会因为耐心问题,而切断连接。

3)文件大小 尽量保持最小!在设计中尽可能的减少图象的颜色数, 以及不需要的颜色。能用JavaScript的就最好不用Java。

4)浏览器 注意各种浏览器所支持的功能,不同平台对颜色的支持。

5)窗口大小 尽量使图象能放入标准的640*480窗口中以避免不必要的滚屏操作。

6)避免侵权 保持原创性。不应在别人的站点上抓图(共享例外)。

7)有意义 所使用的图象尽可能清楚明了地表达信息的内容, 无意义的图形知会增加下载和连接的时间。

8)原始文件 注意保存原始文件及其之间的层次关系,以便将来进行处理。

HTML编码

1)风格 设计者应该始终保持一致,虽然HTML是不分大小写的,但统一的风格有助于今后的阅读和调试。

2)标识的层次 象C语言一样,统一的编码风格,更容易理解,编辑起来也更快捷。

3)替换信息 对于那些将图形关闭了的读者,在图形标识中使用alt text能为他们提供必要的信息。 4)表格边框 在使用表格时,如果希望表格项与边框对齐,就应当将边框设为零,否则就会显出一个原本看不见的槽。

HTML常用参考表
以下将用方括号表示大括号。

1)元素
[HTML] [/HTML] ---------------------- HTML文档的开始和结束标识
[HEAD] [/HEAD] ---------------------- 文档头标识
[META] ------------------------------- 文档哑元信息,必须在头部
[META HTTP=EQUIV= “name”] --------- 将元素关联与HTTP响应头部
[META HTTP=EQUIV=“Refresh”] -------- 每n秒更新的页面树
[TITLE] [/TITLE] -------------------- HTML页的标题,必须在头部
[BODY] [/BODY] ---------------------- 文档主体
[BODY BACKGROUND=“URL”] ----------- 背景图象
[BODY BGCOLOR=“#RRGGBB”][/BODY]----- 背景颜色
[BODY TEXT=“#RRGGBB”] [/BODY] ----- 文本颜色
[BODY LINK=“#RRGGBB”] [/BODY] ----- 链颜色
[BODY VLINK=“#RRGGBB”] [/BODY] ---- 已访问的链的颜色
[BODY ALAINK=“#RRGGBB”] [/BODY] --- 激活的链的颜色

2)元素的相关类型
[Hn] [/Hn] -------------------------- 标题(n=1-6)
[Hn ALIGN=LEFT/CENTER/RIGHT/NOWRAPI/CLEAR] 标题对齐方式
[CODE] [/CODE] ---------------------- 以等线体显示文体
[TT] [/TT] -------------------------- 电传字体
[FONT SIZE=n] [/FONT] --------------- 字体大小
[FONT COLOR=“#RRGGBB”] [/FONT] ---- 字体颜色
[FONT FACE=“fontname”] [/FONT] ---- 指定字体
[BASEFONT SIZE=“n”] --------------- 改变基本字体值
[B] [/B] ---------------------------- 黑体
[I] [/I] ---------------------------- 斜体
[U] [/U] ---------------------------- 下划线文本
[S] [/S] ---------------------------- 删除的文本
[SUB] [/SUB] ------------------------ 下标文本
[SUP] [/SUP] ------------------------ 上标文本

3)布局
[BR] -------------------------------- 换行
[BR CLEAR=LEFT/RIGHT/ALL] ----------- 清除换行
[CENTER] [/CENTER] ------------------ 居中
[DIV] ------------------------------- 分割文档
[HR] ------------------------------- 水平标尺线
[HR WIDTH/SIZE=n/n%] ---------------- 水平标尺线宽度
[HR NOSHADE] ------------------------ 纯黑水平标尺线
[P] --------------------------------- 分段落标志
[P ALIGN=LEFT/CENTER/RIGHT] --------- 段落对齐方式
[PRE] [/PRE] ------------------------ 预先格式化的内容

4)
[A HREF=“URL”] [/A] --------------- 超级文本链
[A HREF=“URL” TARGET=“WINDOW”] -- 该链打开一个新的浏览窗口
[A HREF=“URL” TARGET=“framename”] 该链激活后在指定的框架中装载

5)图象
[IMG SRC=“URL”] ------------------- 显示图象
[IMG SRC=“URL ISMAP] --------------- 图象是个图象映射
[IMG SRC= “URL” HSPACE=n VSPACE=n] 指定水平和垂直反向的留空大小

6)列表
7)窗体
8)框架


| 返 回 |