学习笔记
为了之后更好地学习网页设计知识，特作此文档，针对考试时与操作时曾有过的疑难问题与知识点积累进行记录存档并会持续更新
1、理想Web页面优化后有明确的编辑内容重心。在页面中采用的关键字和词来说，有其页面元素按重要性序号：
1、页面标题
【html的
2、页面顶部的主要标题
【meta 标签对搜索引擎排名没有多大的贡献, 但是对于在你主页上的 “描述” meta 标签的文本是很重要的, 因为像 Google 这样的搜索引擎经常在 serp 上使用你的网页标题链接下面的文本。】
3、页面前几段内容
【你的关键词和短语都应该出现在这里, 但不能太过火。】
4、链接到其他页面的文字
5、页面上所有相关图形的替代文字
【始终使用链接代码的 alt 和 title 属性提供对图片或视频内容的准确描述。】
6、HTML文件名以及网站目录的名字
【大多数 web 创作程序 (如 Dreamweaver 或 cms 程序) 将提示您输入图像的替代说明性文本 (“alt 文本”), 或链接 “标题” 标签的描述性文本。使用准确描述链接材料的语言。】
如果页面明显超出了与关键字相关的语言的这些正常统计参数, 那么其内容可能会 de-ranked, 因为它与用户的搜索关键词无关。
2、网页图像的5种基本类型
一种简便方法，把数十甚至数百个矢量符号和图标，一次以非常紧凑的形式加载至网站中。 → 图标字体
使用线条丶多边形丶点丶曲线和填充效果的数学描述来创建图像，像 Adobe Illustrator (.ai) 文件。 → 矢量图
以开放格式的 xml 文件类型保存的一种矢量图，直接用于网页上。 → 可伸缩矢量图形 SVG
单靠 css 代码在网页上的使用，可加配有阴影丶边缘丶阴影丶悬停和点击状态等等效果。 → CSS 图形
是由像素 (pixels，也就是图片元素) 为基本单元所组成的细粒网格。 → 位图／点阵图 或称 光栅图
3、网络技术框架平台， 提供和支持的东西远远超过基本的链接和基于表单的交互。而为媒介而设计有以下几项核心要点：
-
由於用户可能出现在任何页面上→ 无死胡同頁 NO DEAD-END PAGES
-
由於用户希望以尽可能最少的步骤获取信息 → 直接访问 DIRECT ACCESS
-
由於用户使用的装置各类型都有 → 显示屏 DISPLAYS
-
由於用户想知道她在哪，有什麽选项及功能 → 反馈和对话框 FEEDBACK AND DIALOG
-
由於用户不会容忍长时间的延迟。研究表明，对于大多数计算任务，超过大约是十秒的门槛，用户感到挫折。→ 带宽和交互 BANDWIDTH AND INTERACTION
-
由於用户要精确及可靠信息 → 完整性和稳定性 INTEGRITY AND STABILITY
-
由於用户不喜复杂，要即时及正确信息→ 简洁性和一致性 SIMPLICITY AND CONSISTENCY