网页设计期末复习 选择+简答+大题

概要介绍

        期末复习整理资料。网页设计（web design，又称为Web UI design，WUI design，WUI），是根据企业希望向浏览者传递的信息（包括产品、服务、理念、文化），进行网站功能策划，然后进行的页面设计美化工作。作为企业对外宣传物料的其中一种，精美的网页设计，对于提升企业的互联网品牌形象至关重要。
往期文章
大数据技术原理与应用

数据可视化

选填-----------------------------------------------------------选填

1 色彩的4种角色

• 主色调
  页面色彩的主要色调、总趋势，其他配色不能超过该主要色调的视觉影响。
• 辅色调
• 仅次与主色调的视觉面积的辅助色，是烘托主色调、支持主色调、起到融合主色调效果的辅助色调。
• 点睛色
  在小范围内点上强烈的颜色来突出主题效果，使页面更加鲜明生动。
• 背景色
  -衬托环抱整体的色调，协调、支配整体的作用。

2 网页中使用的视觉元素

• 文字
• 图像
• 色彩
  次要：色彩的RGB模式：光学三原色（红、绿、蓝），颜料三原色（红、黄、蓝）。
  次要：色彩的HSB模式：色相、饱和度、明度。（不同颜色 纯度 亮度的意思）
  次要：颜色分为非彩色（黑色、白色、深浅不一的灰色）和彩色
  次要：间色 二次色 由两种原色搭配 红+黄=橙，黄+蓝=绿，红+蓝=紫
  次要：复色 复合色，由原色与间色相调或间色与间色相调而成的三次色。纯度最低，含灰色成分。
  次要：三原色视觉冲击力最强 复色视觉冲击力最弱
  次要：色彩搭配方案 同类色搭配 邻近色搭配 互补色搭配 对比色搭配
  次要：同类色：色环中距离0-60度的颜色，同一色相中不同的颜色变化。起到色调调和统一
  次要：邻近色：色环中任一颜色同其毗邻的颜色，例如红色和黄色，蓝色和绿色。
  次要：互补色：色轮上的任意颜色以及它的补色的两边颜色。
  次要：对比色：既能得到强烈的对比，又能显得协调。
  （0-次要：色彩的对比：对比与调和就是形式美的变化与统一规律。两色越接近，对比效果越柔和。越接近补色，对比效果越强烈。
  

3 色彩的抖动

出了216种安全色，需要进行插补

4 色彩搭配的原理

• 鲜明性
• 独特性
• 合适性
• 联想性

5 www的三个统一

• 统一的资源定位方式url（统一的资源定位器 网址）
• 统一的资源访问方式：http(超文本传输协议)
• 统一的信息组织方式：html（超文本标记语言）

6 什么是www服务

world wide web（全球信息网）它是一个超文本（hypertext）方式的信息查询工具，服通过http协议传输超文本信息。同时不同网站的相关数据信息有机地编制在一起，通过浏览器提供一种友好的信息查询界面。

7 域名的一些概念，包括域名的作用

域名与主机的关系：多对一
将域名发送给DNS服务器解析得到web服务器的ip地址以进行连接，将域名信息发送给web服务器，通过域名与web服务器设置的“主机头”进行匹配确认客户端请求的是哪个网站。

8 与ip有关概念（ip与域名的关系）

ip地址与域名是一对多的关系。一个ip地址可以对应多个域名，但是一个域名只有一个ip地址。ip地址是数字组成的，不方便记忆，所以有了域名，通过域名地址就能找到ip地址。

9 如何去规划一个网站

需要从三方面思考

• 网站的主题

• 网站的对象

• 网站的内容

这是哪个方面是相互影响和相互作用的

10 div+css布局的优点

• 结构清晰明了，结构，样式和行为分离，带来足够好的可维护性
• 布局更加灵活多样，能通过样式选择实现界面设置方面的更多要求
• 布局改版方便，通常只需要更换对应的css样式就可以将网页编程另外一种风格展现出来
• 布局可以让一些重要的链接和文字信息等优先让搜索引擎抓取，内容更便于搜索
• 增加网页打开速度，增强用户体验

