反馈显示与 Web 设计实现

悬停（ホバー）是指把鼠标指针移到画面上的按钮、链接等元素上方，不点击而让它停在那里的状态。

悬停处在按下之前的阶段，因此能成为系统了解用户正在关注哪个元素的线索。系统可以以这一状态为契机作出回应，比如改变元素的颜色，或显示工具提示之类的简短说明。用手指直接触碰来操作的触摸屏没有“把指针移上去”这一阶段，所以只靠悬停来引导的提示有时无法传达给用户。

类比就像手指已经搭在书架上某本书的书脊上，却还没把它抽出来。

记法英语 hover 用来形容鸟或直升机停在半空中悬浮的样子。把它和指针悬浮在元素上方、停住不动的样子联系起来。

翻转（ロールオーバー）是指当指针移到元素上时，该元素的颜色、图像等外观随之切换的效果。

通常移开指针后就会恢复原来的外观，做法是替换图像或改变颜色。外观一变，用户在按下之前就能确认这个元素可以点按，以及自己现在指着的是哪一个。

类比就像有人走近就亮、离开就灭的门廊灯。

记法roll over 的意思是“在上面滚过”。想象指针每次从元素上滚过，图案就一下子翻成另一面。

GUI（Graphical User Interface，图形用户界面）是一种用户界面，在画面上显示图标、按钮、窗口等图形，让用户用鼠标或触摸指向它们来操作。

操作对象都看得见，所以即使不记得命令的名称，也能一边看画面一边选择操作。前面几个单元学过的列表框、菜单等部件，都是构成 GUI 的部件。在 GUI 画面上也有需要打字的场合，为此准备了减少这种麻烦的辅助功能。

类比就像指着带照片的菜单点菜。即使不知道菜名，看一眼就能选。

记法开头的 G 是 Graphical。它和 graph（图表）一样表示“画出来的东西”，记成指着画出来的图来操作。

该术语的过去问 1 题 GUI →

CSS（Cascading Style Sheets，层叠样式表）是用来指定网页的文字颜色与大小、背景、布局等外观的语言。

CSS 的写法是：针对用描述页面内容和结构的语言 HTML 写出的标题、段落等各个部分，分配用什么颜色和大小来显示。把这些指定汇总成一个文件（样式表），让各页面去读取它，那么只要修改这 1 个文件，所有读取它的页面外观就会一起改变。

类比如果说 HTML 是文章的原稿，那么 CSS 就是规定这份原稿用什么字体、什么颜色来印刷的印刷说明书。

记法Style Sheets 就是“写着样式的纸”。想象 1 张只写样式、不写内容的纸，被叠放在许多页上反复使用。

该术语的过去问 3 题 CSS →

移动优先（モバイルファースト）是一种方针：在设计 Web 网站等时，首先考虑在智能手机这类小屏幕移动终端上是否好用。

设计的顺序是先决定小屏幕上放什么，再向宽屏终端扩展显示。在屏幕狭窄、用手指操作的条件下，需要精简要放的信息，并把可点按的部分做大，因此要把这些限制作为设计的出发点。

类比就像先决定好小旅行包里装什么，换成大箱子时只需往里添东西。

记法first 就是“最先、首先”。可以理解成在设计桌上首先摆上移动终端的小屏幕。

该术语的过去问 1 题 モバイルファースト →

响应式 Web 设计（レスポンシブWebデザイン）是一种制作方式，让 1 个网页的布局按显示它的终端的屏幕宽度自动重新排列。

← 图可左右滑动查看 →

不是为每种终端分别准备页面，而是在同一页面中用 CSS 分别写好针对各种屏幕宽度的显示指定，由浏览器选出与屏幕宽度相符的指定来显示。例如，在宽屏上横排 3 列的照片，到了窄屏上就改为竖排 1 列。

类比就像用弹力布做的衣服，1 件就能贴合穿着者的身形。

记法responsive 意思是“迅速回应”。记成页面接到屏幕宽度这个信号，马上回应并改变形状。

该术语的过去问 1 题 レスポンシブWebデザイン →

重定向（リダイレクト）是一种机制，把访问某个 URL 的用户自动转到另一个 URL 的页面。

Web 服务器对访问旧 URL 的请求返回转送目标的 URL，浏览器收到后自动重新打开转送目标。它用于在页面换了存放位置时防止指向旧 URL 的链接和书签失效，也用于把用户从不加密的 http URL 引导到加密的 https URL。

类比就像搬家以后，把寄往旧地址的邮件转投到新地址的邮件转寄服务。

记法由 re（再次）和 direct（指向）组成，意思是“重新指向”。记成把来访者的去向重新指向别处。