win won with

절대주소와 상대주소 절대주소 상대주소 의미 이미지의 절대적인 경로로 지정하는 방식 이미지를 삽입할 HTML 문서를 기준으로 경로를 인식하는 방법 특징 'http://' 부터 시작하여 URL 주소 전체로 표현 현재의 문서의 위치를 기준으로 '../'과 같은 방식으로 URL 주소를 표현 주소의 글자 길이가 길지만, 현재 문서의 위치에 영향을 받지 않음 주소를 간편하게 줄일 수 있지만, 문서 구조적인 위치가 바뀔 경우 주소가 잘못될 가능성 있음

Web/Education 2018. 12. 4. 16:02

웹 접근성의 이해 웹 접근성의 의미를 이해할 수 있습니다. 웹 접근성의 정확한 범위를 설명할 수 있습니다. 웹 접근성에 대한 용어를 구분할 수 있습니다. 웹 접근성이란? 웹 콘텐츠에 쉽게 접근할 수 있는 능력 (=웹 콘텐츠 접근성) 어떠한 사용자(장애인, 노인 등), 어떠한 기술 환경에서도 사용자가 전문적인 능력없이 웹 사이트에서 제공하는 모든 정보에 접근할 수 있도록 보장하는 것 입니다. WEB 이란 HTML(문서의 구조), Hyperlink(문서의 연결), HTTP(문서의 주소) 로 구성되어 있습니다. 웹 접근성의 범위 웹 접근성의 좁은 의미: 다양한 사용자 환경에서의 장애인, 보조기기, 보조기술 = 장애인 접근성 웹 접근성의 관련 용어 웹 표준 (웹 기술 표준) = 웹 화면에 대한 표준 웹에서 정한..

Web/Education 2018. 12. 3. 19:39

태그 : 하이퍼 링크를 정의합니다. href : 링크를 이동하는 경로를 설정합니다. target : 브라우저 타겟을 설정합니다. target="_blank" : 클릭 시 새로운 브라우저 창으로 설정합니다. target="_parent" : 현재 브라우저의 부모 브라우저 창으로 설정합니다. target="_self" : 현재와 동일한 브라우저 창으로 설정합니다. target="_top" : 최상위 브라우저 창에서 설정합니다. 부모가 없는 경우는 "_self"와 동일합니다. 방문하지 않은 링크는 밑줄과 파란색으로 표시됩니다. 방문한 링크는 밑줄과 보라색으로 표시됩니다. 활성화된 링크는 밑줄과 빨간색으로 표시됩니다. 태그는 예외적으로 HTML5에서 블록 요소를 포함할 수 있습니다.

Web/Education 2018. 12. 3. 14:15

이미지 스프라이트 아이콘 또는 장식을 위한 이미지 요소들은 스프라이트 기법을 활용하여 파일의 사이즈를 최소화하고 효율성을 높일 수 있습니다. 여러번의 서버 요청을 한 번으로 줄일 수 있습니다. 이미지 수정이나 관리가 간편합니다. 웹 접근성을 준수하기 위해서 IR 효과를 설정해야 합니다. 프로젝트 종류에 따른 이미지 타입표 종류 PC Web Mobile Web Mobile App GIF 기본 사용가능 X JPG 컬러수 많거나 운영성 이미지일 때 운영성 이미지일 때 X PNG-8 X 기본 반투명효과 없고 컬러가 적을 때 PNG-24 반투명효과가 있을 때에만 사용 컬러 수 많거나 반투명효과가 있을 때 기본 이미지 스프라이트 O O X PC Web 기본 포맷은 GIF를 사용 JPG는 인물이나 실사 이미지와 같이..

Web/Education 2018. 11. 29. 18:54

CSS 색상 : CSS 색상값을 표현 하는 방법은 7가지가 있습니다. #RRGGBB - 빨강, 초록, 파랑의 강도를 16진수 두 자리로 지정한다. 각 요소별로 256단계를 표현할 수 있으며 총 1600만 가지 색을 사용할 수 있다. #RGB - 빨강, 초록, 파랑의 강도를 16진수 한 자리로 지정한다. 각 요소별로 16단계밖에 강도를 지정할 수 없어 잘 사용되지 않는다. rgb(r, h, b) - 빨강, 초록, 파랑의 강도를 0~255 범위의 정수로 지정한다. rgba(r, g, b, a) - rgb값 외에 투명도를 지정하는 알파를 0~1 사이의 실수로 지정한다. 0은 투명한 색이며 1은 불투명, 0.5는 반투명이다. hsl(h, s, l) - 색상, 채도, 명도로 색상을 지정한다. 채도는 0~365 사..

Web/Education 2018. 11. 28. 15:29

태그 : 도표를 표현합니다. 태그 설명 tr 한 행을 표현하며 이 안에 td 태그가 들어갑니다. td 셀의 내용을 나타냅니다. 일반 속성으로 표시되며 왼쪽 정렬됩니다. th 표의 제목을 나타냅니다. 굵게 표시되며 중앙으로 정렬됩니다. caption 표의 제목을 지정하며 table 태그 바로 다음에 와야 합니다. 디폴트 테이블 위쪽에 중앙 정렬되며 스타일 지정에 의해 위치나 정렬을 바꿀 수 있습니다. thead 테이블의 헤더입니다. tbody 테이블의 본문입니다. tfoot 테이블의 풋터입니다. col 컬럼의 속성을 지정합니다. colgroup 컬럼의 그룹을 지정하며 여러 칼럼에 스타일을 입힐 때 사용합니다.

Web/Education 2018. 11. 21. 15:02

: 블록 요소는 박스, 인라인 요소는 텍스트를 의미합니다. 블록 엘리먼트(Block Element) 독립된 박스 영역으로, 한 줄에 하나의 블록 요소만 표현할 수 있습니다. 블록 요소에는 블록 요소와 인라인 요소를 포함할 수 있습니다. , , , , 인라인 엘리먼트(Inline Element) 독립된 텍스트 영역으로, 한 줄에 여러 개의 인라인 요소를 표현할 수 있습니다. 인라인 요소에는 블록 요소가 포함될 수 없지만, 인라인 요소는 포함할 수 있습니다. , , , ,

Web/Education 2018. 11. 19. 14:58