11 div+css布局与表格的对比

从四个方面考虑
布局方式：

• 将页面用表格和单元格分区

• 将页面用div等元素分块

控制元素占据的页面大小：

• 通过标记的width和height属性确定

• 通过css属性width和height确认

控制元素在页面中的位置:

• 插入单元格 插入行或者占位表格

• 通过设置元素marign属性或设置其父元素padding属 性使 元素移动到指定位置

图片的位置：

• 通过图片所在的单元格的位置控制图片的位置

• 即可以通过图片所在元素的位置确定，又可以使用背景的定位属性确定图片的位置

12 动态网页原理

动态网页中含有服务器代码，需要先由web服务器对这些服务器代码进行解释执行生成客户端代码后再发送给客户端浏览器

13 动态网页的执行过程（流程）

1. 浏览器向网络中的WEB服务器发送请求，指向某个动态网页。
2. WEB服务器接受请求信号后，将网页送至应用程序服务器。
3. 应用程序服务器将查询指令发送到数据库驱动程序。
4. 数据库驱动程序对数据库进行查询。
5. 记录集被返回给数据库驱动程序。
6. 驱动程序再将记录集送至应用程序服务器。
7. 应用程序服务器将数据插入网页中，此时动态网页变成普通网页。
8. 应用程序服务器查找网页中的应用程序服务器。
9. WEB服务器将完成的普通网页传回给浏览器

。

15动态网页与静态网页的区别 ppt回答+了本回答

静态网页：是纯粹的HTML页面，页面的内容是固定的、不变的。采用HTML，CSS，JavaScript编写的网页。文件扩展名是.html或者.htm .每个静态网页文件都保存在网站服务器上，每个网页都是一个独立的文件，且内容相对稳定,静态网页一般没有数据库的支持，因此在网站制作和维护方面工作量较大.
动态网页：网页中的内容会根据用户的请求而显示出不同的内容，采采用 PHP、JSP、ASP 、CGI 程序动态生成的网页。文件扩展是 .asp、.jsp、.php、.cgi等。

16 常见的图片格式与特点

17表单元素有哪些（待修改）

文本框、密码框、单选框、复选框

1. form: 定义供用户输入的表单。
2. fieldset: 定义域。即输入区加有文字的边框。
3. legend：定义域的标题，即边框上的文字。
4. label：定义一个控制的标签。如输入框前的文字，用以关联用户的选择。
5. input: 定义输入域，常用。可设置type属性，从而具有不同功能。
   1. text：单行文本输入框，可以通过正整数的size控制框长度。
   2. password：密码输入框。
   3. radio：单选按钮，同一组的单选按钮必须要有相同的name。
   4. checkbox：复选框，同一组的单选按钮必须要有相同的name。
   5. button：普通按钮。
   6. submit：提交按钮，每出现一次，一个 Submit 对象就会被创建。
   7. reset：重置按钮，会重置当前表单中全部的内容。
   8. image：图像形式的提交按钮，写法是“”。
   9. hidden：隐藏域，隐藏字段对于用户是不可见的。
6. textarea: 定义文本域(一个多行的输入控件)，默认可通过鼠标拖动调整大小。
7. button: 定义一个按钮。
8. select: 定义一个选择列表，即下拉列表。
9. option: 定义下拉列表中的选项。

19 网页中传递变量的方法

POST,GET,SESSION,COOKIE，隐藏的表单元素、表单隐藏域

20 404的原因 简单说就是找不到服务器（网页）

简单说就是找不到服务器（网页）

22层叠样式表（css样式表） 在HTML中引入css的方法

HTML和CSS是两种作用不同的语言，它们同时对一个网页产生作用，必须通过一些方法，将CSS与HTML挂接在一起
在HTML中，引入CSS的方法有

