웹 페이지
1. 개요
웹 페이지는 1990년 11월 13일에 처음 등장했으며, 구조화된 문서로 HTML, CSS, 자바스크립트 등의 요소로 구성된다. HTML은 텍스트 파일로 페이지 내용을 지정하고, CSS는 페이지의 프레젠테이션을 정의하며, 자바스크립트는 페이지에 동작을 부여한다. 웹 페이지는 서버 측 처리 방식에 따라 정적 웹 페이지와 동적 웹 페이지로 나뉘며, 각 페이지는 고유한 URL을 통해 식별되고 웹 브라우저를 통해 탐색된다.
-
월드 와이드 웹 -
구글
-
월드 와이드 웹 -
온라인 언론
온라인 언론은 인터넷을 통해 뉴스 및 정보를 제공하며, 디지털 기술 발달과 함께 성장하여 시민 저널리즘 부상, 정보 전달 속도 혁신 등의 특징을 보이지만 정보 신뢰성 문제, 전통 언론 쇠퇴 등의 과제를 안고 있다. -
웹 디자인 -
웹 접근성
웹 접근성은 장애가 있는 사람들이 웹을 사용할 수 있도록 기술 및 디자인 원칙을 적용하는 것이며, 웹 콘텐츠, 저작 도구, 사용자 에이전트의 접근성 향상을 위한 지침과 법률, 인공지능 기술 활용을 통한 접근성 개선 노력이 이루어지고 있다. -
웹 디자인 -
접근성
접근성은 장애인을 포함한 모든 사람이 정보와 서비스에 차별 없이 접근하도록 보장하는 개념으로, 윤리적 책임, 사회적 형평성, 상업적 이익, 공익적 가치 때문에 중요하며, 물리적 환경, 정보 접근, 서비스 접근 등 다양한 영역에서 보조 기술과 적응 기술을 통해 구현되지만, 완전한 확보를 위해서는 지속적인 노력과 정책적 지원이 필요하다.
2. 역사
1990년 11월 13일에 최초의 웹 페이지가 탄생하였다.
3. 웹 페이지의 구성 요소
웹 페이지는 구조화된 문서이다. 핵심 요소는 하이퍼텍스트 마크업 언어(HTML)로 작성된 텍스트 파일이다. 이는 이미지 및 비디오를 포함하여 페이지의 내용을 지정한다.
캐스케이딩 스타일 시트(CSS)는 페이지의 프리젠테이션을 지정한다. CSS 규칙은 별도의 텍스트 파일에 있거나 HTML 파일 내에 포함될 수 있다.
대다수의 페이지에는 자바스크립트 컴퓨터 프로그램이 있어 광범위한 동작을 가능하게 한다. 최신 WebAssembly 언어도 보조로 사용될 수 있다.
웹 애플리케이션이라고 하는 가장 정교한 웹 페이지는 이러한 요소를 복잡한 방식으로 결합한다.
대부분의 웹 페이지는 HTML (또는 XHTML)과 CSS, 이미지 데이터로 구성되어 있으며, 웹 브라우저를 사용하여 열람하는 것이 일반적이다. HTML은 브라우저마다 해석이 다른 경우가 있기 때문에, 기업 등이 제작하는 페이지에는 PDF가 사용되는 경우도 있다.
자바스크립트 등의 스크립트 언어를 사용하여 웹 페이지에 동작을 부여하거나 (DHTML), 플래시나 자바 애플릿 등을 부가적으로 사용하여 애플리케이션 소프트웨어나 인터페이스의 기능을 추가하는 경우가 있다.
3.1. HTML (HyperText Markup Language)
웹 페이지는 구조화된 문서이며, 핵심 요소는 하이퍼텍스트 마크업 언어(HTML)로 작성된 텍스트 파일이다. 이는 이미지 및 비디오를 포함하여 페이지의 내용을 지정한다. 대부분의 웹 페이지는 HTML (또는 XHTML)과 CSS, 이미지 데이터로 구성되어 있으며, 웹 브라우저를 사용하여 열람하는 것이 일반적이다. HTML은 브라우저마다 해석이 다른 경우가 있기 때문에, 기업 등이 제작하는 페이지에는 PDF가 사용되는 경우도 있다.
캐스케이딩 스타일 시트(CSS)는 페이지의 프리젠테이션을 지정한다. CSS 규칙은 별도의 텍스트 파일에 있거나 HTML 파일 내에 포함될 수 있다.
대다수의 페이지에는 자바스크립트 컴퓨터 프로그램이 있어 광범위한 동작을 가능하게 한다. 자바스크립트 등의 스크립트 언어를 사용하여 웹 페이지에 동작을 부여하거나 (DHTML), 플래시나 자바 애플릿 등을 부가적으로 사용하여 애플리케이션 소프트웨어나 인터페이스의 기능을 추가하는 경우가 있다. 최신 WebAssembly 언어도 보조로 사용될 수 있다.
웹 애플리케이션이라고 하는 가장 정교한 웹 페이지는 이러한 요소를 복잡한 방식으로 결합한다.
3.2. CSS (Cascading Style Sheets)
캐스케이딩 스타일 시트(CSS)는 웹 페이지의 프리젠테이션을 지정한다. CSS 규칙은 별도의 텍스트 파일에 있거나 HTML 파일 내에 포함될 수 있다. 대부분의 웹 페이지는 HTML (또는 XHTML)과 CSS, 이미지 데이터로 구성되어 있으며, 웹 브라우저를 사용하여 열람하는 것이 일반적이다. HTML은 브라우저마다 해석이 다른 경우가 있기 때문에, 기업 등이 제작하는 페이지에는 PDF가 사용되는 경우도 있다.
3.3. 자바스크립트 (JavaScript)
대다수의 웹 페이지에는 자바스크립트 컴퓨터 프로그램이 있어 광범위한 동작을 가능하게 한다. 자바스크립트 등의 스크립트 언어를 사용하여 웹 페이지에 동작을 부여한다. 최신 WebAssembly 언어도 보조로 사용될 수 있다.
3.4. 이미지 및 기타 요소
웹 페이지는 하이퍼텍스트 마크업 언어(HTML)로 작성된 텍스트 파일이며, 이미지 및 비디오를 포함하여 페이지의 내용을 지정한다. 캐스케이딩 스타일 시트(CSS)는 페이지의 프리젠테이션을 지정한다.
대부분의 웹 페이지는 HTML (또는 XHTML)과 CSS, 이미지 데이터로 구성되어 있으며, 웹 브라우저를 사용하여 열람하는 것이 일반적이다. 기업 등이 제작하는 페이지에는 HTML은 브라우저마다 해석이 다른 경우가 있기 때문에 PDF가 사용되는 경우도 있다.
4. 웹 페이지의 종류
웹 페이지는 서버 측 처리 방식에 따라 정적 웹 페이지와 동적 웹 페이지로 나뉜다.
정적 웹 페이지는 저장된 그대로 사용자의 웹 브라우저에 전달되는 웹 페이지이며, 웹 애플리케이션에 의해 생성되는 동적 웹 페이지와는 반대된다.
서버 사이드 동적 웹 페이지는 애플리케이션 서버 처리 서버사이드 스크립트에 의해 구조가 통제되는 웹 페이지이다. 클라이언트 동적 웹 페이지는 로드될 때 브라우저에서 실행되는 HTML 스크립팅을 사용하여 웹 페이지를 처리한다.
서버 측 웹 사이트 배포 관점에서 웹 페이지는 정적 웹 페이지와 동적 웹 페이지의 두 가지 유형이 있다. 정적 페이지는 웹 서버의 파일 시스템에서 수정 없이 검색되는 반면, 동적 페이지는 사용자의 브라우저로 전송되기 전에 서버가 일반적으로 데이터베이스에서 읽어 웹 템플릿 시스템을 채워 즉석에서 생성해야 한다. 동적 페이지의 예로는 검색 엔진 결과 페이지가 있다.
다음은 전자 게시판(BBS) 등 서버 측에서 웹 페이지와 콘텐츠를 동적으로 생성하는 주요 방법의 예시이다.
* CGI(Common Gateway Interface)를 사용할 수 있는 환경에서 펄(Perl)이나 C를 이용하는 방법.
* 자바(Java)를 사용할 수 있는 환경에서 자바 서블릿(Java Servlet)이나 자바 서버 페이지(JSP), 자바 서버 페이스(JSF)를 이용하는 방법.
* 액티브 서버 페이지(ASP)나 ASP.NET을 이용하는 방법.
* PHP
* 루비 온 레일스(Ruby on Rails)
* Node.js
4.1. 정적 웹 페이지 (Static Web Page)
정적 웹 페이지는 저장된 그대로 사용자의 웹 브라우저에 전달되는 웹 페이지이며 웹 애플리케이션에 의해 생성되는 동적 웹 페이지와는 반대된다.
서버 사이드 동적 웹 페이지는 애플리케이션 서버 처리 서버사이드 스크립트에 의해 구조가 통제되는 웹 페이지이다. 클라이언트 동적 웹 페이지는 로드될 때 브라우저에서 실행되는 HTML 스크립팅을 사용하여 웹 페이지를 처리한다.
서버 측 웹 사이트 배포 관점에서 웹 페이지는 정적 웹 페이지와 동적 웹 페이지의 두 가지 유형이 있다. 정적 페이지는 웹 서버의 파일 시스템에서 수정 없이 검색되는 반면, 동적 페이지는 사용자의 브라우저로 전송되기 전에 서버가 일반적으로 데이터베이스에서 읽어 웹 템플릿 시스템을 채워 즉석에서 생성해야 한다.
4.2. 동적 웹 페이지 (Dynamic Web Page)
서버 측 웹 사이트 배포 관점에서 웹 페이지는 정적 웹 페이지와 동적 웹 페이지의 두 가지 유형이 있다. 정적 페이지는 웹 서버의 파일 시스템에서 수정 없이 검색되는 반면, 동적 페이지는 사용자의 브라우저로 전송되기 전에 서버가 일반적으로 데이터베이스에서 읽어 웹 템플릿 시스템을 채워 즉석에서 생성해야 한다. 동적 페이지의 예로는 검색 엔진 결과 페이지가 있다.
다음은 전자 게시판(BBS) 등 서버 측에서 웹 페이지와 콘텐츠를 동적으로 생성하는 주요 방법의 예시이다.
* CGI(Common Gateway Interface)를 사용할 수 있는 환경에서 펄(Perl)이나 C를 이용하는 방법.
* 자바(Java)를 사용할 수 있는 환경에서 자바 서블릿(Java Servlet)이나 자바 서버 페이지(JSP), 자바 서버 페이스(JSF)를 이용하는 방법.
* 액티브 서버 페이지(ASP)나 ASP.NET을 이용하는 방법
* PHP
* 루비 온 레일스(Ruby on Rails)
* Node.js
4.2.1. 동적 웹 페이지 생성 기술
서버 측 웹 사이트 배포 관점에서 웹 페이지는 정적 웹 페이지와 동적 웹 페이지의 두 가지 유형이 있다. 정적 페이지는 웹 서버의 파일 시스템에서 수정 없이 검색되는 반면, 동적 페이지는 사용자의 브라우저로 전송되기 전에 서버가 일반적으로 데이터베이스에서 읽어 웹 템플릿 시스템을 채워 즉석에서 생성해야 한다. 동적 페이지의 예로는 검색 엔진 결과 페이지가 있다.
다음은 전자 게시판(BBS) 등 서버 측에서 웹 페이지와 콘텐츠를 동적으로 생성하는 주요 방법의 예시이다.
* CGI(Common Gateway Interface)를 사용할 수 있는 환경에서 펄(Perl)이나 C를 이용하는 방법.
* 자바(Java)를 사용할 수 있는 환경에서 자바 서블릿(Java Servlet)이나 자바 서버 페이지(JSP), 자바 서버 페이스(JSF)를 이용하는 방법.
* 액티브 서버 페이지(ASP)나 ASP.NET을 이용하는 방법
* PHP
* 루비 온 레일스(Ruby on Rails)
* Node.js
5. 웹 페이지 탐색 (Navigation)
각 웹 페이지는 고유한 URL로 식별된다. 사용자가 웹 브라우저에 URL을 입력하면 브라우저는 웹 서버에서 필요한 콘텐츠를 가져온 다음 브라우저 엔진을 통해 사용자의 화면에 대화형 시각적 표현으로 변환한다.
사용자가 포인트 앤 클릭하거나 터치스크린으로 링크를 클릭 또는 탭하면 브라우저는 이 과정을 반복하여 현재 웹사이트 또는 다른 웹사이트의 일부일 수 있는 새 URL을 로드한다. 브라우저에는 표시되는 페이지를 나타내는 주소창과 같은 기능이 있다.