HTML5 + CSS3 + Javascript (웹 프로그래밍)/01. 웹 프로그래밍과 HTML5 개요 (5) 썸네일형 리스트형 5. HTML5 웹 프로그래밍 개발 과정 HTML5 문서 편집 HTML5 문서의 편집기는 크게 2가지 종류로 나뉜다. 텍스트 편집기 WYSIWYG(What You See Is What You Get) 편집기 HTML5 문서는 텍스트 파일이므로 메모장 등의 아무 텍스트 편집기나 사용하면 되고 UTF-8 형식의 .html 확장자로 저장하면 된다. 텍스트 편집기 중에는 에디트플러스, 이클립스, 서브라임 텍스트 등과 같이 HTML 태그와 속성, CSS 스타일, 자바스크립트 코드를 다른 색으로 보여주어 HTML5 문서 작성을 쉽게 해주는 편리한 텍스트 편집기들도 있다. WYSIWYG 편집기는 웹 브라우저에 의해 출력되는 모양을 함께 보면서 웹 페이지를 편집할 수 있는 편집기다. 이런 종류의 편집기를 이용하면 HTML5에 관한 지식이 부족해도 쉡게 웹 페.. 4. HTML5 HTML 언어의 역사 HTML 언어는 물리학자인 팀 버너스리가 1990년에 정의한 것으로, 표준화된 태그로 웹 페이지를 작성하는 언어이다. 그러므로 웹 페이지를 HTML 페이지 혹은 HTML 문서라고도 부른다. 그 뒤 HTML 언어는 태그의 숫자를 늘리면서 발전했다. HTML5의 출현 배경 HTML5의 출현 배경을 이해함으로써 웹 기술 발전 과정과 문제점을 이해하고 미래의 웹 기술 방향을 예측할 수 있다. 비표준 기술의 혼재, 웹 브라우저의 비호환성 1990년대 초기 HTML의 등장과 함께, 웹 브라우저의 전쟁이 시작되었다. 넷스케이프사의 '넷스케이프 내비게이터'와 MS사의 IE 사이의 시장 점유를 위한 경쟁이 치열하게 전개되었다. 이 전쟁은 IE의 승리로 끝나긴 했지만, 이 과정에서 W3C의 규정을 무.. 3. 웹 페이지 구성 웹 페이지의 구성요소 웹 페이지에는 다음 3요소가 결합되어 있다. 웹 페이지의 구조와 내용 - HTML 태그로 작성 웹 페이지의 모양 - CSS(Cascarding Style Sheet)로 작성 웹 페이지의 행동 및 응용프로그램 - Javascript로 작성 첫 번째 요소는 웹 페이지의 문서 구조와 내용이다. 웹 문서에는 제목과 본문이 있으며 본문은 1장, 2장 등의 '장'으로 구분한다. 각 장은 다시 1절, 2절 등의 '절'로 구분된다. 본문은 여러 문단으로 나뉘며, 문단은 텍스트, 이미지 표 등을 포함한다. 문서에는 머리말이나, 꼬리말, 주석 등을 달기도 한다. 이들은 모두 HTML 태그로 작성한다. 두 번째 요소는 웹 페이지의 출력 모양이다. 웹 페이지의 제목, 장, 절의 글자 크기와 색, 배경 색.. 2. 웹의 시작과 성공 웹의 시작 웹은 스위스에 있는 유럽핵물리입자연구소 (CERN)에서 비정규 계약직으로 일하던, 영국 출신의 과학자 팀 버너스리의 아이디어에서 시작되었다. 1980년 CERN에서는 약 10,000명의 연구원이 서로 다른 HW/SW 환경에서 일하고 있었고, 정보를 교환하기 위해 e-mail과 파일 전송(ftp)이라는 불편한 방법을 사용하고 있었다. 이때 팀 버너스리는 정보 교환을 편리하게 해주는 인콰이어(ENQUIRE) SW를 개발했다. 1989년, 그는 잠시 CERN을 떠났다가 다시 돌아와서, 정보를 쉽게 공유하고 관리할 수 있는 쉡의 개념을 제안하고, 급기야 1990년에 WorldWideWeb이라고 불리는 프로젝트를 시작하였다. 이 프로젝트에서 '서버-클라이언트'로 동작하는 HTTP 모델과 HTML 언어를.. 1. 웹 개요 들어가며 아주 오랜만이다. 빨리 휴학하고 싶다. 대학 근처 땅 한 번 밟아보고 2학년이 됐다. 뭐가 어떻게 돌아가는 지도 모르겠고, 나 조차도 정신이 없어서 관심을 가지고 싶어도 정신적으로 너무 지쳐있다. 그래도 자기개발을 멈추면 도태되고 나 또한 원치 않기 때문에 공부한다, 자의에 의해서. 아무튼 자의라고. 웹의 기본 목적과 구성 웹의 기본 목적은 한 컴퓨터에서 만든 문서(doucment)를 다른 컴퓨터에서 쉽게 볼 수 있도록 하는 것이다. 특별히 이 문서를 '웹 문서'라고 부른다. 이 목적을 달성하기 위해 인터넷으로 전 세계의 컴퓨터들을 거미줄처럼 연결하고 웹 문서를 주고받을 수 있도록 시스템을 만들었다. 이를 WWW(World Wide Web), 즉 간단히 줄여 웹(Web)이라고 한다. 웹은 컴퓨터.. 이전 1 다음