码迷,mamicode.com
首页 > Web开发 > 详细

Web开发(一)基础

时间:2019-10-19 12:49:18      阅读:111      评论:0      收藏:0      [点我收藏+]

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

软件架构

C/S架构

概念:

  Cclient,客户机、客户端,供用户使用

  Sserver,服务器,处理软件的逻辑

  例如:QQOffice等软件

特点:

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

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

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

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

B/S架构

概念:

  Bbrower,浏览器,可以看做特殊的客户端

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

特点:

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

  只需要更新服务器

  可以跨平台(只需要系统中有浏览器)

  客户端和服务器通信采用通用的HTTP协议,相对不安全(httpshttp的网站更安全)

 

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

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

技术图片

 

 

 

全栈开发

开发流程

 技术图片

 

 

学习路线推荐

HTML

结构

用元素描述页面

CSS

表现

设置元素样式

JS

行为

相应用户操作

 

相关组织

W3Cworld 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-8UTFUnicode 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,使用移动工具,选中 自动选中 图层,再利用辅助线截取logologo通常背景为透明,所以截取logo时,将背景隐藏,显示为透明背景时再保存为web所用格式

Web开发(一)基础

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

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!