网络设计的原理(二)——桧山佐知子

网络设计的基础

1、HTML基础:

HTML通常使用 <元素名>内容,即开始标签和结束标签记述内容。

HTML的文件型包括:严格型strict,过渡型transitional,框架设计定型frameset。

外层元素html:最外层元素,其他元素都包含在html中,子元素head和body

文件信息head:指定文字编码的meta元素和指定文件标题的title元素,meta元素中可记述keywords和description,将有利于搜索引擎的检索。此外还有link元素,指定外部的css文件,script文件。

网页内容body:body中使用的元素大部分可分为块级元素和内联元素。(块级元素会自动换行,内联元素为行中元素,显示在一行)

常用的块级元素:h1~h6,p,ul,ol,dl,div,address

常用的内联元素:a,img,em,strong,br

超链接和路径:

URL由3部分构成:①协议名;②提供文件存储的主机名;③文件自身的路径

绝对路径:指全称路径,即从协议名开始的所有记述内容,可用于外部网站也可用于内部网站。

相对路径:仅指定路径的一部分,通常用于在同一网站内。

2、CSS基础:

书写规则:选择性+声明

将CSS应用于HTML中:①可通过作为外部文件引入,在head中用link元素;②在指定的元素中直接使用style元素记述。

CSS选择器的种类:①id选择器;②class选择器;③全局选择器;④群组选择器;⑤后代选择器。

伪类:通常可用于a标签的状态。常用的有:link  :visited   :hover    :active

CSS的优先级:浏览器-用户-制作者

在选择器相同的情况下,后被读取的具有更高的优先级。

多个CSS文件中,最后指定的文件拥有优先级

id选择器>class选择器>类型选择器>全局选择器

CSS的盒子模型:

边距领域:margin; 边界领域:border;间隙领域:padding;内容领域。

网络可用性:

①便于了解:用户能尽快上手操作,即don't make me think

②提高效率:用户学习一次后就能高效使用

③便于记忆:暂时不用,重新使用时也能马上使用

④减少错误:错误的发生率低,即使发生错误,也能发上恢复。

⑤提升满意度:让用户觉得满意,感兴趣,能愉快的使用

你可能感兴趣的:(网络设计的原理(二)——桧山佐知子)