1. 웹이란 무엇인가?
웹상의 일반적인 것들은 하이퍼텍스트, 하이퍼미디어, 하이퍼텍스트 전송 프로토콜의 세 가지 일반적인 형태로 제공되는 웹사이트와 웹 페이지입니다. 웹 개발은 웹 사이트 개발입니다. 웹 사이트는 수많은 웹 페이지로 구성되며, 웹 페이지는 일련의 태그 코드와 데이터 코드로 구성됩니다. 웹 개발은 이러한 코드를 브라우저가 이해할 수 있는 태그에 작성하는 과정이며, 브라우저가 이를 승인한 후에는 일반 사람들이 볼 수 있습니다.
웹 프런트엔드는 주로 프런트엔드 브라우저의 표시 효과를 담당합니다. 웹 프런트엔드 페이지가 표시될 때 이러한 데이터는 백그라운드 Java 프로그램 또는 C++ 프로그램에서 제공됩니다. 이러한 시스템 아키텍처를 B/S 구조 시스템(B: 브라우저, S: 서버)이라고 합니다.
1. 웹 관련 용어 소개
(1) www는 월드 와이드 웹(World Wide Web)의 약어로, 월드 와이드 웹(World Wide Web)이라고도 알려진 글로벌 광역 네트워크(Global Wide Area Network)라고 합니다.
(2) 웹은 http 프로토콜을 기반으로 하는 글로벌하고 역동적인 크로스 플랫폼 분산 그래픽 정보 시스템입니다. 가장 일반적인 것은 웹사이트 서비스입니다.
(3) 웹사이트는 여러 웹페이지의 모음입니다.
(4) 웹페이지는 브라우저를 통해 표시되는 HTML 파일이며 그림, 텍스트, 링크, 사운드 등을 포함합니다.
(5) 웹페이지가 분석되어 브라우저에 표시됩니다.
2. 웹 애플리케이션
소위 웹 애플리케이션은 특히 우리가 일반적으로 브라우저를 통해 여는 일부 애플리케이션, 즉 웹사이트를 의미합니다. Weibo, Moments, Zhihu 등 웹 애플리케이션은 "리소스 그룹" 형태로 존재해야 합니다.
웹 애플리케이션인 Weibo를 예로 들면 다음과 같은 다양한 시나리오로 구성됩니다.
(1) 로그인 및 등록 시나리오;
(2) 웨이보 탐색 장면
(3) 웨이보 장면을 게시합니다.
(4) 개인센터 페이지
이러한 시나리오에서 각 장면에는 일반적으로 HTML 페이지 리소스인 자체 기본 페이지가 있습니다. 일반적으로 장면이 결정된 후에는 하나 또는 두 개의 기능 영역만 있습니다. 기능을 구현하려면 등록, 로그인, 검색 등 일련의 작업을 완료해야 합니다. 작업을 완료하려면 여러 리소스가 서로 협력하여 이를 완료해야 합니다. HTML은 데이터의 표시일 뿐입니다. 리소스는 우리의 학습 단계에서 주로 데이터베이스에서 비롯됩니다.
먼저 데이터베이스를 통해 데이터를 얻은 다음, 얻은 리소스를 HTML을 통해 구조화된 콘텐츠로 표시하여 여러 리소스를 결합하여 기능을 형성합니다. 완전한 웹 애플리케이션 또는 시스템.
3. 웹서버
클라이언트가 있으면 서버도 있어야 합니다. 웹 서버는 HTTP 프로토콜을 사용하기 때문에 흔히 HTTP 서버(HTTP 서버)라고 부릅니다. 예: Apache, Tomcat, Netty 등
우리의 브라우저는 네트워크를 통해 클라이언트와 통신합니다. 브라우저와 클라이언트 모두 다른 사람에 의해 구현됩니다. 우리의 임무는 주로 클라이언트를 위한 일부 플러그인 자료(리소스라고도 함)를 구현하는 것입니다. 그림과 같이 실제로 우리가 제공하는 리소스에 액세스합니다.
브라우저와 서버 간의 통신을 위한 일련의 표준이 있는데, 이 표준 집합을 HTTP 프로토콜이라고 하며, 그 전체 이름은 (하이퍼(슈퍼) 텍스트(텍스트) 전송(전송) 프로토콜(프로토콜))입니다. 통신 중에 브라우저는 요청을 보내고 서버는 응답합니다.
4. 자원
당분간 우리는 리소스를 파일 집합으로 이해할 수 있으며, 소위 웹 애플리케이션 개발은 리소스 집합(파일 집합으로 표현됨)을 개발하는 것을 더 잘 이해하기 위해 브라우저를 상상해 볼 수 있습니다. 우리가 웹 애플리케이션을 개발한다고 생각해보세요. 애플리케이션이 이 쇼핑몰에서 매장을 여는 것과 같다고 상상해 보세요. 매장을 열기 전에 판매할 품목을 준비해야 하는데, 이는 자원과 같습니다. 브라우저에는 여러 개의 웹 애플리케이션이 있을 수 있으며 각 웹 애플리케이션에는 일련의 리소스가 있습니다. 우리가 개발한 리소스는 클라이언트를 거쳐야 외부 서비스를 제공할 수 있습니다. 사용자는 브라우저를 대표하고 브라우저는 웹 서버에 직접 연결되므로 웹 애플리케이션이 공식적으로 작동합니다. 일해라.
5. 웹표준 구성
구성: 주로 구조 , 프리젠테이션 및 동작 의 세 가지 측면을 포함합니다.
(1) 구조적 표준: 구조는 웹 페이지 요소를 구성하고 분류하는 데 사용됩니다. 우리는 주로 HTML을 배웁니다. 웹페이지에서 가장 중요한 부분
(2) 성능 표준: 성능은 주로 CSS를 참조하여 웹 페이지 요소의 레이아웃, 색상, 크기 및 기타 모양 스타일을 설정하는 데 사용됩니다.
(3) 행동 표준: 행동은 웹 페이지 모델의 정의와 상호 작용의 작성을 의미합니다. 우리가 주로 배우는 것은 JavaScript입니다(JavaScript는 HTML 및 Web에 속하는 프로그래밍 언어입니다).
이상적으로는 소스 코드: .HTML .css .js
2. HTML 기본 소개
1. 기본 정의: 하이퍼텍스트 마크업 언어, 하이퍼는 하이퍼링크입니다.
2. 현재 가장 널리 사용되는 버전은 HTML5.0이며 W3C 조직은 HTML 언어에 대한 표준을 공식화하는 책임을 맡고 있습니다.
