网络设计的基础
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
②提高效率:用户学习一次后就能高效使用
③便于记忆:暂时不用,重新使用时也能马上使用
④减少错误:错误的发生率低,即使发生错误,也能发上恢复。
⑤提升满意度:让用户觉得满意,感兴趣,能愉快的使用