Web开发（一）基础

软件架构

C/S架构

概念：

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

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

　　例如：QQ、Office等软件

特色：

　　软户须要安装客户端，经过客户端访问服务器

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

　　C/S架构一个软件不能够跨平台

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

B/S架构

概念：

　　B指brower,浏览器，能够看作特殊的客户端

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

特色：

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

　　只须要更新服务器

　　能够跨平台（只须要系统中有浏览器）

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

 

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

能够使用python开发服务端，将html等文件经过网络发送给用户

 

 

 

 

全栈开发

开发流程

 

 

 

学习路线推荐

HTML	结构	用元素描述页面
CSS	表现	设置元素样式
JS	行为	相应用户操做

 

相关组织

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

快捷键

设置标尺和文字单位为像素	编辑-首选项-单位与标尺
标尺	Ctrl + 2
放大/缩小	Alt + 滑轮
100%大小	Ctrl + 1
适应屏幕大小	Ctrl + 0（零）
查看信息	F8
隐藏/查看辅助线	Ctrl + H
连续撤销	Ctrl + Alt + Z

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

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

能够将经常使用的图片、logo都放入一张sprite图

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

截图技巧

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

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

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

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