Web开发（一）基础

标签：round   选项   放大   文本编辑   裁剪   样式   客户端访问服务器   文字   src   

软件架构

C/S架构

概念：

　　C指client，客户机、客户端，供用户使用

　　S指server，服务器，处理软件的逻辑

　　例如：QQ、Office等软件

特点：

　　软户需要安装客户端，通过客户端访问服务器

　　软件更新时，服务器和客户端都需要更新

　　C/S架构一个软件不可以跨平台

　　客户端和服务器通信采用自由协议，相对安全

B/S架构

概念：

　　B指brower,浏览器，可以看做特殊的客户端

　　例如：京东官网、知乎官网等

特点：

　　用户通过浏览器访问网页的形式访问服务器

　　只需要更新服务器

　　可以跨平台（只需要系统中有浏览器）

　　客户端和服务器通信采用通用的HTTP协议，相对不安全（https比http的网站更安全）

网站就是在访问服务端，服务端返回系列文件，客户端（浏览器）接收并解析，将结果展现给用户

可以使用python开发服务端，将html等文件通过网络发送给用户

全栈开发

开发流程

学习路线推荐

相关组织

W3C（world wid web consortium，万维网联盟）

　　专门为了定义网页相关标准而成立的

WHATWG（网络超文本应用技术工作小组）

　　一个以推动网络HTML5标准为目的而成立的组织

编码问题

进制

　　二进制

　　八进制

　　十进制

　　十六进制： 1 2 3 4 .. 9 A B C D .. F 11 12

编码

依据一定规则，将字符转为二进制（0 1）的过程

解码

依据一定规则，将二进制码转为字符的过程

字符集

概念：编码和解码所遵循的规则就是字符集

常见字符集

　　ASCII，美国造，7位二进制数，128个字符编码

　　ISO-8859-1，欧洲造，8位二进制数

　　GBK，汉字内码扩展规范，向上支持 ISO 10646.1国际标准，向下与 GB 2312 编码兼容

　　GB2312，信息交换用汉字编码字符集，中文系统默认编码

　　Unicode，用两个字节（16位二进制）表示一个字符，原有的ASCII码高位补零

　　UTF-8，UTF（Unicode Transformation Format）的一种，解决Unicode高位补零带来的空间扩大问题。万国码，支持全球文字

　　ANSI指自动以系统的默认编码来保存文件

　　　　在简体中文Windows操作系统中，ANSI 编码代表 GBK 编码；

　　　　在繁体中文Windows操作系统中，ANSI编码代表Big5；

　　　　在日文Windows操作系统中，ANSI 编码代表 Shift_JIS 编码

乱码

根本原因：

　　编码和解码所采用的的字符集不一致

　　在中文系统的浏览器中，默认使用GB2312进行解码

解决方法

　　使用统一的字符集

　　例如在html中设置 <meta charset="utf-8" />

开发工具

文本编辑器

记事本

Notepad++

IDE集成开发环境

Dreamweaver（收费）

WebStorm（收费）

HBuilder

Photoshop

快捷键

制作Sprite图（图片整合技术）

ps调整画布大小、扩展方向；拖拽元素至画布；另存为web所用格式，通常用png；

可以将常用的图片、logo都放入一张sprite图

图片整合技术适用于背景图片，对img元素不可用

截图技巧

ps中按住alt，点击图层的眼睛，可以只看到该图层上的图片，再进行裁切

有立体效果的图片，再ps中将其阴影保留为png

对于渐变的背景，可以截取1px，图像-裁剪-存储为web所用格式，在background-image中进行重复，实现渐变效果

难以截取的logo，使用移动工具，选中 自动选中 图层，再利用辅助线截取logo。logo通常背景为透明，所以截取logo时，将背景隐藏，显示为透明背景时再保存为web所用格式

Web开发（一）基础

标签：round   选项   放大   文本编辑   裁剪   样式   客户端访问服务器   文字   src   

原文地址：https://www.cnblogs.com/dreamer-lin/p/11703444.html