web study

은 HTML 문서의 첫 줄에 위치한 선언문이다. "Document Type Declaration"의 약자로, 웹 브라우저에게 해당 문서가 어떤 버전의 HTML이나 XHTML로 작성되었는지 알려준다. 이 선언문은 웹 브라우저가 문서를 올바르게 해석하고 렌더링 하는 데 필요한 정보를 제공한다. 이 선언문은 HTML5를 사용하여 작성된 문서임을 나타낸다. HTML5는 최신 버전의 HTML 표준으로서, 다양한 기능과 태그를 지원하며 웹 페이지를 보다 구조화된 형식으로 작성할 수 있게 해준다. 선언문은 웹 브라우저에게 문서를 어떻게 해석해야 하는지 알려주는 중요한 역할을 한다. 정확한 선언문을 사용하면 웹 페이지가 일관성 있게 표시되고 웹 브라우저 간의 호환성 문제를 최소화할 수 있다. 선언문은 웹 브라우저에게 ..

웹사이트나 블로그를 정성껏 만들었어도 마땅한 트래픽을 얻지 못한다면 의욕을 상실할 것이다. 사람들을 내 블로그로 이끈다는 것은 쉬운 게 아니다. 하지만 우리는 방법을 이미 알고 있다. 귀가 닳도록 들어왔던 'SEO'다. SEO가 도대체 왜 중요한지 이번 기회에 자세히 알아보자. 목차 SEO의 개념 SEO의 중요성 SEO 가이드 SEO 진단 마치며 SEO의 개념 SEO(Search Engine Optimization)란 약자에서 알 수 있듯이 말 그대로 '검색 엔진 최적화'를 의미한다. 웹사이트를 검색 결과 상위에 노출시키는 것이다. 웹 사용자의 의도를 이해하여 나의 웹 페이지의 콘텐츠를 그 의도에 맞게 작성하여 게시해야 한다. SEO를 통해 페이지가 검색 결과에 잘 노출되도록 하여 트래픽의 상승을 노린다..

HTML(Hyper Text Markup Language)은 웹 페이지의 표준 마크업 언어이다. HTML의 요소가 웹 페이지를 구성하는 요소가 된다. HTML의 요소는 '' 태그로 표시된다. Hyper Text : 문서와 문서가 링크로 연결된 Markup : 태그로 이루어진 Language : 언어 목차 HTML 구성요소 HTML 속성 HTML 기본형 HTML5란 무엇인가? HTML 발전 순서 HTML5 등장 배경 HTML5 원칙 HTML4와 HTML5의 차이점 HTML 구성요소 HTML 요소는 사이에 콘텐츠가 있는 열린 태그와 닫힌 태그이다. 닫힌 태그는 태그명 앞에 '/'가 붙는다. 닫힌 태그가 필요 없는 경우 ''의 형태로 나타낸다. 헤딩 태그 강조할 텍스트 열린 태그 콘텐츠 닫힌 태그 헤딩 태그 ..

문서의 유형을 정의하기 위해 작성하는 에 대해 알아보자. 목차 DTD와 DOCTYPE 선언 선언 이유 버전별 DOCTYPE 선언 DTD와 DOCTYPE 선언 웹 문서는 항상 DTD(문서 유형 정의)를 통해서 현재 문서가 어떤 버전으로 기술되었는지 브라우저에 전달되면서 시작한다. DTD(Document Type Definition)는 XHTML, HTML, HTML5 세 가지 유형이 있으며, 선언된 문서 형식에 따라 마크업 속성을 처리하는 기준이 정해지고, 유효성 검사에 활용된다. HTML은 지원되는 태그가 버전별로 상이한데, 때문에 어떤 유형의 문서인지 정의를 해주어야 웹 브라우저에서 올바르게 인식할 수 있는 것이다. 이 문서 유형을 정의해주는 방법이 DOCTYPE 선언인 것이다. 왜 선언해야 하는가? ..

웹사이트의 반은 이미지라고 해도 과언이 아니다. 때문에 웹 퍼블리셔라면 이미지 형식의 차이 정도는 기본으로 알고 있어야 한다. 어떤 경우에는 jpg를 사용해야 하고, 어떤 경우에는 png를 사용해야 하는지 당연히 구분할 줄 알아야 한다. 디자이너와 협업할 때도 이러한 기본 지식이 없으면 커뮤니케이션이 불가하기 때문에 이번 기회에 알아두도록 하자. 목차 JPG PNG GIF GIF,JPG,PNG 비교표 GIF JPG PNG 압축 O O O 화질 좋지 않음 보통 좋음 용량 작음 작음 다소 큼 투명도 투명 O 반투명 X 투명 X 반투명 X 투명 O 반투명 O JPG 우선, JPG의 정식 명칭은 JPEG(Joint Photographic Experts Group)이며, 둘은 같은 확장자이다. 이전 DOS를 사용..

웹과 관련된 직업을 선택했다면 웹접근성과 웹표준에 대한 개념은 기본으로 알고 있어야 한다. 웹사이트를 제작하면서 웹접근성과 웹표준을 고려하지 않았다면 잘 만든 웹사이트라고 할 수 없다. 웹을 사용하는 데 있어서 차별이나 소외가 없어야 하므로 두 가지 기술을 꼭 인지하여 작업해야 하겠다. 목차 웹표준 웹접근성 웹표준 웹표준(Web standards)이란 여러 종류, 버전이 있는 브라우저 간에 상호 호환성을 위해 W3C가 권고한 표준적인 기술이나 규칙을 의미한다. 웹표준을 준수해야하는 궁긍적인 목적은 사용자가 어떤 브라우저를 사용하든지 간에 똑같은 결과를 전달받을 수 있게 하기 위해서이다. 장애인, 노약자 등을 포함한 모든 사용자를 지칭하며 이들이 동일한 결과의 웹사이트를 이용할 수 있도록 웹표준 기술 작업..