• 行内式

• 嵌入式

• 导入式

• 链接式

23div+css 布局 （盒子模型） 常见属性

盒子模型是CSS的基石之一，这个盒子由元素的内容、填充、边框和边界组成。边框border属性 填充padding属性 边界margin属性

24 javascript对象有哪些？自定义对象

var university = new Object()。
JavaScript内置对象，如Date、Math、Array等。例如：
var today = new Date();
实际上，JavaScript中的一切数据类型都是它的内置对象。
浏览器对象
由浏览器提供的内置对象，如window、document、location等

26php语法题

27框架结构布局的特点和适用场合

28URL的完整格式

协议名：//主机名[端口号][/文件夹名/文件名] 主机名通常是域名或ip地址

29在DHTML中把整个文档的各个元素作为对象处理的技术是

DOM

30 虚拟主机的概念

一台主机可以建立多个网站，这些网站的存放方式称为“虚拟主机”通过web服务器设置“主机头”进行区别

简答-----------------------------------------------------------简单

1 网页色彩搭配的基本原理：

• 色彩的鲜明性：网页色彩颜色鲜艳，容易引入注目
• 色彩的独特性：要有与众不同的色彩，使得大家对你的印象强烈
• 色彩的合适性：就是说色彩与你表达的内容气氛相合适，比如粉色体现女性主站点的柔软
• 色彩的联想性：不同的色彩产生的联想不同，蓝色想到天空，褐色想到黑夜，红色想到喜事，选择色彩要与你网页的内涵相关联。

2 动态html由哪四部分组成

• Html
• css
• dom
• javascript

3 动静态网页的区别

静态网页：是纯粹的HTML页面，页面的内容是固定的、不变的。采用HTML，CSS，JavaScript编写的网页。文件扩展名是.html或者.htm .每个静态网页文件都保存在网站服务器上，每个网页都是一个独立的文件，且内容相对稳定,静态网页一般没有数据库的支持，因此在网站制作和维护方面工作量较大.
动态网页：网页中的内容会根据用户的请求而显示出不同的内容，采采用 PHP、JSP、ASP 、CGI 程序动态生成的网页。文件扩展是 .asp、.jsp、.php、.cgi等。

5层叠式样式表(css样式表)的主要作用

（1）简称CSS样式表，CSS具有对网页的布局、颜色、背景、宽度、高度、字体进行控制，让网页按您的美工设计布局的更加美观漂亮。
（2）修改简单
（3）可以独立存在，多个页面可以同时使用

6 session与cookie区别，作用，怎么产生

HTTP协议是无状态的协议，Cookie实际上是一小段的文本信息记录该用户状态，Cookie具有不可跨域名性。客户端请求服务器，如果服务器需要记录该用户状态，就使用response向客户端浏览器颁发一个Cookie。客户端浏览器会把Cookie保存起来。当浏览器再请求该网站时，浏览器把请求的网址连同该Cookie一同提交给服务器。服务器检查该Cookie，以此来辨认用户状态。服务器还可以根据需要修改Cookie的内容。
Session是另一种记录客户状态的机制，不同的是Cookie保存在客户端浏览器中，而Session保存在服务器上。客户端浏览器访问服务器的时候，服务器把客户端信息以某种形式记录在服务器上。这就是Session。客户端浏览器再次访问时只需要从该Session中查找该客户的状态就可以了。

7 网站制作流程

1网站需求分析与定位
2 确定网站内容、风格和功能
3 规划网站栏目
4 设计网页效果图和切图
5 制作静态模板网页
6 绑定动态数据和实现后台功能
7整合与测试网站

8 网页设计注意的问题

• 提供联系地址
• 加强页面内容针对性
• 注意页面色彩协调
• 注意页面通用型
• 按web格式设计网页
• 注意页面图片使用
• 注意页面质量

9 div+css布局的优点

