网站建设知识
主窗体元素含义
< HTML >和< /HTML >：超文本的开始和结束。
< HEAD >和< /HEAD >：超文本标题的开始和结束。
< TITLE >和< /TITLE >：超文本窗口标题的开始和结束，它被显示在浏览器顶端的标题栏中。
< META >：是用来描述HTML文档的元信息，即文档文档自身的信息。
< BODY >和< /BODY >：正文的开始和结束，它被显示在浏览器中。其中可以包含许多元素，是HTML语言的核心部分。
主要属性：
BACKGROUND=url：指定背景图片，由属性URL指定位置。
BGCOLOR=color：指定文档中的背景颜色
TEXT=color：指定文档中的文本颜色
LINK=color：指定尚未访问的超链接的颜色
ALINK=color：指定活动的超链接的颜色
VLINK=color：指定访问过的超链接的颜色
HTML使用的颜色可用颜色十六进制的RGB值来表示，也可以用颜色英文名来表示，例如颜色RGB值"#"和颜色英文名"Black"都表示黑色。附常见颜色对照表，如下表。
颜色
颜色实效
英文名
十六进制RGB值
黑色Black
#
银灰色Silver
#C0C0C0 灰色Gray
#
白色White
#FFFFFF 绛紫色Maroon #
红色
#FF0000 紫色Purple
#
紫红色Fuchsia #FF00FF 绿色Green
#
草绿色
Lime
#00FF00
橄榄色
Olive
#
黄色
Yellow
#FFFF00
藏蓝色
Navy
#
蓝色
Blue
#0000FF
黑绿色
Teal
#
海蓝色
Cyan
#00FFFF 字符风格控制元素含义
< H1 >< /H1 >到< H6 >< /H6 >：定义字体的大小。
< B >和< /B >：字体加粗。
< I >和< /I >：字体变斜体。
< U >和< /U >：字体加下划线。
< S >和< /S >：字体加中划线。
< SUP >和< /SUP >：字体为上标。
< SUB >和< /SUB >：字体为下标。
< FONT >和< /FONT >：定义字体属性。
FONT的主要参数：
size定义字体的大小。
color定义字体的颜色。
center对齐方式。
1．3．2．3 版面控制元素含义
< PRE >到< /PRE >：空格、回车有效。
< ALIGN >和< /ALIGN >：对齐方式，主要参数有左对齐：LEFT；右对齐：RIGHT；居中对齐：CENTER。
< P >和< /P >：段落的开始和结束。
< HR >：加划线。
< IMGSRC... >：插入图片。
标题分级控制元素含义
< UL >和< OL >：标题分级方式。
< LI >：子标题。
锚元素含义
< a href="链接地址" >和< /a >：锚元素的开始和结束。
例如：
""，是表示链接。
"mailto:"，是表示邮件链接。
""，是表示本地文件链接。
""，是表示FTP文件下载链接。
表格元素含义
< TABLE >和< /TABLE >：表格的开始和结束。
< CAPTION >和< /CAPTION >：表格标题的开始和结
束。
< TR >和< /TR >：行的开始和结束。
< TH >和< /TH >：栏标题的开始和结束。
< TD >和< /TD >：栏的开始和结束。
主要参数：
ALIGN：横向定位
VALIGN：纵向定位
BORDER：表格边宽
COLSPAN：单元所占栏数
ROWSPAN：单元所占行数
交互元素含义
交互元素包括：文本框，密码输入，单选框，收音机按钮，图象，提交按钮，清除按钮，隐藏区，下拉式菜单，文字输入区等。交互元素通常集中在页面的一部分，称为：FORM。因此在使用之前必须定义：
< FORM NAME="" ACTION="URL" METHOD=GET|POST >
< INPUT TYPE="TEXT" >：文本框。
< INPUT TYPE="PASSWORD" >：密码输入。
< INPUT TYPE="CHECKBOX" >：单选框。
< INPUT TYPE="RADIO" >：收音机按钮。
< INPUT TYPE="IMAGE" >：图象。
< SELECT >和< /SELECT >：下拉式选单。
< SELECT MULTIPLE >和< /SELECT >：多项选择。
< TEXTAREA COLS=N ROS=N >和< /TEXTAREA >：文字输入区。
< INPUT TYPE="SUBMIT" >：提交传送到服务器。
< INPUT TYPE="RESET" >：清除已输入信息。
1 预早筹划
设计主页未必很艰难。但这一工作与编制传统的宣传品一样，都需要我们谨慎处理和筹划。换言之，我们必须首先确定自己需要传达的主要信息，然后细意斟酌、把所有意念合情合理地组织起来；之后是设计一个页面式样，试用于有代表性的用户，接着重复修订，务求尽善尽美。
2 尽量精简
主页的作用好比一本书的封面，是为了吸引用户测览你的网址内容。因此，主页的设汁应以醒目为上、令人一目了然。切勿堆砌太多不必要的细节，或使画面过于复杂。在主页上清楚列出三项要点，例如机构名称、提供的产品或服务、以及主页内容(亦即你的其他页面还载有什么资料)。应切记页面给人的第一观感最为重要。在网上到处浏览的人很多。如果你的主页真没有吸引力，很难今他们深入观赏。
3 尽量简朴
现今大部分用户那是用调制解调器接驳万维网，所以他们一般都要花很多时间等待主页传送到自己的系统。切勿令他们加倍望穿秋水。主页上的图形应力求简朴，避免耽搁用户的时间。图像愈大、颜色愈深，传送页面的时间愈长。这并不是说你要完全略去图像不用，只是提醒你要注注意使用图像所引起的效果。主页上的颜色最好不超过六十四种，页顶图像最好保持在大约10KB(千字节)以下。切勿禁不住诱惑。觉得非要放入大幅的图画不可；应考虑只用三两幅短小精悍的图像。主页整体上要能够迅速传送。如果载入的时间超过十至十五秒，很多用户就会等得不耐烦。如果情况许可，最好先测试一中你的主页在稍差的条件下的传送速率，14.4千波特的调制解调
器，或透过Prodigy 等网上服务接驳万维网等。此外、还须注意配合最低档的设备，例如标准的小型显示器，不要假设人人都用高解像度的大荧幕。运用先进测览软件所提供的一些尖端功能是可以的、但应确保你的主页在次一级的浏览软件上(例如某些网上服务所提供的专用浏览软件)仍可畅顺地显现。
4 善用图像
用户在网上四处漫游，你必须设法吸引和维护他们对你的主页的注意力。万维网的其中一个最重大资源是其多媒体能力，所以我们无论如何要善加利用。主页上最好有醒目的图像、新颖的画面、美观的字款，使其别具特色，令人过目不忘。图像的内容应有一定的实际作用，切忌虚饰浮夸。最佳的图像足集美观与传讯于一身。注意图画可以弥补文字之不足，但并不能够完全取代文字。很多用户把浏览软件设定为略去图像，以求节省时间他们只看文字。因此，制作主页时，必须注意将图像所戴的重要信息或联接其他页面的指示用文字重复表达—次。用“纯文中”模式测试已制成的主页，确保其传达到所有信息。
5 使主页易于漫游
主页的其中一个主要功能是作为漫游工具，指引用户查阅你存储在网址或其他地点的信息。尽量使漫游过程不费吹灰之力。基于清晰明确和速度的考虑，主页上的联接项目应只限于几个高级的类别，例如公司、产品、服务、支援等。用六至八个联接项目最为理想。
此外，你提供的信息不应埋藏在重重叠叠的页面之下。穿越五个以上的联接项目已足以令人厌烦。因此，你必须在广度和深度之间求取平衡。如果你的网址上有太多信息，你可能要编制较长的页面或使用更多联接项目，甚至可能要建立多个主页、使每个主页载有不同的信息。如果能够让用户在主页上
以关键字或词语查找所需的信息，肯定受用户欢迎。假若你有充足的资源，便应找一位专家来评估你设计的主页是否方便易用。设法找一些对主页陌生的用户，来试用你的初步制成品。
1 预早筹划
设计主页未必很艰难。但这一工作与编制传统的宣传品一样，都需要我们谨慎处理和筹划。换言之，我们必须首先确定自己需要传达的主要信息，然后细意斟酌、把所有意念合情合理地组织起来；之后是设计一个页面式样，试用于有代表性的用户，接着重复修订，务求尽善尽美。
2 尽量精简
主页的作用好比一本书的封面，是为了吸引用户测览你的网址内容。因此，主页的设汁应以醒目为上、令人一目了然。切勿堆砌太多不必要的细节，或使画面过于复杂。在主页上清楚列出三项要点，例如机构名称、提供的产品或服务、以及主页内容(亦即你的其他页面还载有什么资料)。应切记页面给人的第一观感最为重要。在网上到处浏览的人很多。如果你的主页真没有吸引力，很难今他们深入观赏。
3 尽量简朴
现今大部分用户那是用调制解调器接驳万维网，所以他们一般都要花很多时间等待主页传送到自己的系统。切勿令他们加倍望穿秋水。主页上的图形应力求简朴，避免耽搁用户的时间。图像愈大、颜色愈深，传送页面的时间愈长。这并不是说你要完全略去图像不用，只是提醒你要注注意使用图像所引起的效果。主页上的颜色最好不超过六十四种，页顶图像最好保持在大约10KB(千字节)以下。切勿禁不住诱惑。觉得非要放入大幅的图画不可；应考虑只用三两幅短小精悍的图像。主页整体上要能够迅速传送。如果载入的时间超过十至十五秒，
很多用户就会等得不耐烦。如果情况许可，最好先测试一中你的主页在稍差的条件下的传送速率，14.4千波特的调制解调器，或透过Prodigy 等网上服务接驳万维网等。此外、还须注意配合最低档的设备，例如标准的小型显示器，不要假设人人都用高解像度的大荧幕。运用先进测览软件所提供的一些尖端功能是可以的、但应确保你的主页在次一级的浏览软件上(例如某些网上服务所提供的专用浏览软件)仍可畅顺地显现。
4 善用图像
用户在网上四处漫游，你必须设法吸引和维护他们对你的主页的注意力。万维网的其中一个最重大资源是其多媒体能力，所以我们无论如何要善加利用。主页上最好有醒目的图像、新颖的画面、美观的字款，使其别具特色，令人过目不忘。图像的内容应有一定的实际作用，切忌虚饰浮夸。最佳的图像足集美观与传讯于一身。注意图画可以弥补文字之不足，但并不能够完全取代文字。很多用户把浏览软件设定为略去图像，以求节省时间他们只看文字。因此，制作主页时，必须注意将图像所戴的重要信息或联接其他页面的指示用文字重复表达—次。用“纯文中”模式测试已制成的主页，确保其传达到所有信息。
5 使主页易于漫游
主页的其中一个主要功能是作为漫游工具，指引用户查阅你存储在网址或其他地点的信息。尽量使漫游过程不费吹灰之力。基于清晰明确和速度的考虑，主页上的联接项目应只限于几个高级的类别，例如公司、产品、服务、支援等。用六至八个联接项目最为理想。
此外，你提供的信息不应埋藏在重重叠叠的页面之下。穿越五个以上的联接项目已足以令人厌烦。因此，你必须在广度和深度之间求取平衡。如果你的网址上有太多信息，你可能要
编制较长的页面或使用更多联接项目，甚至可能要建立多个主页、使每个主页载有不同的信息。如果能够让用户在主页上以关键字或词语查找所需的信息，肯定受用户欢迎。假若你有充足的资源，便应找一位专家来评估你设计的主页是否方便易用。设法找一些对主页陌生的用户，来试用你的初步制成品。
1 预早筹划
设计主页未必很艰难。但这一工作与编制传统的宣传品一样，都需要我们谨慎处理和筹划。换言之，我们必须首先确定自己需要传达的主要信息，然后细意斟酌、把所有意念合情合理地组织起来；之后是设计一个页面式样，试用于有代表性的用户，接着重复修订，务求尽善尽美。
2 尽量精简
主页的作用好比一本书的封面，是为了吸引用户测览你的网址内容。因此，主页的设汁应以醒目为上、令人一目了然。切勿堆砌太多不必要的细节，或使画面过于复杂。在主页上清楚列出三项要点，例如机构名称、提供的产品或服务、以及主页内容(亦即你的其他页面还载有什么资料)。应切记页面给人的第一观感最为重要。在网上到处浏览的人很多。如果你的主页真没有吸引力，很难今他们深入观赏。
3 尽量简朴
现今大部分用户那是用调制解调器接驳万维网，所以他们一般都要花很多时间等待主页传送到自己的系统。切勿令他们加倍望穿秋水。主页上的图形应力求简朴，避免耽搁用户的时间。图像愈大、颜色愈深，传送页面的时间愈长。这并不是说你要完全略去图像不用，只是提醒你要注注意使用图像所引起的效果。主页上的颜色最好不超过六十四种，页顶图像最好保持在大约10KB(千字节)以下。切勿禁不住诱惑。觉得非要
放入大幅的图画不可；应考虑只用三两幅短小精悍的图像。主页整体上要能够迅速传送。如果载入的时间超过十至十五秒，很多用户就会等得不耐烦。如果情况许可，最好先测试一中你的主页在稍差的条件下的传送速率，14.4千波特的调制解调器，或透过Prodigy 等网上服务接驳万维网等。此外、还须注意配合最低档的设备，例如标准的小型显示器，不要假设人人都用高解像度的大荧幕。运用先进测览软件所提供的一些尖端功能是可以的、但应确保你的主页在次一级的浏览软件上(例如某些网上服务所提供的专用浏览软件)仍可畅顺地显现。
4 善用图像
用户在网上四处漫游，你必须设法吸引和维护他们对你的主页的注意力。万维网的其中一个最重大资源是其多媒体能力，所以我们无论如何要善加利用。主页上最好有醒目的图像、新颖的画面、美观的字款，使其别具特色，令人过目不忘。图像的内容应有一定的实际作用，切忌虚饰浮夸。最佳的图像足集美观与传讯于一身。注意图画可以弥补文字之不足，但并不能够完全取代文字。很多用户把浏览软件设定为略去图像，以求节省时间他们只看文字。因此，制作主页时，必须注意将图像所戴的重要信息或联接其他页面的指示用文字重复表达—次。用“纯文中”模式测试已制成的主页，确保其传达到所有信息。
5 使主页易于漫游
主页的其中一个主要功能是作为漫游工具，指引用户查阅你存储在网址或其他地点的信息。尽量使漫游过程不费吹灰之力。基于清晰明确和速度的考虑，主页上的联接项目应只限于几个高级的类别，例如公司、产品、服务、支援等。用六至八个联接项目最为理想。
此外，你提供的信息不应埋藏在重重叠叠的页面之下。穿
越五个以上的联接项目已足以令人厌烦。因此，你必须在广度和深度之间求取平衡。如果你的网址上有太多信息，你可能要编制较长的页面或使用更多联接项目，甚至可能要建立多个主页、使每个主页载有不同的信息。如果能够让用户在主页上以关键字或词语查找所需的信息，肯定受用户欢迎。假若你有充足的资源，便应找一位专家来评估你设计的主页是否方便易用。设法找一些对主页陌生的用户，来试用你的初步制成品。
1 预早筹划
设计主页未必很艰难。但这一工作与编制传统的宣传品一样，都需要我们谨慎处理和筹划。换言之，我们必须首先确定自己需要传达的主要信息，然后细意斟酌、把所有意念合情合理地组织起来；之后是设计一个页面式样，试用于有代表性的用户，接着重复修订，务求尽善尽美。
2 尽量精简
主页的作用好比一本书的封面，是为了吸引用户测览你的网址内容。因此，主页的设汁应以醒目为上、令人一目了然。切勿堆砌太多不必要的细节，或使画面过于复杂。在主页上清楚列出三项要点，例如机构名称、提供的产品或服务、以及主页内容(亦即你的其他页面还载有什么资料)。应切记页面给人的第一观感最为重要。在网上到处浏览的人很多。如果你的主页真没有吸引力，很难今他们深入观赏。
3 尽量简朴
现今大部分用户那是用调制解调器接驳万维网，所以他们一般都要花很多时间等待主页传送到自己的系统。切勿令他们加倍望穿秋水。主页上的图形应力求简朴，避免耽搁用户的时间。图像愈大、颜色愈深，传送页面的时间愈长。这并不是说你要完全略去图像不用，只是提醒你要注注意使用图像所引
起的效果。主页上的颜色最好不超过六十四种，页顶图像最好保持在大约10KB(千字节)以下。切勿禁不住诱惑。觉得非要放入大幅的图画不可；应考虑只用三两幅短小精悍的图像。主页整体上要能够迅速传送。如果载入的时间超过十至十五秒，很多用户就会等得不耐烦。如果情况许可，最好先测试一中你的主页在稍差的条件下的传送速率，14.4千波特的调制解调器，或透过Prodigy 等网上服务接驳万维网等。此外、还须注意配合最低档的设备，例如标准的小型显示器，不要假设人人都用高解像度的大荧幕。运用先进测览软件所提供的一些尖端功能是可以的、但应确保你的主页在次一级的浏览软件上(例如某些网上服务所提供的专用浏览软件)仍可畅顺地显现。
4 善用图像
用户在网上四处漫游，你必须设法吸引和维护他们对你的主页的注意力。万维网的其中一个最重大资源是其多媒体能力，所以我们无论如何要善加利用。主页上最好有醒目的图像、新颖的画面、美观的字款，使其别具特色，令人过目不忘。图像的内容应有一定的实际作用，切忌虚饰浮夸。最佳的图像足集美观与传讯于一身。注意图画可以弥补文字之不足，但并不能够完全取代文字。很多用户把浏览软件设定为略去图像，以求节省时间他们只看文字。因此，制作主页时，必须注意将图像所戴的重要信息或联接其他页面的指示用文字重复表达—次。用“纯文中”模式测试已制成的主页，确保其传达到所有信息。
5 使主页易于漫游
主页的其中一个主要功能是作为漫游工具，指引用户查阅你存储在网址或其他地点的信息。尽量使漫游过程不费吹灰之力。基于清晰明确和速度的考虑，主页上的联接项目应只限于几个高级的类别，例如公司、产品、服务、支援等。用六至八
个联接项目最为理想。
此外，你提供的信息不应埋藏在重重叠叠的页面之下。穿越五个以上的联接项目已足以令人厌烦。因此，你必须在广度和深度之间求取平衡。如果你的网址上有太多信息，你可能要编制较长的页面或使用更多联接项目，甚至可能要建立多个主页、使每个主页载有不同的信息。如果能够让用户在主页上以关键字或词语查找所需的信息，肯定受用户欢迎。假若你有充足的资源，便应找一位专家来评估你设计的主页是否方便易用。设法找一些对主页陌生的用户，来试用你的初步制成品。
1 预早筹划
设计主页未必很艰难。但这一工作与编制传统的宣传品一样，都需要我们谨慎处理和筹划。换言之，我们必须首先确定自己需要传达的主要信息，然后细意斟酌、把所有意念合情合理地组织起来；之后是设计一个页面式样，试用于有代表性的用户，接着重复修订，务求尽善尽美。
2 尽量精简
主页的作用好比一本书的封面，是为了吸引用户测览你的网址内容。因此，主页的设汁应以醒目为上、令人一目了然。切勿堆砌太多不必要的细节，或使画面过于复杂。在主页上清楚列出三项要点，例如机构名称、提供的产品或服务、以及主页内容(亦即你的其他页面还载有什么资料)。应切记页面给人的第一观感最为重要。在网上到处浏览的人很多。如果你的主页真没有吸引力，很难今他们深入观赏。
3 尽量简朴
现今大部分用户那是用调制解调器接驳万维网，所以他们一般都要花很多时间等待主页传送到自己的系统。切勿令他们加倍望穿秋水。主页上的图形应力求简朴，避免耽搁用户的
时间。图像愈大、颜色愈深，传送页面的时间愈长。这并不是说你要完全略去图像不用，只是提醒你要注注意使用图像所引起的效果。主页上的颜色最好不超过六十四种，页顶图像最好保持在大约10KB(千字节)以下。切勿禁不住诱惑。觉得非要放入大幅的图画不可；应考虑只用三两幅短小精悍的图像。主页整体上要能够迅速传送。如果载入的时间超过十至十五秒，很多用户就会等得不耐烦。如果情况许可，最好先测试一中你的主页在稍差的条件下的传送速率，14.4千波特的调制解调器，或透过Prodigy 等网上服务接驳万维网等。此外、还须注意配合最低档的设备，例如标准的小型显示器，不要假设人人都用高解像度的大荧幕。运用先进测览软件所提供的一些尖端功能是可以的、但应确保你的主页在次一级的浏览软件上(例如某些网上服务所提供的专用浏览软件)仍可畅顺地显现。
4 善用图像
用户在网上四处漫游，你必须设法吸引和维护他们对你的主页的注意力。万维网的其中一个最重大资源是其多媒体能力，所以我们无论如何要善加利用。主页上最好有醒目的图像、新颖的画面、美观的字款，使其别具特色，令人过目不忘。图像的内容应有一定的实际作用，切忌虚饰浮夸。最佳的图像足集美观与传讯于一身。注意图画可以弥补文字之不足，但并不能够完全取代文字。很多用户把浏览软件设定为略去图像，以求节省时间他们只看文字。因此，制作主页时，必须注意将图像所戴的重要信息或联接其他页面的指示用文字重复表达—次。用“纯文中”模式测试已制成的主页，确保其传达到所有信息。
5 使主页易于漫游
主页的其中一个主要功能是作为漫游工具，指引用户查阅你存储在网址或其他地点的信息。尽量使漫游过程不费吹灰之
力。基于清晰明确和速度的考虑，主页上的联接项目应只限于几个高级的类别，例如公司、产品、服务、支援等。用六至八个联接项目最为理想。
此外，你提供的信息不应埋藏在重重叠叠的页面之下。穿越五个以上的联接项目已足以令人厌烦。因此，你必须在广度和深度之间求取平衡。如果你的网址上有太多信息，你可能要编制较长的页面或使用更多联接项目，甚至可能要建立多个主页、使每个主页载有不同的信息。如果能够让用户在主页上以关键字或词语查找所需的信息，肯定受用户欢迎。假若你有充足的资源，便应找一位专家来评估你设计的主页是否方便易用。设法找一些对主页陌生的用户，来试用你的初步制成品。
1 预早筹划
设计主页未必很艰难。但这一工作与编制传统的宣传品一样，都需要我们谨慎处理和筹划。换言之，我们必须首先确定自己需要传达的主要信息，然后细意斟酌、把所有意念合情合理地组织起来；之后是设计一个页面式样，试用于有代表性的用户，接着重复修订，务求尽善尽美。
2 尽量精简
主页的作用好比一本书的封面，是为了吸引用户测览你的网址内容。因此，主页的设汁应以醒目为上、令人一目了然。切勿堆砌太多不必要的细节，或使画面过于复杂。在主页上清楚列出三项要点，例如机构名称、提供的产品或服务、以及主页内容(亦即你的其他页面还载有什么资料)。应切记页面给人的第一观感最为重要。在网上到处浏览的人很多。如果你的主页真没有吸引力，很难今他们深入观赏。
3 尽量简朴
现今大部分用户那是用调制解调器接驳万维网，所以他们
一般都要花很多时间等待主页传送到自己的系统。切勿令他们加倍望穿秋水。主页上的图形应力求简朴，避免耽搁用户的时间。图像愈大、颜色愈深，传送页面的时间愈长。这并不是说你要完全略去图像不用，只是提醒你要注注意使用图像所引起的效果。主页上的颜色最好不超过六十四种，页顶图像最好保持在大约10KB(千字节)以下。切勿禁不住诱惑。觉得非要放入大幅的图画不可；应考虑只用三两幅短小精悍的图像。主页整体上要能够迅速传送。如果载入的时间超过十至十五秒，很多用户就会等得不耐烦。如果情况许可，最好先测试一中你的主页在稍差的条件下的传送速率，14.4千波特的调制解调器，或透过Prodigy 等网上服务接驳万维网等。此外、还须注意配合最低档的设备，例如标准的小型显示器，不要假设人人都用高解像度的大荧幕。运用先进测览软件所提供的一些尖端功能是可以的、但应确保你的主页在次一级的浏览软件上(例如某些网上服务所提供的专用浏览软件)仍可畅顺地显现。
4 善用图像
用户在网上四处漫游，你必须设法吸引和维护他们对你的主页的注意力。万维网的其中一个最重大资源是其多媒体能力，所以我们无论如何要善加利用。主页上最好有醒目的图像、新颖的画面、美观的字款，使其别具特色，令人过目不忘。图像的内容应有一定的实际作用，切忌虚饰浮夸。最佳的图像足集美观与传讯于一身。注意图画可以弥补文字之不足，但并不能够完全取代文字。很多用户把浏览软件设定为略去图像，以求节省时间他们只看文字。因此，制作主页时，必须注意将图像所戴的重要信息或联接其他页面的指示用文字重复表达—次。用“纯文中”模式测试已制成的主页，确保其传达到所有信息。
5 使主页易于漫游
主页的其中一个主要功能是作为漫游工具，指引用户查阅你存储在网址或其他地点的信息。尽量使漫游过程不费吹灰之力。基于清晰明确和速度的考虑，主页上的联接项目应只限于几个高级的类别，例如公司、产品、服务、支援等。用六至八个联接项目最为理想。
此外，你提供的信息不应埋藏在重重叠叠的页面之下。穿越五个以上的联接项目已足以令人厌烦。因此，你必须在广度和深度之间求取平衡。如果你的网址上有太多信息，你可能要编制较长的页面或使用更多联接项目，甚至可能要建立多个主页、使每个主页载有不同的信息。如果能够让用户在主页上以关键字或词语查找所需的信息，肯定受用户欢迎。假若你有充足的资源，便应找一位专家来评估你设计的主页是否方便易用。设法找一些对主页陌生的用户，来试用你的初步制成品。
1 预早筹划
设计主页未必很艰难。但这一工作与编制传统的宣传品一样，都需要我们谨慎处理和筹划。换言之，我们必须首先确定自己需要传达的主要信息，然后细意斟酌、把所有意念合情合理地组织起来；之后是设计一个页面式样，试用于有代表性的用户，接着重复修订，务求尽善尽美。
2 尽量精简
主页的作用好比一本书的封面，是为了吸引用户测览你的网址内容。因此，主页的设汁应以醒目为上、令人一目了然。切勿堆砌太多不必要的细节，或使画面过于复杂。在主页上清楚列出三项要点，例如机构名称、提供的产品或服务、以及主页内容(亦即你的其他页面还载有什么资料)。应切记页面给人的第一观感最为重要。在网上到处浏览的人很多。如果你的主页真没有吸引力，很难今他们深入观赏。
3 尽量简朴
现今大部分用户那是用调制解调器接驳万维网，所以他们一般都要花很多时间等待主页传送到自己的系统。切勿令他们加倍望穿秋水。主页上的图形应力求简朴，避免耽搁用户的时间。图像愈大、颜色愈深，传送页面的时间愈长。这并不是说你要完全略去图像不用，只是提醒你要注注意使用图像所引起的效果。主页上的颜色最好不超过六十四种，页顶图像最好保持在大约10KB(千字节)以下。切勿禁不住诱惑。觉得非要放入大幅的图画不可；应考虑只用三两幅短小精悍的图像。主页整体上要能够迅速传送。如果载入的时间超过十至十五秒，很多用户就会等得不耐烦。如果情况许可，最好先测试一中你的主页在稍差的条件下的传送速率，14.4千波特的调制解调器，或透过Prodigy 等网上服务接驳万维网等。此外、还须注意配合最低档的设备，例如标准的小型显示器，不要假设人人都用高解像度的大荧幕。运用先进测览软件所提供的一些尖端功能是可以的、但应确保你的主页在次一级的浏览软件上(例如某些网上服务所提供的专用浏览软件)仍可畅顺地显现。
4 善用图像
用户在网上四处漫游，你必须设法吸引和维护他们对你的主页的注意力。万维网的其中一个最重大资源是其多媒体能力，所以我们无论如何要善加利用。主页上最好有醒目的图像、新颖的画面、美观的字款，使其别具特色，令人过目不忘。图像的内容应有一定的实际作用，切忌虚饰浮夸。最佳的图像足集美观与传讯于一身。注意图画可以弥补文字之不足，但并不能够完全取代文字。很多用户把浏览软件设定为略去图像，以求节省时间他们只看文字。因此，制作主页时，必须注意将图像所戴的重要信息或联接其他页面的指示用文字重复表达—次。
用“纯文中”模式测试已制成的主页，确保其传达到所有信息。
5 使主页易于漫游
主页的其中一个主要功能是作为漫游工具，指引用户查阅你存储在网址或其他地点的信息。尽量使漫游过程不费吹灰之力。基于清晰明确和速度的考虑，主页上的联接项目应只限于几个高级的类别，例如公司、产品、服务、支援等。用六至八个联接项目最为理想。
此外，你提供的信息不应埋藏在重重叠叠的页面之下。穿越五个以上的联接项目已足以令人厌烦。因此，你必须在广度和深度之间求取平衡。如果你的网址上有太多信息，你可能要编制较长的页面或使用更多联接项目，甚至可能要建立多个主页、使每个主页载有不同的信息。如果能够让用户在主页上以关键字或词语查找所需的信息，肯定受用户欢迎。假若你有充足的资源，便应找一位专家来评估你设计的主页是否方便易用。设法找一些对主页陌生的用户，来试用你的初步制成品。
1 预早筹划
设计主页未必很艰难。但这一工作与编制传统的宣传品一样，都需要我们谨慎处理和筹划。换言之，我们必须首先确定自己需要传达的主要信息，然后细意斟酌、把所有意念合情合理地组织起来；之后是设计一个页面式样，试用于有代表性的用户，接着重复修订，务求尽善尽美。
2 尽量精简
主页的作用好比一本书的封面，是为了吸引用户测览你的网址内容。因此，主页的设汁应以醒目为上、令人一目了然。切勿堆砌太多不必要的细节，或使画面过于复杂。在主页上清楚列出三项要点，例如机构名称、提供的产品或服务、以及主页内容(亦即你的其他页面还载有什么资料)。应切记页面给人
网站设计需求分析 一、设计目标 1.实现企业用户的信息发布与宣传; 实现地域企业信息的综合集成和搜索查询。 2.结合游戏网站积分实现企业网站扩展。 二、网站模块 1.用户注册模块：提供个人及商业企业的信息注册。 （1）个人用户：与游戏网站用户注册信息关联，以避免重复注册。需注册为商品交易用户的要进行实名认证，注册成功生成个人物品销售发布平台。 （2）企业用户：需提供营业执照等信息。在与游戏网站用户信息关联的同时，按企业性质分类，生成企业二级网站，供其发布企业信息和供求信息等。 （3）个体工商户：与企业用户相似。 2.个人用户模块：对通过实名认证加入销售平台的，初始默认为可发布5 件以内商品的交易信息。要发布更多的产品信息需要通过游戏网站换取游戏积分来获得（仅发布信息，不提供线上交易）。 3.企业信息模块：按照工业、商业、机关事业、旅游业、服务业、餐饮业等进行分类。 各类企事业单位初始默认可自定义选择5 个页面，如要发布产品销售信息默认10 件商品，更多的页面需要通过游戏网站积
分来获取。页面功能模块下述。 4.个体工商户模块：按照商业、服务业、餐饮业等进行分类。 各类个体商户初始默认可自定义选择 2 个页面，如要发布产品销售信息默认5 件商品，更多的页面需要通过游戏网站积分来获取。页面功能模块下述。 5.企业用户、个体商户二级页面管理模块企业用户默认情况最多可选择以下 5 个页面，个体商户最多可选择以下2 个页面，更过页面可通过游戏积分换取。 （1）用户主页（必选）：综合显示用户所选信息； （2）企业新闻：用户可在后台发布各类即时信息； （3）企业介绍： （4）产品信息：所属企业或个体商户产品信息发布； （5）与我联系（必选）：联系地址及方式等； （6）团购信息：包含产品信息、交易地址、价格及客户评价等，仅发布信息，不提供线上交易。（默认情况下企业用户发布10 条，个体商户发布5 条，更多信息需通过游戏积分换取）； （7）楼层导购：超市必选信息。用于布局超市楼层二维及三维图示和导航信息； （8）旅游信息：旅游业发布适时旅游信息（默认情况下发布10 条信息，更多信息需通过游戏积分换取）； 更多的页面可由网站管理员自定义设置。
浅析网页界面设计——首页设计 首页设计，需开宗明义突出主题 开宗明义，无论是对于一篇文章、一场会议或一部专题片，还是对于一个网站来说，都是必不可少的。那么能为一个网站开宗明义的地方（标签）就是Title（标题）和Description（描述、副标题），而能够为Title和Description 提供进一步诠释的就是网站的首页。 展示哪些信息 页面的重要性是建立在它所呈现信息的基础之上，反过来说，页面要向用户展示哪些信息是决定其重要与否的首要指标。在网站页面中，网站标题、副标题、菜单（狭义上的导航，请参看《WEB导航设计》）、用户登录信息、关于、版权信息这几项是网站的基础信息，是一个网站身份的象征，承载着向用户表明网站立场、提供何种产品或劳务、网站自我介绍、如何联系网站的重要使命，在设计页面时，这些信息必不可少。 而网站的首页，除了需要显示以上这些基础信息之外，最重要的是还承担着网站转化率的重任，这也是所有类型的网站首页的最重要任务。如何让网站首页完成这项重要的任务呢？我的理解是把网站所提供的产品或劳务通过版式设计、文案设计、色彩设计之后，展示在首页适当的位置，并使其不受其它信息元素干扰，甚至使其它元素为它（产品或劳务）服务。 突出主题思想 知道了首页需要展示哪些信息，知道了信息之间的权重，如何把信息呈现得更符合信息本身，却不是一件容易的事，需要时间的磨练与经验的积累。就设计本身而言，是一件感性的事，不像数学公式，它缺乏严谨的理论做为指导，所以在工作中，经常出现与Boss、同事意见相左的情况。我个人的经验是在非重要信息的设计上使其具有普适性，在重要信息的设计上突出设计的主题思想，在与Boss、同事讨论时，尽量把讨论的重点放在主题思想的呈现方式与其对转化率（或市场目标）的作用之上。你可以说这是功利的设计，没错，所有的设计都是以商业利润为最终目的。 如何突出 在版式设计上，要求把信息分门别类，让用户在扫描（只为扫描而设计，请参考《Don’t Make Me Think》）页面时保证视觉流的流畅性，在短时间内（3-5秒）发现首页包函哪些区域（如菜单、广告、注册、个人信息、链接、按钮等），方便用户在第一时间内做出选择。在设计过程中，建议严格遵循四个排版的原则，即：对比、对齐、重复和亲密性（请参看《写给大家看的设计书》)。如https://www.doczj.com/doc/3017947029.html,、https://www.doczj.com/doc/3017947029.html,、https://www.doczj.com/doc/3017947029.html,的首页设计。
《网页设计与制作》课程标准前言： 《网页设计与制作》是理实一体化课程，是计算机专业（软件与信息服务、数字媒体、计算机应用专业）的一门重要的专业必修课。本课程定位于WEB技术开发工作岗位。它是WEB前端技术开发的必备课程，在整个课程体系中具有重要的作用， 一、课程的说明： 通过本课程的学习，使学生了解网页设计技术的起源和发展、常用的网页制作软件及HTML语言，掌握运用Dreamweaver（以下简称DW）网页制作软件制作网页的方法，通过运用Photoshop图像处理软件和Flash动画制作软件，三个软件互相配合，完成网页设计与制作任务的方法。为今后从事网页设计与制作、网站开发和管理奠定基础。在网页设计的实践中重点培养团队协作、沟通交流能力，培养自主学习能力和探索创新能力。 二、课程内容与基本要求： 该课程涉及的知识是网页设计人员必备的基本技能，职业活动与课程内容的对应关系如下：
三、教学目标 1、职业关键能力目标 (1) 掌握使用Photoshop进行图像处理的基本方法及操作技能 (2) 掌握DreamweaverCS5的基本知识及操作技能 (3) 掌握建立与管理站点的方法 (4) 掌握制作主要内容为文本的网页的方法 (5) 掌握在网页中插入与编辑图像的方法 (6) 掌握在网页中插入多媒体元素的方法 (7) 掌握表格处理与网页布局的方法 (8) 掌握创建超级链接的方法 (9) 掌握使用框架制作旅游网站的方法 (10) 掌握创建和使用模板的方法 (11) 掌握创建和使用库的方法 (12) 掌握在网页中添加AP Div的方法
(13) 掌握在网页中使用行为的方法 (14) 掌握HTML基础知识及通过代码修饰网页的方法 (15) 掌握使用CSS样式表修饰网页的方法 (16) 掌握动态网页的概念及简单动态网页的制作方法 2、职业专门能力目标 (1) 通过完成相关的项目，掌握网页设计的基本工作流程。 (2) 通过完成相关的项目，掌握网页设计常用工具的使用方法。 (3) 通过完成相关的项目，掌握网页布局及美化的基本方法。 (4) 通过完成相关的项目，掌握简单网页交互的制作方法。 3、方法能力目标 形成一定的学习能力、沟通与团队的协作能力，形成良好的思考问题、分析问题和解决问题的能力，养成良好的职业素养。遵守国家关于软件与信息技术的相关法律法规，形成关键性的软件开发与应用的能力。 四、教学内容 第一章网页制作基础知识（4学时） 教学目标： 网页与网站基本概念、网页基本组成元素、常用网页制作软件 主要教学内容： 网页制作基础知识 网页的基本构成元素 网页制作常用软件和技术 第二章 Dreamweaver CS6轻松入门（2学时）
01 明确内容 如果你想成为一个网站设计者，并正想建一个网站的话，首先应该考虑网站的内容，包括网站功能和你的用户需要什么。你的整个设计都应该围绕这些方面来进行。 02 抓住用户 如果用户不能够迅速地进入你的网站，或操作不便捷，网站设计就是失败的。不要让用户失望而转向你的对手的网站。 03 优化内容 内容是核心。大约在两年以前，企业网站就像一本广告册子，更槽糕的是，网站使用了大量的图片，似乎要几个世纪才能下载完。 04 快速下载 没有什么比要花很长时间下载页面更槽糕的了。作为一条经验，一个标准的网页应不大于60K，通过56K调制解调器加载花30秒的时间。有的设计者说网页加载应在15秒内。 05 网站升级 时刻注意网站的运行状况。性能很好的主机随着访问人数的增加，可能会运行缓慢。但是，如果你不想失去访问者的话，一定要仔细计划好你的升级计划。 06 学习HTML 用HTML设计网站，可以控制设计的整个过程。但是，如果你仅仅是网站设计的新手，你应该寻找一个允许修改HTML的软件包。HomeSite4是一个很好的Web设计工具。在设计过程中，HomeSite4能帮助你学习HTML。它还允许你切换到所见即所得的模式，以便你在把网站发送到Web之前，预览你的网站。 07用笔画一个网站的框架 圣人云：笔比剑更强大。在用计算机之前，用笔画一个网站的框架，显示出所有网页的相互关系。计划好你的用户如何以最少的时间浏览你的网站。 08 网站地图 许多设计者把他们的网站地图放在网站上，这种做法，却是弊大于利。绝大部分的访问者上网是寻找一些特别的信息，他们对于你的网站是如何工作的，并没有兴趣。如果你觉得你的网站需要地图，那很可能是需要改进你的导航和工具条。 09 点击规则 听说过3次点击规则吗？对于小型网站，在你的主页上，没有任何一条信息，需要点击次数超过3次的。对于大型网站，使用导航和工具条来改善操作。 10 特殊字体的应用 虽然你可以在你的HTML中使用特殊的字体，但是，你不可能预测你的访问者在他们的计算机上将看到什么。在你的计算机里看起来相当好的页面，在另一个不同的平台上看起来可能非常糟糕。一些网站设计员喜欢使用来定义特性，这虽然允许你使用特殊的字体，但是仍需要一些变通的方法，以免你所选择的字体在访问者的计算机上不能显示。级联风格表CSS有助于解决这些问题，但是只有最新版的浏览器才支持CSS。 11 检查错别字 好的拼写是人们一生中重要的技能。但是遗憾的是，许多设计者都缺少这种技能。确保你拼写正确，并且格外注意平常容易误写的错别字。 12 避免长文本页面 在一个站点上有许多只有文本的页面，是令人乏味的，且也浪费Web的潜力。如果你有大量的基于文本的文档，应当以Adobe Acrobat格式的文件形式来放置，以便你的访问者能离线阅读。 13 不要使用卷滚条
导航栏 图片 超链接 1.1认识网页和网站 随着互联网的迅猛发展，可以获取、交换和存储连接到网络上的各计算机上的信息。网络上存放信息和提供服务的地方就是网站。一个成功的网站离不开精美绚丽的网页，要制作出美观的网页，首先要学习网页制作的相关知识，例如制作网页的知识、制作网页元素的知识以及设计网页效果。 1.1.1 网页和网站的概念 关于网络，有着各式各样的专有名词。弄 清楚它们的概念和联系，对于学习何种网络知 识都将会有极大的裨益。 1. 网页的概念 网页(web)是网站上的某一个页面，它是一 个纯文本文件，是向访问者传递信息的载体， 以超文本和超媒体为技术，采用HTML、CSS、 XML等语言来描述组成页面的各种元素，包括 文字、图像、音乐等，并通过客户端浏览器进 行解析，从而向浏览者呈现网页的各种内容。 网页经由网址(URL)来识别与存放，在浏览器 地址栏中输入网址后，经过一段复杂快速的程 序，网页文件被传送到计算机，然后再通过浏 览器解释网页内容，再展示在计算机用户面 前。例如，访问https://www.doczj.com/doc/3017947029.html,，实际在浏览器 中打开的是https://www.doczj.com/doc/3017947029.html,/index.html文件。 2. 网站的概念 网站(Website)是指在互联网上，根据一定 的规则，使用HTML等工具制作的用于展示特 定内容的相关网页集合，它建立在网络基础之 上，以计算机、网络和通信技术为依托，通过 一台或多台计算机向访问者提供服务。平时所 说的访问某个站点，实际上访问的是提供这种 服务的一台或多台计算机。 1.1.2 网页的基本元素 前面已经介绍了网页是一个纯文本文件， 通过HTML、CSS等脚本语言对页面元素进行 标识，然后由浏览器自动生成的页面。一个网 页的基本元素主要包括文本、图像和超链接， 其他元素包括声音、动画、视频、表格、导航 栏、表单等。 1. 文本 文本是网页上最重要的信息载体与交流工 具，网页中的主要信息一般都以文本形式为主。 与图像网页元素相比，文字虽然并不如图像那 样容易被浏览者注意，但却能包含更多的信息， 并更能准确地表达信息的内容和含义。 Flash动画 2
认识网页的基本元素 布局基础理念 网站是否受欢迎固然要看网站的内部结构、前期定位和网站内容，但是网站中的各个网页看起来是否赏心悦目而便于操作，也是非常重要的，这就涉及到了网页的布局设计这个问题。随着Web标准的推广，将网页布局设计的更为合理，已经不再像在HTML时代那样难以做到，所以浏览者对网页布局的评价也越来越挑剔。 【认识网页基本元素】 网站的基本元素是网页，一个个的网页构成了一个完整的网站网页也是可分的，构成网页的基本元素包括标题、网站LOGO、页眉、页脚、主体内容、功能区、导航区、广告栏等。这些元素在网页的位置安排，就是网页的整体布局。 1.标题 每个网页的最顶端都有一条信息，这条信息往往出现在浏览器的标题栏，而非网页中，但是这条信息也是网页布局中的一部分。这条信息是对这个网页中主要内容的提示，即标题。
2. 网站LOGO LOGO是网站所有者对外宣传自身形象的工具。LOGO集中体现了这个网站的文化内涵和内容定位。可以说，LOGO是一个网站的最为吸引人、最容易被人记住的标志。如果网站所有者已经导入了CIS系统，那么LOGO的设计就要符合CIS的设定。如果所有者没有导入CIS，就要根据网站的文化内涵和内容定位设计LOGO。无论怎样，网站LOGO的设计都要在网站制作初期进行，这样才能从网站的长远发展角度出发，设计出一个能够长时间使用的、最能代表该网站的LOGO。LOGO在网站中的位置都比较醒目，目的是要使其突出，容易被人识别与记忆。在二级网页中，页眉位置一般都留给LOGO。另外，LOGO往往被设计成为一种可以回到首页的超链接。 说明CIS简称CI，全称Corporate Identity System，译称企业识别系统，意译为“企业形象统一战略”。 3.页眉 网页的上端即是这个页面的页眉。页眉并不是在所有的网页中都有，一些特殊的网页就没有明确划分出页眉。页眉往往在一个页面中相当重要的位置，容易引起浏览者的注意，所以很多网站都会在页眉
浅谈Photoshop在网页布局设计中的意义与方法
摘要 当今网络已经成为人们生活的重要组成部分,由此一个新兴的专业---网页设计诞生了。部分技工学校为适应这个职业对人才的需求纷纷开设了网络工程专业。但是在培养网页设计人员的过程中一些教师由于缺乏网页设计实践经验，对Photoshop这个图象软件在网页设计中对网页元素的整合作用认识不足，没有使这个软件发挥其应有的作用。本文针对这个现象，对Photoshop在网页设计和规划中的作用和意义以及运用Photoshop进行网页规划时应注意的问题作了论述，特别是对Photoshop的切片功能和操作方法做了详细的说明，这对于初学网页设计的人员来说更具有指导意义。 关键词：网页设计Photoshop 布局 现在是IT时代，几乎没有哪一行能和网络脱离关系，因此网站的规划与建设已经成为一项专门职业。在网站规划建设中，网页布局设计是其至关重要的一环，它关系到网站能否吸引更多人的眼球，直接反映网站的点击率，而点击率正是网站的生命所在。所以网页布局设计是否美观、规范、合理越来越受到网页设计师的重视。 网页布局设计的软件很多，如Dream weaver 、FrontPage 等都可胜任，但是初学者往往是一上手就使用Dreamweaver等进行规划布局，结果使网站建设延期，下载速度降低，更糟的是合同违约，失掉客户，造成不可估量的损失。纠其原因，关键是忽视
了Photoshop 在网页规划布局中的作用。初学者知道Photoshop 是图像处理软件，但只是把它用来解决一般图像裁切、调整、优化，而忽视它在网页布局设计中的重要作用。 一、Photoshop 在网页布局设计中的作用
web 一、超文本（hypertext） 一种全局性的信息结构，它将文档中的不同部分通过关键字建立链接，使信息得以用交互方式搜索。它是超级文本的简称。 二、超媒体（hypermedia） 超媒体是超文本（hypertext）和多媒体在信息浏览环境下的结合。它是超级媒体的简称。用户不仅能从一个文本跳到另一个文本，而且可以激活一段声音，显示一个图形，甚至可以播放一段动画。 Internet采用超文本和超媒体的信息组织方式，将信息的链接扩展到整个Internet上。Web就是一种超文本信息系统，Web的一个主要的概念就是超文本连接，它使得文本不再象一本书一样是固定的线性的。而是可以从一个位置跳到另外的位置。可以从中获取更多的信息。可以转到别的主题上。想要了解某一个主题的内容只要在这个主题上点一下，就可以跳转到包含这一主题的文档上。正是这种多连接性把它称为Web。 三、超文本传输协议（HTTP）Hypertext Transfer Protocol超文本在互联网上的传输协议。 IP IP是英文Internet Protocol（网络之间互连的协议）的缩写，中文简称为“网协”，也就是为计算机网络相互连接进行通信而设计的协议。在因特网中，它是能使连接到网上的所有计算机网络实现相互通信的一套规则，规定了计算机在因特网上进行通信时应当遵守的规则。任何厂家生产的计算机系统，只要遵守IP协议就可以与因特网互连互通。IP地址具有唯一性，根据用户性质的不同，可以分为5类。另外，IP还有进入防护，知识产权，指针寄存器等含义。 http 超文本传送协议(HTTP) 是一种通信协议，它允许将超文本标记语言(HTML) 文档从Web 服务器传送到Web 浏览器。HTML 是一种用于创建文档的标记语言，这些文档包含到相关信息的链接。您可以单击一个链接来访问其它文档、图像或多媒体对象，并获得关于链接项的附加信息。HTTP工作在TCP/IP协议体系中的TCP协议上。 FTP FTP（File Transfer Protocol, FTP）是TCP/IP网络上两台计算机传送文件的协议，FTP是在TCP/IP网络和INTERNET上最早使用的协议之一，它属于网络协议组的应用层。FTP客户机可以给服务器发出命令来下载文件，上载文件，创建或改变服务器上的目录。 第一、什么是C/S结构。 C/S （Client/Server）结构，即大家熟知的客户机和服务器结构。它是软件系统体系结构，通过它可以充分利用两端硬件环境的优势，将任务合理分配到Client端和Server端来实现，降低了系统的通讯开销。目前大多数应用软件系统都是Client/Server形式的两层结构，
题目1 下列哪个是“图像占位符”的属性 选择一项： A. z轴（z-index） B. 可见性(Visibility) C. 名称(Name) D. 位置(Location) 正确答案是：名称(Name) 题目2 如果要使图像在缩放时不失真，在图像显示原始大小时，按下（）键，拖动图像右下方的控制点，可以按比例调整图像大小 选择一项： A. Shift B. Shift+Alt C. Alt D. Ctrl 正确答案是：Shift 题目3 从Dreamweaver 中直接使用Fireworks 来优化图像，不能实现的操作是
A. 调整图像尺寸大小 B. 更换图像文件格式 C. 增加特殊显示效果 D. 优化到指定文件大小 正确答案是：增加特殊显示效果 二、多选题 题目4 在Dreamweaver中将文本添加到文档的方法有 选择一项或多项： A. 从现有的文本文档中拷贝和粘贴 B. 导入Microsoft Word 内容 C. 直接在Dreamweaver 中打开文本文件 D. 直接在文档窗口键入文本 The correct answers are: 直接在文档窗口键入文本 题目5 在表格单元格中可以插入的对象有 选择一项或多项： A. 文本 B. 图像 C. Flash动画
D. Java程序插件 The correct answers are: 文本, 图像, Flash动画, Java程序插件 题目6 GIF图像的优点有 选择一项或多项： A. 它支持动画格式 B. 支持24位真彩色 C. 支持透明背景 D. 无损方式压缩 The correct answers are: 它支持动画格式, 支持透明背景, 无损方式压缩 三、简答题 题目7 除了普通文本，还可以在页面中插入哪些和文本相关的元素 ——可以插入日期时间、列表、水平线、滚动文字等。 题目8 怎么设置滚动文字的不同效果 ——通过
《网页艺术设计》课程标准 课程类型：必修课 适用专业：视觉传达 总学时：64 适宜开设学期：4 一、课程概述 本课程是视觉传达艺术设计专业数字媒体技术方向的一门专业核心课程。通过本课程的学习，要求学生掌握目前行业中网页设计的方法和流程，网页交互的形式，网页制作的方法。具备通过对客户需求的分析，从美学的角度的去完成网页的设计，同时通过本课程的学习，提高学生的操作技能，培养学生踏实认真、精益求精、团结合作、创新的精神，培养良好的职业道德。 1．本课程学习领域包含网站版面设计，网站制作和网站内容编排。通过对网站的用户需求分析、题材选择、设计元素、表现形式、优秀作品分析等使学生在认知并研究文字、图案、导航等平面设计语言，具备在各种形式的网页设计中灵活应用、整体把握的能力，培养学生的创意能力，并提高对网络元素设计在市场中定位的准确性。 2．本学习领域的学习情境设计是依据企业、商业、社会团体、文化机构等设计活动之需要而设计，围绕着企业典型工作任务设定若干个学习情境，通过社会实践与项目实训课题相结合的教学模式。 3．本课程需在《计算机应用》、《数码摄影与图象处理》等课程之后开设。此时学生已经具备一定的计算机基础知识和操作能力，能较快地掌握网页设计的各种知识，并运用所学知识做出具有特色的网站。 二、课程目标 1．专业能力 学生应熟练掌握网站设计与制作的相关方法和技术，包括网站LOGO设计、网页的Banner设计、网页的版面设计，网页设计中的文字图片色彩的运用、网页中HTML-DIV-CSS 样式的语言运用。以适应现代多媒体行业发展要求及拓宽学生求职能力的需要。 2．方法能力 （1）具有较强的草稿绘制和平面设计编排能力。 （2）具有较强的自学能力及分析问题和解决问题的能力。 （3）具有较准确的市场分析、调研、信息获取及判断的能力。
《静态网页设计》教学大纲 课程类别：专业基础课 课程属性：必修课 学分/学时： 4学分/64学时 制订人：课题组 适用专业：信息技术相关专业 一、课程的性质 “静态网页设计”是信息技术类专业学生的专业基础课之一。属于必修课范畴。同时它是一门针对性、实践性较强的课程。主要是培养学生静态网页设计的基本知识和静态网页设计制作的基本技能。 二、与其它课程的关系
三、教学目标 1.知识目标 (1)网站、网页、网页设计等的基本概念； (2)理解HTML语言中的各种文本格式、段落设置、列表等标记知识； (3)理解和掌握基本的DIV＋CSS技术知识； (4)理解和掌握表格的基本知识； (5)理解和掌握数据表单的基本知识； (6)理解和掌握基本的框架网页知识； (7)理解和掌握网页图像、动画等多媒体应用知识； (8)理解和掌握网页超级链接知识； (9)掌握基本的动画制作知识； (10)了解网页美工相关知识； (11)了解网站的测试、发布与维护的基本知识； (12)掌握网站制作流程 2.能力目标 (1)能运用HTML语言设置和编辑网页元素； (2)会使用Dreamweaver等网页设计工具制作网页； (3)能使运用基本的CSS技术设置网页风格； (4)能在网页中嵌入图像、动画、视频等多媒体元素； (5)能运用表格布局并设计网页； (6)能正确运用文字超链接、图像超链接技术设计网页； (7)掌握框架制作网页的方法，会使用框架设计网页； (8)掌握制作表单的方法，会利用表单建立交互式页面； (9)能看懂基本的HTML网页源代码。
(10)会设计网页线框图，并能运用PS进行网页效果图设计 (11)掌握切片的基本原则和基本方法，综合运用网页排版技术进行切片素材排版 (12)熟悉网站项目工作流程，能独立进行中小型网站设计。 3.素质目标 (1)具有信息资料收集与整理能力； (2)具备简单的需求市场分析能力； (3)具有一定的语言表达、沟通和协调能力； (4)具有良好的心理素质和责任意识，能及时完成任务的能力； (5)具有踏实肯干的工作作风； (6)具有一定的创新意识和艺术设计素质 四、内容结构与目标任务
《网页设计与制作》课程标准 课程代码： 502043 参考学时： 90 学分： 4 课程类型：专业课 2015年 1 月编
一、适用专业 计算机应用技术（3年制中职，5年制高职） 二、开课时间 第4学期 三、课程定位 1、课程性质 本课程是计算机应用技术（3年制中职，5年制高职）的专业课程。 2、教学任务 本课程主要以Dreamweaver软件为操作平台，针对职业教育网络技术专业中理论结合实践的特点，以培养高技能应用型人才为目标，重点加强学生的理论基础和训练学生的实际操作能力。在教学知识模块上首先介绍网页的相关知识，学习HTML标记语言，在此基础上深入学习Dreamweaver软件的操作方法以及网页元素在网页中的使用技巧，锻炼学生网页的排版设计能力，最后通过样式表、客户端脚本、服务器行为的学习让学生熟悉并掌握开发简单动态网站的能力。在本课程的实践教学内容中，选取紧密联系实际的项目并进行详细分解，重点培养学生的静态、动态网页制作能力、具备网站的建立和维护能力、独立思考、解决问题以及自主创新的能力。 四、课程培养目标 1、方法能力目标 1)培养学生谦虚、好学的品质； 2)培养学生勤于思考、做事严谨的良好作风； 3)培养学生良好的职业道德； 4)培养学生事物美的观念； 2、社会能力目标 1)培养学生的团队协作精神； 2)培养学生分析问题、解决问题的能力； 3)培养学生勇于创新、敬业乐业的工作作风； 4)培养学生诚实、守信、坚忍不拔的性格。 3、专业能力目标 1)掌握网页设计相关知识、网页元素组成、网页结构、网站开发流程、网页设计与制作工 具； 2)掌握HTML标记语言并能够熟练使用标记元素来书写网页框架；
浅谈网页设计中的版式设计 【摘要】网页设计包含视听元素与版式设计两项内容,而网页的版式设计在整个网页设计中具有重要的作用。它决定了网页的艺术风格 和个性特征,形成了网页整体视觉印象,本文拟就网页设计的版式设计谈谈自己的看法。 【关键词】网页设计;版式设计;布局 1.概念 1.1网页设计网页设计是在Internet的发展和数字技术的发展中出现的新艺术形式。它是以Internet为载体,以网络技术和数字技术为基础,依照设计目的、遵循艺术设计规律,实现设计目的与功能,强调艺术与科学密切结合的一种艺术创造化视觉传达活动。它是网络视觉艺术的主要表现形式,也是设计艺术的重要组成部分,它具有媒体相关性、数字技术性和设计艺术性三大基本内涵。 1.2网页版式设计网页版式设计是指在有限的屏幕空间内,按照设计师的想法、意图将网页的形态要数按照一定的艺术规律进行组织和布局,使其形成整体视觉印象,最终达到有效传达信息的视觉设计。它以有效传达信息为目标,利用视觉艺术规律,将网页的文字、图像、动画、音频、视频等元素组织起来,产生感官上的美感和精神上的享受,充分体现了设计师的艺术风格。 2.网页版式设计的作用 网页版式设计是设计师理性思维与感性表达的产物。它决定了网页的艺术风格和个性特征,并以视觉配置为手段影响着网页页面之间导航的方向性,以吸引浏览者注意力,增强网页内容的表达效果。网页版式设计在整个网页的设计中占有很重要的作用。 3.网页版式设计与传统印刷版式设计的差异网页的版式设计同报纸杂志等平面媒体的版式设计有很多共同之处,但网页的排版与书籍杂志的排版又有很大差异。
印刷品都有固定的规格尺寸,网页则不然,它的尺寸是由读者来控制的。这使网页设计者不能精确控制页面上每个元素的尺寸和位置。而且,网页的组织 结构不像印刷品那样为线性组合,这给网页的版式设计带来了一定的难度。具体表现如下: (1印刷品设计者可以指定使用的纸张和油墨,而网页设计者却不能要求浏览者使用什么样的电脑或浏览器。 (2网络正处于不断发展之中,不象印刷那样基本具备了成熟的印刷标准。 (3网页设计过程中有关Web的每一件事都可能随时发生变化。 (4网页版式设计的不可控制性,即网页设计者无法控制页面在用户端的最终显示效果。 4.网页版式设计的具体要求 网页的设计首先涉及的是页面的版面编排问题。网页作为一种特殊的版面,既有文字,又有图片,还包括一些流动的窗口和流动的附加广告等,内容繁多、复杂。设计时必须根据内容的需要,将这些图片和文字按照一定的次序进行合理的编排和布局,使它们组成一个有机的整体,展现给广大的观众。使其成为与浏览者的沟通手段,让设计所蕴含的主题进入浏览者的心灵,而不仅仅是起装饰作用。 4.1网页版式设计的布局合理化布局不但要单纯、简练、清晰和精确,而且在强调艺术性的同时,更应该注重通过独特的风格和强烈的视觉冲击力,来鲜明地突出设计主题。 (1要通过网页页面结构的分割和造型空间的确立,合理安排组成网页各元素的合理位置。使页面内容和形式有机统一,要具有整体美感。 (2要考虑页面的美观和可读性,还要考虑网络浏览的特性。
网页设计分析与趋势 导语：技术的革新带动了设计行业的的迅猛发展，这使得设计师和开发者有了更广阔的的探索天地。而网页设计也越发不再那么循规蹈矩，许多团队和公司都做了很多思考和创意。所以在我们适应着现代设计潮流的同时，不妨也来看看现阶段网页设计大致的趋势和风格吧。今天这篇文章就带你领略时下热门的网页设计趋势。 1.响应式网页设计（Responsive Web Design） 现在越来越多用户都拥有多种终端：台式机，笔记本，平板电脑，手机，能够适应不同尺寸显示屏的网页是现在的潮流，甚至是未来很长一段时间的设计趋势。那么响应式网页设计就是来解决这个问题的。这种特别的开发方式能保证网页适应不同的分辨率，让网页要素重组，使其无论在垂直的平板电脑还是智能手机上，都能达到最好的视觉效果。 除了多终端的多样化，我们还可以看到我们的电脑屏幕，手机屏幕都在不断变大，而在对未来生活的预测、概念设计里，"屏幕" 这个产物更是被运用到多种新平台上。例如微软发布的"未来生活概念视频"里，厨房、室内墙壁、办公室玻璃墙面都成为了交互平台。所以我们可以发现，响应式网页设计所具备的良好的适应性和可塑性，在未来的网页设计里将占有举足轻重的位置。 2.全屏网页设计（Full Screen Design） 所谓设计不分家，近年来平面设计里"纯净""留白"等概念也被互联网设计吸取，为了更简单明了的突出主体，提供更舒适的感官感受，很多网站开始采用全屏网页设计，
利用精心挑选设计的漂亮背景，加上合理的页面布局，视觉冲击力大可很好的吸引观者注意。通常页面内的文字内容不会特别多（所出现的少量文字加上精美的排版将会变得更加吸引人），主要以图片展示为主。这个样子的网站多用于摄影团队或个人作品集展示会比较常见。虽然简单养眼，但是承载信息有限，公司部门的主页很少见这样的设计。 3.视差滚动设计（Parallax Design） 视差设计可以说是近年来网页设计中的一大突破，也备受推崇。视差滚动是让多层背景以不同速度滚动，以形成一种3D立体的运动效果，给观者带来一种独特的视觉感受。 除此以外，鼠标滚轮的流畅体验，让用户在观看此类网站时有一种控制感，简单来说这是有响应的交互体验。就好像童年看到走马灯，转动它你就能看到人物动起来，还能欣赏故事。视差滚动设计的趣味也在于此。所以无论是网站还是电商商品宣传页都经常采用视差设计，吸引眼球也很受用户喜爱。 4.扁平化设计（Flat Design） 扁平化设计可以说是去繁从简的设计美学。去掉所有装饰性的设计，可以说是对之前所推崇的拟物化设计的颠覆。我们不能妄加评论说这是好还是不好，只能说它提供了一种新的设计思维。扁平化设计是否会成为将来的趋势我们也无法回答，尽管褒贬不一，备受争议，但是就现在来说它是当下的一种潮流。 5.滚动侦测网页设计（Scrollspy）
网页制作的教学设计 一、教学目标 1 、知道站点、主页的概念，能在指定位置建立只有一个网页的站点； 2 、认识FRONTPAGE 的界面； 3 、掌握在主页中插入文字、图片、水平线； 4 、掌握页面文件与图片的保存。 二、教学重点 1 、能在指定位置建立只有一个网页的站点（难点） 2 、能在页面中插入文字、图片、水平线 3 、掌握页面文件与图片的保存（难点） 三、学情分析 学生已经学习了WORD 、POWERPOINT 与上网浏览信息，对计算机的基本操作（WORD 中文档的编辑，网页的浏览等）比较熟练。这使得学生主动探索、自主学习成为可能。每位学生必须完成基本任务，有能力的学生还可以完成提高篇的学习，以充分发挥学生的积极性与自主性。 四、教学方法 在教学中，一方面采用比较教学的方法，促进学生知识的迁移；另一方面，提供学生一个导学课件，让学生根据这个网络环境下的课件自己探索学习，以满足不同层次学生的需求。 五、教学过程设计 教师活动：1 、引入课题：（激发兴趣，活跃气氛） 同学们喜不喜欢上网？经常上新浪、西祠胡同等，有没有同学知道新浪、西祠胡同称做什么？（网站） 浏览新浪网站，浏览的第一个页面称为什么？（主页） 我们还可以浏览其它的页面，点击超链接浏览，当鼠标变成手指的形状时有超链接。 问题1 ：网站是不是就是网页？用自己的语言描述一下网站的概念（网站包含多个网页，
通过超链接把不同的页面链接起来） 问题 2 ：网页是不是就是主页？( 第一个页面称为主页, 网站设计者可以确定哪一个是主页, 主页的文件名一般为：index.htm, 主页也是网页) 设计网站一般必须经过两个步骤，首先是在计算机里做好，然后发布在internet 上，让所有的人访问浏览。 今天我们学习用Frontpage 建立站点，制作一个主页。 先来研究一下没有发布的网站, 打开教师做的网站 问：同学们看到了什么？（文件夹） 总结： 可以这样理解网站：在资源管理器里，网站表现为一个文件夹，里面存放的是所有与网站相关的文件。 打开主页，浏览页面，这是老师做的一个导学课件，将帮助大家完成学习任务。 请学生浏览教师课件，了解学习任务 2 、新建站点 FP 的启动 问：与word 比较，有什么不同？ （增加了视图区，编辑区有三个窗口） 总结： 视图区：多种视图模式是为了方便网站的管理。制作网页时，必须在网页视图中编辑页面 普通窗口：鼠标在闪动，可编辑、修改页面，所见即所得的方式 预览窗口：浏览器中出现的效果，与PowerPoint 中的“放映幻灯片”类似。 Html 窗口：编写HTML （超文本标记语言，它是描述网页内容和外观的标准。） 打开导学软件，根据步骤，示范建立只有一个网页的站点，强调新站点的位置、路径的正确输入，站点的名称。
《网页设计》课程教学大纲 一、课程说明： 课程类别：选修课 适用专业：工商管理、电子商务专业、信息管理与信息系统专业和计算机相关专业、艺术设计专业等。 计划学时：60学时（讲课24学时，上机实验36学时） 学分：4 先修课程：计算机基础 执笔： 审阅： 二、课程的教学目的 以培养应用型人才为目标，充分考虑远程教育学生的学习基础和学习特点。简单介绍HTML语言、CSS样式、javascript语言，全面介绍与网页设计制作有关的知识，通过对Web页制作技术和制作工具的学习，使学生对于网页设计中所涉及的相关知识有一个全面的了解。并使学生具有解决一般网页制作问题的能力。掌握运用Dreamweaver CS6网页制作软件制作网页的方法，掌握运用Fireworks CS6、photoshop cs6图像处理软件进行网页中图形制作版式设计及切片的应用。掌握运用flash CS6动画制作软件设计网页中动画的方法，进而掌握将这四个软件互相配合，完成网页设计与制作任务的方法。为今后从事网页设计与制作工作打下基础。 三、课程教学基本要求： 1、课程重点 掌握网页制作三剑客Dreamweaver、Fireworks、flash及photoshop在网页设计过程中的应用，使学生具备网站策划、网页设计与制作、效果图设计与制作等方面的技能，提高学生分析解决问题能力和项目实施能力，注重学生在学习和实践过程中职业素质的养成。通过学习，使学生熟练掌握运用Dreamweaver网页制作软件制作网页，掌握运用Fireworks、Photoshop图形图像处理软件进行网页中图形图像的设计与制作，掌握运用flash动画制作软件设计网页中动画的方法。 2、课程难点 （1）理解HTML语言各种文本格式、字符格式、段落设置、列表、标记的作用； （2）理解CSS样式表中属性单位的作用和意义； （3）理解javascript语言脚本程序的工作方式； （4）深入理解超级链接、图形图像各种功能和应用； （5）深入理解表格、AP Div、框架、表单的作用； （6）深入理解模板、库、行为和脚本的高级应用； （7）理解网站测试的目的和测试方法； （8）深入理解“切片”和“热点”的涵义和应用； （9）深入理解动画的组成“时间轴”、“场景”、“帧”的涵义及各种动画的制作； （10）理解使用图像设计软件进行版式设计的方法。 3、能力培养要求 （1）了解HTML语言的基本内涵。理解基本标记的用法； （2）掌握在网页中添加CSS样式的方法。熟练使用CSS设置网页格式和列表的格式； （3）熟练掌握网页中文本的输入、特殊字符的插入及字符格式的设置方法； （4）掌握在网页中嵌入图象和多媒体的方法；
浅谈网页设计中的人性化设计 随着互联网技术的快速发展，越来越多的人选择互联网这一方式来浏览和获取信息，而网站为了提升其自身的整体效益，其网页设计必须将满足用户的需求放在首位，让浏览者有良好的用户体验，这就要求网页设计师在进行网页设计时需要通过各种设计手段来体现良好的人性化交互，从而建立起网站和用户之间的情感联系。 标签：网页设计；人性化；交互设计 一、人性化的网页设计的概念 人性化设计是指在设计过程当中，设计师根据人的行为习惯、心理情况、思维方式等等，在原有设计基本功能和性能的基础上，对产品进行优化，使体验者使用起来更加方便。人性化设计是现代科学和艺术、技术与艺术结合的人性回归，科学、技术给设计以坚实的结构和良好的功能，而艺术赋予设计人性美感，使设计产品充满情趣和活力。当设计中的功能已经能够满足人们的需求以后，人们的需求会渐渐转向审美，所以艺术性便会成为一种不可或缺的因素。而就网页设计而言，网页设计的人性化就需要网页设计师要站在网页用户角度，以网站用户需求作为网页设计的基本出发点。 二、网页设计人性化的原因 互联网是以服务为主要目标的，人们对互联网的要求就是简单而又实用，满足人们对一些信息的需求或是可以达到通讯的作用，而当社会的经济水平达到一定程度时，人们就会对互联网产生更高更多的要求，可能着重体现在精神和心理方面。网页设计的主要目的在于满足人类自身的需求和心理需要的，这种设计的目的成为网页设计的一种原动力。人类的设计往往是从一开始的简单而又实用到后来的向人性化的设计方向而发展的，这体现的是一种需要层次逐级上升的反映。 三、网页设计中人性化设计的表现形式 （一）文字的人性化设计 文字是网页界面设计中的一个重要的角色，网站里边可以没有图片，也可以没有动画，但是却不能没有文字，文字是构成网页设计的重要元素，也是浏览者获取信息最重要的方式。文字的人性化设计可以从文字的字体、样式、字号、色彩等属性人手。内容文字的色彩多采用与背景色能够很好区别开的颜色，以便于我们浏览和阅读。 （二）色彩的人性化设计
第三章第10讲网页设计基础知识 考点剖析 【知识要点】 一、基本概念 1.网页 网页一般又被称作HTML文档，是一种可以在互联网上传输，能被浏览器识别和翻译成网面并显示出来的文件。网页分为静态网页和动态网页。 网页要素：文本、图像、多媒体元素、超链接、脚步程序。 2.网站 网站：网站又称Wbe站点，是指在网络上，根据一定的规则，使用网页开发软件制作的用于展示特定内容的相关网页的集合。网站首页的主文件名：index、Default，扩展名依照上面网页。 3.网站、主页与网页的关系 网站是指在网络上，根据一定的规则，使用网页开发软件制作的用于展示特定内容的相关网页的集合，由主页和其他网页组成。用户在浏览器的地址栏输入网址后见到的第一个页面称为主页，主页是网站中所有网页的索引页，通过单击主页上的超链接可以打开其他的网页。 4.制作工具
常见的网页制作工具有DreamWeaver、FrontPage等。 二、Dreamweaver CS3的工作界面 Dreamweaver CS3工作界面主要由标题栏、菜单栏、插入栏。文档工具栏、文档窗口、属性面板、状态栏、面板组等组成，如下图所示。 Dreamweaver CS3工作界面 1.菜单栏 1.菜单栏位于Dreamweaver CS3窗口最上方，提供了各种操作命令。在Dreamweaver 其他版本中，“插入记录”菜单也可能是“插入”菜单。 2.文档工具栏 “文档”工具栏提供了视图模式切换的按钮和与查看文档、在本地和远程站点间传输文档有关的常用命令和选项，如下图所示。 3.文档窗口 文档处理显示当前打开的文档，分为“代码”视图、“设计”视图和同时显示“代码”视图和“设计”视图的“拆分”视图三种视图模式。启动Dreamweaver CS3后，默认的文档窗口视图为“设计”视图。 4.状态栏 状态栏位于文档窗口的底部，用于显示正在编辑的文档有关的信息，如下图所示。
浅析网页设计中的结构美 摘要：随着互联网技术的发展，网页设计也进入发展阶段，各样样式的网页开始呈现在人们眼前，同时也将它们自身的一些缺点与问题暴露了出来。这些问题干扰了网页的视觉美感，降低了设计的审美价值。通过对网页形式美和功能美的分析，将栅格设计融入到网页设计之中，它对网页的设计起到规范与约束的作用，能够提升网页设计的审美性。 关键词：网页设计；视觉美感；审美价值 一、网页设计美的标准 对于美，每个人都有不同的标准，但是我们衡量一个事物的美丑不能只看外表。比如，一个真正美的人不单单是指外貌美，更重要的是指心灵美。网页设计亦是同样的道理，那么怎样评价一个网页的美丑呢？ 从审美性上讲，一个优美的网页首先要有好看的界面设计，网页属于瞬间艺术，当浏览网页的时候浏览者首先看到的是网页的界面设计，因此网页的“外貌”首先要吸引人的注意，使人们看着舒服，看着美。同时现阶段人们随着人们对网页设计重视程度的加大，设计师逐渐将字体设计、版式设计以及配色艺术等多种视觉语言应用于网页设计，使网页的界面设计更加美观。另外从功能性上讲，一个美的网页设计首先在功能上利于人们的阅读，具有科学的、合理的、符合人体工程学的视觉流程，能够使用户能够轻而易举的获取信息。新的科学技术、新的计算机编程语言相继被应用于网页设计中，使网页设计的交互性不断加强，人们在获取信息的同时也能够感受到人机互动带来的触觉、视觉双重感受，增加了网页设计的趣味性。 通过以上可以看出，美的网页设计不仅在形式外观上要能够取悦人心，在功能上还能准确有效的传播信息。因此只有兼备外在形式美与内在功能性的网页才能称之为美的网页设计。 二、网页设计面临的问题 通过实践与教学在具体网页设计过程中经常遇到的问题大体可以分成两大类： （一）视觉引导性弱。造成这样问题的主要原因是页面内容的失控，没有分清主次，想要传递的内容太多太庞杂，没有处理好信息之间的关系从而造成了大量文字、图片等构成元素的堆积，而忽略了整体条理性。同时没有设计章法与秩序对它们进行约束，导致页面的布局的混乱，从而影响浏览者的阅读。 （二）设计细节。第一种是只顾及内心感受，只凭自己的感觉设计，缺少理性思考，没有细节处理。无论是图片质量、字号字体还是颜色搭配，处处都能体现出网页设计的细节问题。第二种，过于在乎细节，将细节当成主要设计元素尽享处理，喧宾夺主，忽视了基本功能，这些过多的细节装饰打破了页面整体布局的统一性。 在网页设计中，大部分设计人员只重视表达网页的表面视觉效果，而忽略设计支撑网页的骨骼框架，才使得现如今很多网页在设计上出现以上问题。 三、栅格设计 15世纪法国的数学家尼古拉斯加宗成功将几何网格与字体设计相结合，这就是栅格设计的雏形。之后人们将这中设计方法运用到平面设计中，直到现在栅格设计在平面设计中仍是一种非常普遍的设计方法，而网页的栅格是从平面栅格