根据课堂笔记摘抄

1、CMS优点的关键在于将内容与表示代码分离, WordPress和Drupal是流行的内容管理系统, 内容管理系统的主要功能之一是编辑角色形式化，并为内容创建和发布创建一个有组织的工作流。

2、通常，位于页面body内的区域使用分区标签div或文本级范围span来进行功能分割。例如，绝大多数Web页面都有页眉、页脚、内容和导航区域，它们全部使用可以被寻址和使用CSS进行可视样式化处理的已命名的通用。

3、唯一已命名的页面元素能进行完全的程序控制及完全的样表式控制，除非页面元素有自己的名字，否则不能使用CSS和JavaSscript处理。, 唯一已命名的页面分区允许你对特定的页面区域和内容块更轻松地应用可视化样式，功能更强大。, 唯一已命名的页面会给未来留下更多的选择，这是因为新的Web内容显示设备和样式表类型都在改进，如果页面和内容都包含在一致的、系统命名的页面分区中，网站的转变会更容易。未来要将网站更改为全新的内容管理体系更容易。

4、“流式” （fluid） 或灵活（flexible）的页面布局结构中，度量单位与浏览器窗口的大小成正比例的关系。, CSS3媒体查询，确定相应的浏览器屏幕的宽度和响应。

5、购物车的链接通常放在标题的右上角, 浏览网页时，读者通常会忽略那些包含广告或者看起来像包含广告的区域, 网页的主要内容关键词最好放在“h1”标题内。

6、导航是一种用途广泛、易于理解的导航设备，在具有深度内容组织的大型站点中尤其有用, 将面包屑整合进页眉顶部是最好的, 面包屑导航的位置也在主要导航下面。根据大多数用户界面和眼睛跟踪研究，用户可以快速适应网页的左列或最右栏中的内容导航，只要在所有页面上布局导航时都一致。左侧的导航列比较常见，因此所有网络用户都熟悉它们，因此具有可用性的优势。右侧的导航栏更常被外部或更多的圆括号“相关链接”或广告主导。主要用户期望正确的列包含广告表明，您使用的任何右栏导航链接应与广告看起来非常不同，否则您的导航可能被许多用户忽略。

7、以开放格式的 xml 文件类型保存的一种矢量图，直接用于网页上。 → 可伸缩矢量图形 SVG, 一种简便方法，把数十甚至数百个矢量符号和图标，一次以非常紧凑的形式加载至网站中。 → 图标字体, 是由像素 (pixels，也就是图片元素) 为基本单元所组成的细粒网格。 → 位图／点阵图 或称 光栅图, 单靠 css 代码在网页上的使用，可加配有阴影丶边缘丶阴影丶悬停和点击状态等等效果。 → CSS 图形, 使用线条丶多边形丶点丶曲线和填充效果的数学描述来创建图像，像 Adobe Illustrator (.ai) 文件。 → 矢量图

8、@media查询标签有以下作用:决定屏幕宽度, 决定显示的分辨率, 决定分辨率与显示的物理大小之间的区别。

9、渐进式JPEG图像比标准的JPEG文件往往需要更长的时间来逐步加载到页面上。, JPEG压缩使用了一种复杂的数学技术，称为离散余弦变换，以产生图形压缩的滑动比例。

10、JPEG图形在压缩和在现代显示屏幕和打印使用方面都有很好的效果, 在JPEG格式工作时，最好只在原始文件的副本上工作.