①网站的设计目的决定设计方案 ②浏览者的需求第一位 ③页面的有效性; ④页面布局保持统一性 ⑤使用表格和适当的帧结构来设计网页 ⑨谨填图片的使用 ⑦平面设计意识 ⑧减少 JavaApplet和其他多媒体的使用。 第二部分知识点 1.HIML的基本概念 HIML为超文本标记语言,是创建网页最基础的描述语言。网页由标记和文本组成。标记 分为单标记和双标记,并都由“<”和“>”两符号括起来 2.HIML文件的组成 文档头部说明及控制信息 文档描述的主要内容部分 3.页面排版标记的使用 ①标题标记:<ttf标题名称<tte ②标题字体标记:<hx>.<hx>,其中ⅹ取值为1~6,值越小标题字体越大 ③转行标记:<br> ④预排版标记:pre>.<pre> ⑤文字效果标记: 1)粗体: 斜体 <em>或<>.</>或<cite>..< 3)底线:<u>.<p>
6 ①网站的设计目的决定设计方案； ②浏览者的需求第一位； ③页面的有效性； ④页面布局保持统一性； ⑤使用表格和适当的帧结构来设计网页； ⑥谨填图片的使用； ⑦平面设计意识； ⑧减少 JavaApplet 和其他多媒体的使用。 第二部分知识点 1． HTML 的基本概念 HTML 为超文本标记语言，是创建网页最基础的描述语言。网页由标记和文本组成。标记 分为单标记和双标记，并都由“<”和“>”两符号括起来。 2． HTML 文件的组成 <html> <head> 文档头部说明及控制信息 </head> <body> 文档描述的主要内容部分 </body> </html> 3． 页面排版标记的使用 ①标题标记：<title>标题名称</title> ②标题字体标记：<hx>…</hx>，其中 x 取值为 1~6，值越小标题字体越大。 ③转行标记：<br> ④预排版标记：<pre>…</pre> ⑤文字效果标记： 1)粗体：<strong>…</strong> 或 <b>…</b> 2)斜体：<em>…</em> 或 <i>…</i> 或 <cite>…<cite> 3)底线：<u>…</u>
4删除线:< strike>..< /strike> 5)文字闪烁:<bink>…< /blink>,其中正不支持,但 Netscape浏览器支持该效果 6)上标:<sup>.<up 7下标:<sub>..<ub 8)字体大小:< font size='n”>.<font>,其中n的取值1~7,值越大字体越大。 9)字体颜色:< font color=”# value”>.</font>,其中 value取值为6位16进制数 10)背景色:< body bgcolor==” value”>..<boly>,其中 value取值为6位16进制数。 11)背景图:< cbody background=ur”</body>,其中url表示图片所在路径 12)文本颜色:< body text=” #value”>.<body>,其中 value取值为6位16进制数 ⑥特殊符号: 1)<→&;2)>→>3)◎→©4)“→"5)&→& 4.清单列表的使用 ①符号清单 1)<menu><l></l>..<l>..<i></menu> 2)<h><l>.</li>.<l>..</li><lh> 3)<ul><l>.</i>..<>.</li></仙u> 其中menu、h、ul标记属性type可为:Disc、 Circle和 Square ②标号清单:<o><l>.<>,<l>.><o>,其中d标记属性中type可为1,aAil,而 start属性 为设置起始标号 ⑧自定义清单:<d><dt>.<dd..<dt..<dd></d> 表格相关标记及属性 ①表格基本形式: <table><tr><td>..</td>..<td>.</td></tr>.<tr><d>..</td>..<td>.<td></tr<table> ②表格属性: 1) border属性:< table border=0>.< /table>或< ctable border=”1”>..</ table> 2) width属性:< table width=”100%,< table>或< ctable width=”760px”>.< table 3) cellspacing属性:< ctable cellspacing=”0”>,设置框线厚度 4) cellpadding属性:< ctable cellpadding="0→>,设置数据与边框的距离 5) bgcolor属性:< ctable bgcolor=”#vaue”>,设置表格背景色。 ③单元格属性 1) width属性:单元格宽度
7 4)删除线：<strike>…</strike> 5)文字闪烁：<blink>…</blink>，其中 IE 不支持，但 Netscape 浏览器支持该效果。 6)上标：<sup>…</sup> 7 下标：<sub>…</sub> 8）字体大小：<font size=”n”>…</font>，其中 n 的取值 1~7，值越大字体越大。 9）字体颜色：<font color=”#value”>…</font>，其中 value 取值为 6 位 16 进制数。 10）背景色：<body bgcolor=”#value”>…</body>，其中 value 取值为 6 位 16 进制数。 11）背景图：<body background=”url”>…</body>，其中 url 表示图片所在路径。 12）文本颜色：<body text=”#value”>…<body>，其中 value 取值为 6 位 16 进制数。 ⑥特殊符号： 1）< → < 2）> → > 3）© → © 4）“ → " 5）＆ → & 4． 清单列表的使用 ①符号清单 1）<menu><li>…</li>…<li>…</li></menu> 2）<lh><li>…</li>…<li>…</li><lh> 3）<ul><li>…</li>…<li>…</li></ul> 其中 menu、lh、ul 标记属性 type 可为：Disc、Circle 和 Square。 ②标号清单：<ol><li>…</li>…<li>…</li></ol>，其中 ol 标记属性中 type 可为 1,a,A,i,I，而 start 属性 为设置起始标号。 ③自定义清单：<dl><dt>…<dd>…<dt>…<dd></dl> 5． 表格相关标记及属性 ①表格基本形式： <table><tr><td>…</td>…<td>…</td></tr>…<tr><td>…</td>…<td>…</td></tr></table> ②表格属性： 1）border 属性：<table border=”0”>…</table>或<table border=”1”>…</table> 2）width 属性：<table width=”100%”>…</table>或<table width=”760px”>…</table> 3）cellspacing 属性：<table cellspacing=”0”>，设置框线厚度。 4）cellpadding 属性：<table cellpading=”0”>，设置数据与边框的距离。 5）bgcolor 属性：<table bgcolor=”#value”>，设置表格背景色。 ③单元格属性 1）width 属性：单元格宽度