웹 개발 (A) 기준

소프트웨어 아키텍처

C / S 구조

개념 :

  C는 받는 사람을 의미 클라이언트 사용자, 클라이언트, 클라이언트,

  S는 수단 서버 로직, 서버 처리 소프트웨어

  예를 들면 : QQ , 사무실 및 기타 소프트웨어

특징 :

  사용자는 클라이언트 액세스 서버를 통해 클라이언트 소프트웨어를 설치해야

  소프트웨어 업데이트, 서버와 클라이언트를 업데이트해야하는 경우

  C / S의 아키텍처는 크로스 플랫폼 소프트웨어가 될 수 없습니다

  상대적으로 안전, 자유를 사용하여 클라이언트와 서버 통신 프로토콜

B / S 구조

개념 :

  B가 받는 의미 브라 우어, 브라우저, 특별한 클라이언트로 볼 수있다

  예를 들어 : 공식 웹 사이트 Jingdong, 거의 그물 공식을 알고

특징 :

  사용자는 웹 양식에 액세스하기 위해 브라우저를 통해 서버에 액세스

  전용 서버를 업데이트해야

  크로스 플랫폼 (브라우저 만 시스템)

  클라이언트와 서버가 공통 사용하여 통신 HTTP의 프로토콜을, 상대적으로 안전하지 않은 ( HTTPS 이상의 HTTP 안전한 사이트)

 

웹 사이트는 받아 사용자에게 표시 결과를 분석하기 위해 서버, 서버, 클라이언트 (브라우저) 액세스하는 일련의 문서를 반환하는 것입니다

당신은 파이썬 개발 서비스 측의 HTML과 네트워크를 통해 사용자에게 전송 다른 문서를 사용할 수 있습니다

 

 

 

전체 스택 개발

개발 프로세스

 

 

 

경로 추천 학습

HTML

구조

페이지 기술 요소

CSS

표시

요소의 스타일 설정

JS

행동

사용자 작업

 

관련 단체

W3C의 ( 세계 WID 웹 컨소시엄 , 월드 와이드 웹 컨소시엄)

  관련 표준에 의해 설정 특별한 웹 페이지를 정의하려면

WHATWG (웹 하이퍼 텍스트 응용 기술 워킹 그룹)

  네트워크는 HTML5의 촉진 을 목적으로 설립 된 표준 조직

문제를 코딩

아리

  진

  팔 진법

  소수

  진수 : . ... 1 2 3 4 11 9 ABCD ... 12이다 F.

코딩

특정 규칙에 따르면, 바이너리 (에 문자 01 과정에서)

디코딩

캐릭터의 과정에 특정 규칙에 따르면, 바이너리 코드

문자 집합

개념 : 인코딩 및 디코딩을위한 규칙은 문자 세트 이어진다

일반적인 문자 세트

  ASCII , 미국 제, 7 비트 이진수, (128) - CHARACTER 인코딩

  8859-1-ISO , 유럽 만든, 8 진수를 비트

  GBK , 중국어 내부 코드 사양 상향 지원 ISO 10646.1 국제 표준, 하향 GB 2312 호환 인코딩

  GB2312 , 중국어 문자 코드화 된 문자 세트와 기본 인코딩 정보 교환, 중국어 시스템

  유니 (두 바이트의 16 문자, 일본어 진수로 표시) 아스키 제로 패딩 높은 코드

  UTF-8 , UTF ( 유니 코드 포맷 변환 )을 해결 유니 확대로 인한 높은 제로 업 공간. 유니 코드 지원 전역 텍스트

  ANSI 파일을 저장하기 위해 자동으로 기본 코딩 시스템을 말한다

    중국어 간체, 중국어 윈도우 운영 체제, ANSI 의 코딩 표현 GBK 코딩;

    중국어 번체에서 윈도우 운영 체제, ANSI는 대표에게 코딩 된 Big5를 ;

    일본에서 의 Windows 운영 체제, ANSI 의 표현 코딩 은 Shift_JIS의 인코딩을

왜곡

근본 원인 :

  인코딩 및 문자 세트의 복호 일관성 사용

  브라우저 중국어 시스템에서 기본으로 사용 GB2312의 디코드

솔루션

  문자의 균일 한 세트를 사용하여

  예를 들면, HTML의 설정 < 메타  캐릭터 = "UTF-. 8"  />

개발 도구

텍스트 편집기

메모장

메모장 ++

IDE 통합 개발 환경

드림위버 (추가 요금)

WebStorm (추가 요금)

HBuilder

포토샵

바로 가기

픽셀 규모와 문자를 설정합니다

편집 - 환경 설정 - 단위 및 자

직원

Ctrl 키 + 2

확대 / 축소

Alt + 풀리

100 %의 크기

Ctrl 키 + 1

화면에 맞추기

Ctrl 키 + 0 (영)

정보보기

F8

숨기기 /보기 가이드

Ctrl 키 + H

연속 철수

Ctrl + Alt + Z

생산 스프라이트 다이어그램 (그림 통합 기술)

PS 캔버스 요소에 드래그; 캔버스 연장 방향의 크기를 조정으로 저장 , 일반적으로 사용되는 형식 PNG ;

그림에서 사용할 수 있습니다, 로고 에 넣고 스프라이트 지도

통합 기술의 사진은에 배경 이미지 적용 의 img 요소를 사용할 수 없습니다

스크린 샷 기술

PS 홀드 다운 고도를 절단 한 후, 해당 레이어의 사진을 볼 수 있습니다, 눈의 레이어를 클릭,

입체 영상의 효과, 그리고 PS는 그 음영 떠나 PNG를

배경 그라데이션 인터셉트 들어 1 픽셀 이미지 - - A와 저장된 사용 형태의 배경 화상 을 반복해서 얻어지는 그라데이션 효과

어려운 촬영 로고 , 모바일 도구를 자동으로 선택된 레이어를 선택하고 보조 라인은 촬영 로고 . 로고 일반적으로 투명한 배경, 가로 챌 수 있도록 로고 , 숨겨진 배경, 투명 배경으로 표시하고 저장된으로 형식이 사용

추천

출처www.cnblogs.com/dreamer-lin/p/11703444.html