网页设计选择填空部分知识点

期末复习整理自用

1.网页色彩的4种角色

• 主色调

页面色彩的主要色调、总趋势，其他配色不能超过该主要色调的视觉影响

• 辅色调

仅次与主色调的视觉面积的辅助色，是烘托主色调、支持主色调、起到融合主色调效果的辅助色调。

• 点睛色

在小范围内点上强烈的颜色来突出主题效果，使页面更加鲜明生动。

• 背景色

衬托环抱整体的色调，协调、支配整体的作用。

2.网页的规划步骤（仅参考）

• 分析需求，定位目标浏览对象
• 确定网站内容、主题和功能
• 规划网站栏目，建立网站结构

3.网页的三种视觉元素

图像、文字、色彩

4.网页中常见图片格式

常见的图片格式有JPG、GIF、PNG，这三种都是压缩形式的图像格式，容量较小适合网络传输。

5.域名与主机（IP）、域名与DNS的关系、域名的作用

• 域名是由一串用点分隔的名字组成的标识，是网络上某一台计算机或计算机组的名称，用于在数据传输时进行定位。
• IP地址是一种统一的地址格式，它为互联网上的每一个网络和每一台主机分配一个逻辑地址。例如：
• IP地址和域名在某些方面可以理解为等效关系,DNS则是关联IP和域名的系统，将域名映射到对应的IP。例如www.baidu.com对应的IP地址为104.193.88.123

域名和主机(IP)的关系:

在Internet上域名与主机(IP地址）之间是多对一的，即在一台主机上可建立多个网站，这些网站的存放方式称为“虚拟主机”，通过web服务器上设置“主机头”进行区别。

域名和DNS的关系：

域名的虽然便于人们记忆，但机器之间只能互相认识IP地址，它们之间的转换工作称为域名解析，域名解析需要由专门的域名解析服务器DNS来完成，域名的最终指向是IP。

域名的作用：

• 方便人们记忆。
• 将域名发送给DNS服务器解析得到web服务器的IP地址以进行连接。
• 将域名信息发送给web服务器，通过域名与web服务器上设置的“主机头”进行匹配确认客户端请求的是哪个网站。

6.什么是虚拟主机技术

虚拟主机，是通过虚拟化技术，将一台运行于互联网的服务器划分成多个“虚拟”的服务器，这些空间，均具有一定的服务器权限，可以实现完整的web服务功能。我们使用虚拟主机可以搭建网站，搭建应用等。

1、虚拟主机主要用什么方式实现？

虚拟主机实现方式主要有三种：网址名称对应（Name-based）、IP地址对应（IP-based）以及Port端口号对应（Port-based）。

2、虚拟主机有什么用处？

虚拟主机可以运用于搭建网站、数据共享平台、数据库存储平台、软件应用服务器等。

3、虚拟主机有什么优点？

性价比高、易于操作、即开即用、管理方便

4、购买虚拟主机需要考虑什么因素？

购买虚拟主机，需要考虑稳定性、速度、空间、月流量、带宽线路等。

7.div+css布局特点、优点

布局特点

• 将页面用div等元素分块，利用网页元素本身的盒子模型在页面上排列和嵌套，进行布局。
• 通过CSS确定各块的位置和大小以及相互关系

优点

• 代码精简，易调整
• 表现和结构分离，易维护
• 提升了网页访问速度
• 适合搜索引擎抓取

6.动态网页的工作原理（执行过程）、动态网页与静态网页的区别

原理：

通过在服务器端运行的程序和数据库，来使网站具有更多自动的和高级的功能，据某种条件的变化，返回不同的网页内容。

执行过程：

服务器端接到客户端发出的请求后，首先会找到所要浏览的动态网页文件，

然后解释执行其中的程序代码，将含有程序代码的动态网页转化为标准的静态网页，

然后将静态网页发送给客户端，客户端浏览器将html页面显示成页面呈现给用户。

主要区别：

• Web服务器对它们的处理方式不同。

当Web 服务器接收到对静态网页的请求时，服务器直接将该页发送给客户浏览器，不进行任何处理。

如果接收到对动态网页的请求，则从 Web 服务器中找到该文件，并将它传递给一个称为应用程序服务器的特殊软件扩展，由它负责解释和执行网页，将执行后的结果传递给客户浏览器

8.url统一资源定位器的一般格式：

[]表示可选

举例：http://www.runoob.com/html/html-tutorial.html

9.网页的组成部分

根据W3C标准，一个网页主要是由三部分组成：结构(HTML)、表现(CSS)、行为(JavaScript,简称JS)。

• 结构层 HTML/HTML5

网页的骨架，HTML是网页内容的载体，内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。

• 样式层 CSS/CSS3

CSS样式是表现。就像网页的外衣，比如，标题字体、颜色变化，或为标题加入背景图片、边框等，所有这些用来改变内容外观的东西称之为表现。

• 行为层 Javascript

JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮换。可以这么理解，有动画的，有交互的一般都是用JavaScript来实现的。

10.表单中的元素

表单的基本元素:

辅助元素:

html5新增元素：

11.页面当中变量传递方式

在web页面中参数的传递方法有多种，包括但不限于

（1）Session

session对象是用来记录浏览器端的变量，是个别浏览器端专用的变量，对于每一个浏览器访问时都会自动产生一个seseion对象，该对象提供一个存储场所，用来存储仅仅对该访问者在会话的活动期间打开的网页可用的变量和对象。这样就用可以用来在Web间传递专对单个浏览器端使用的数据。

（2）Cookie

cookie是在浏览页面时Web服务器在浏览器端所写入的一些小文件，cookie是存放在浏览器端本机磁盘上，而不是存放在服务端的。可以在发送数据时写入cookie，接收时读取cookie完成数据在Web页面间的传送。

（3）URL地址中的参数

URL方式是实现Web间数据传递最基本的方法，操作简单，可很方便地实现不同Web页面间的数据传递，但其安全性比较差。将要传递的数据附加在网页地址(URL)后面进行传递。

（4）通过表单的隐藏域来传递数据

表单中的隐藏域是用来收集或发送信息的不可见元素，对于网页的访问者来说，隐藏域是看不见的。当表单被提交时，隐藏域就会将信息用你设置时定义的名称和值发送到服务器上，从而实现web页面间的值传递。

12.框架结构

元素：定义一个框架集，它被用来组织多个窗口。每个窗口都是一个独立的html界面。 有两个参数，cols和rows。cols：列的数目和尺寸。rows：行的数目和尺寸。 只能用一个参数。要么是 rows，要么是 cols，不能同时定义。

13.404状态码

404代表客户端在浏览网页时，服务器无法正常提供信息，或是服务器无法回应且不知原因。

14.CSS层叠性

CSS层叠性就是浏览器处理冲突的一个特性。

• 如果多个选择器定义的规则不发生冲突，则元素将应用所有选择器定义的样式。
• 如果一个属性中设置了多个选择器，那么这个时候只会有一个选择器起到作用，其他的选择器都将会被层叠的部分去掉。

CSS规定选择器的优先级从高到低为：

行内样式 > ID样式 > 类别样式 > 标记样式

总的原则是：越特殊的样式，优先级越高。

15.盒子模型

每个HTML元素都可以看作是一个装了东西的盒子。盒子里面的内容（content）到盒子的边框之间的距离即填充(padding),盒子本身有边框(border),而盒子边框外和其它盒子之间还有边界(magin)。