HTML/CSS

웹의 구조: 인터넷을 활용하여 거미줄처럼 연결된 정보 소통 망, World Wide Web

- 웹 문서를 인터넷 상의 컴퓨터들끼리 주고 받는 네트워크 시스템

 

웹: 웹서버 + 웹 클라이언트 컴퓨터

 

웹서버

1) 웹 사이트를 탑재하는 컴퓨터(Google, Naver 등)

2) 웹 문서, 이미지, 동영상 등의 데이터 저장 관리

3) 웹 클라이언트의 요청을 받아 웹 문서 전송

4) 웹 서버로 작동하도록 하는 소프트웨어 실행

 

웹 클라이언트

- 사용자 인터페이스 담당

- 웹 서버에 웹 문서를 요청하고 받아 사용자에게 출력

웹사이트 구축

- 웹 서버로 사용할 컴퓨터에 웹 서버 소프트웨어 설치

- 웹 페이지 동영상, 이미지 저장, 데이터베이스 설치

- 웹 서버 응용 프로그램 개발 및 설치

웹 서버 소프트웨어 기능

- 웹 브라우저로부터 요청(웹 문서 혹은 검색) 해석

- 필요한 웹 서버 응용프로그램 작동시키기

- 웹 서버 응용프로그램의 실행 결과를 웹 브라우저로 전송

 

전자 문서

- 워드나 한글, 메모장 등으로 작성하고 볼 수 있는 문서

- 하나의 문서는 보통 하나의 파일로 저장

1) 페이지 별로 파일에 저장하지 않음

2) 텍스트 본문, 이미지, 오디오, 비디오 등을 모두 문서 내에 직접 저장

 

웹 문서

- HTML 언어로 작성 /웹 브라우저로 보기

- 웹 문서는 페이지 단위로 파일에 분할하여 저장

1) 페이지 마다 하나의 파일에 나누어 작성되고 저장 - 웹 페이지

2) 각 페이지는 하이퍼 링크로 연결

- 웹 페이지

1) 텍스트만 저장 - 이미지, 그래픽, 동영상 등은 별도의 파일로 저장

2) 웹 페이지에 이미지, 그래픽, 동영상 파일의 이름으로 연결

- 웹 페이지들의 연결

1) 하이퍼링크(hyperlink) - 다른 웹 페이지의 주소를 가진 텍스트 정보

2) 웹 페이지들은 하이퍼링크로 상호 연결됨

- 웹 문서를 읽는 순서는 사용자가 결정

1) 웹 문서는 사용자가 하이퍼링크를 따라 웹 페이지 선택 - 네비게이션

2) 전자 문서는 문서를 만드는 사람이 결정