• 结构清晰明了，结构，样式和行为分离，带来足够好的可维护性
• 布局更加灵活多样，能通过样式选择实现界面设置方面的更多要求
• 布局改版方便，通常只需要更换对应的css样式就可以将网页编程另外一种风格展现出来
• 布局可以让一些重要的链接和文字信息等优先让搜索引擎抓取，内容更便于搜索
• 增加网页打开速度，增强用户体验

10表格样式的优点和缺点

优点

• 对于新手而言，容易上手，尤其对于一些布局中规中矩的网页，更让人首先想到excel，进而通过使用table去实现它。
• 表现上更加“严谨”，在不同浏览器中都能得到很好的兼容
• 通过复杂的表格套表格的形式，也可以实现比较复杂的布局需求。布置好表格，然后将内容放进去就可以了。
• 它可以不用顾及垂直居中的问题。
• 数据化的存放更合理。

缺点

• 标签结构多，复杂，在表格布局中，主要是用到表格的相互嵌套使用，这样就会造成代码的复杂度更高！
• 表格布局，不利于搜索引擎抓取信息，直接影响到网站的排名

11javascript java区别联系

基于对象和面向对象：Java是一种真正的面向对象的语言，JavaScript是一种基于对象和事件驱动的编程语言(脚本语言)。
解释和编译：Java的源代码在执行之前，必须经过编译。JavaScript是一种解释性编程语言，其源代码不需经过编译，由浏览器解释执行。
强类型变量和类型弱变量：Java采用强类型变量检查，即所有变量在编译之前必须作声明；JavaScript中变量是弱类型的，甚至在使用变量前可以不作声明，JavaScript的解释器在运行时检查推断其数据类型。
代码格式不一样

12 什么是DHTML？其优点是什么

DHTML是Dynamic HTML的简称，就是动态的html，是相对传统的静态的html而言的一种制作网页的概念。所谓动态HTML，其实并不是一门新的语言，它只是HTML、CSS和客户端脚本的一种集成。DHTML不是一种技术、标准或规范，只是一种将目前已有的网页技术、语言标准整合运用，制作出能在下载后仍然能实时变换页面元素效果的网页设计概念。
从四个部分解释其优点：

• HTML 4.0:所有的格式化（信息）可移出HTML文档，并写入一个独立的样式表中。使得文档的编辑更方便灵活、格式化。

• CSS:CSS 使开发者有能力同时控制多个网页的样式和布局，可以使页面布局和格式比 HTML更精确。

• DOM:文档对象模型(Document Object
  Model)，它为HTML文档定义了一个与平台无关的程序接口。使用该接口可以控制文档的内容、结构和样式，Web开发人员借助DOM可以在其
  Web页中引入动态和交互式内容，而不必依赖于Web 服务器来提供新的内容或改变现有内容的显示方式。

• 脚本语言:其结构简单，使用方便，易学易懂。它的代码可以直接嵌入HTML文档之中，无需编译就可在支持JavaScript的浏览器中解释运行。

13 网页设计需要注意的问题

大题-----------------------------------------------------------大题

1 网站设计流程及其要点

• 网站制作设计的流程，以及要点

• 网站需求分析与定位

  • 明确目标，清除用户的真正需求

  • 有效沟通，需要深入企业内部，熟悉用户的业务流程

• 确定网站内容、风格和功能

  • 基本功能：信息发布与维护，信息查询，留言本 ，网上订货， 在线招聘等

• 规划网站栏目

  • 根据企业单位业务的侧重点，结合网站单位来确定网站的栏目

• 设计网站效果图和切图

• 制作静态模板网页

  • 根据网站效果图设计网站的静态模板页面

• 绑定动态数据与实现后台功能

• 整合与测试网站

2 第九章session与cookie实现购物车的原理及其代码

  文章纯属期末复习整理，如有不足和错误的地方，希望评论指出或私信。
最后希望给文章点个赞，整理不易！！！
最后希望给文章点个赞，整理不易！！！
最后希望给文章点个赞，整理不易！！！