본문 바로가기
반응형

전체 글1144

HTML5 & CSS3 - 웹표준 이미지의 대체텍스트 넣기 IR 기법 웹접근성을 고려하기 위해 이미지에 대체 텍스트을 넣어야 한다. 개발의 편의성과 효율성을 위해 CSS에서 background ( url '' ) 로 이미지를 넣는다. background 로 이미지를 넣을 경우 html 의 img 태그와 다르게 대체 텍스트를 넣어줄 수 없어, 다른 방법으로 대체 텍스트를 넣어준다. 다음의 다룸이라는 페이지에서 웹표준에 대해 자세한 설명을 확인할 수 있다. http://darum.daum.net/convention/css/css_ir 다룸, Darum 웹표준을 다루다 HTML&CSS 본문 IR 기법 IR 기법 IR 기법은 이미지 대체텍스트 제공을 위한 CSS 기법으로 다양한 CSS 기법을 사용하여 이미지 대체텍스트를 제공할 수가 있으며, 이 중에 널리 알려진 기법들을 소개하고.. IT/Web 2019. 7. 25.
에페소스의 아르테미스 신전, 세계 7대 불가사의 아르테미스 신전(~ 神殿,그리스어: Ἀρτεμίσιον, 아르테미시온)은 드물게는 디아나의 신전으로 알려져 있기도 하다. 그리스 신화에 등장하는 달의 여신 아르테미스에게 바쳐진 신전으로 소아시아의 에페소스(오늘날의 터키 셀추크 부근)에 있었다. 이 신전은 2번이나 완전히 새로 세워졌는데, 첫 번째로는 거대한 홍수로, 두 번째로는 방화로 인한 재건이었고, 3번째로 지어진 아르테미스 신전이 바로 고대 세계 7대 불가사의 중 하나이다. 기원후 401년에 최종적으로 파괴되었고, 현재는 신전의 토대와 조각 파편만이 남아있다. 첫 번째 신전 첫 번째 신전의 역사는 청동기 시대로까지 거슬러올라간다. 칼리마코스는 그의 아르테미스 찬가 중에서, 그 신전을 오래전에 존재했다가 사멸한 아마존족이 지었다고 믿고 있다. 건립 .. 서프라이즈 2019. 7. 25.
HTML5 & CSS3 - 웹접근성 스킵 메뉴 만들기 스킵 메뉴란 위 사진은 네이버의 스킵 매뉴입니다. 키보드의 TAB 키를 눌렀을 때 해당 영역으로 즉시 갈 수 있는 매뉴 바로가기를 나타납니다. 스킵 메뉴가 없으면, 연합뉴스 영역으로 바로가기 위해 TAB 키를 수 없이 눌러야 한다. 그럼 왜 이걸 만들어야 할까? 우리는 웹을 만들 때 웹표준과 접근성에 대해 생각하고 만들어야 합니다. 웹 창시자인 팀 버너스는 웹을 다음과 같이 정의하고 있습니다. "어떠한 사용자(장애인, 노인 등), 어떠한 기술환경에서도 사용자가 전문적인 능력 없이 웹 사이트에서 제공하는 모든 정보에 접근할 수 있도록 보장하는 것" 웹접근성에 대한 내용은 아래 사이트에서 확인 가능합니다. 방문하셔서 지침 및 가이드 라인을 확인하시는 것도 도움이 됩니다. https://www.wah.or.k.. IT/Web 2019. 7. 24.
올림피아의 제우스 상, 세계 7대 불가사의 세계 7대 불가사의 중 하나인 "올림피아의 제우스 상" 올림피아의 제우스 상은 기원전 435년에 고대의 유명한 조각가 페이디아스에 의해 올림피아에 제우스 신전 안에 만들어졌다. 페이디아스는 8년에 걸쳐서 제우스 상을 만들어 냈는데 당시 모든 이들이 그 조각상의 위엄에 압도됐다고 기록되어 있다. 과거에는 실존 여부가 불분명 했으나 1958년, 제우스 신전 터에서 제우스 상의 작업장 유적이 발굴되면서 제작 연도 등이 확실해 졌다. 그 폭은 신전 통로의 폭과 거의 같았다. 좌상이었으며 전장은 약 12m(약 40ft)였다. 기원전 1세기 경 지리학자 스트라본은 "만약 제우스 상이 서있었다면 지붕을 뚫어버렸을 것이다."라고 써놓았다. 본체는 삼나무로 만들어졌고 표면을 상아로 둘렀으며 황금 망토를 두르고 있다. 표.. 서프라이즈 2019. 7. 24.
HTML5 - 기본 레이아웃 만들기 레이아웃 1 전체 소스 보기 더보기 HEADER NAV SIDE CONTENTS FOOTER 레이아웃 2 전체 소스 보기 더보기 HEADER NAV SIDE_LEFT CONTENTS SIDE_RIGHT FOOTER 레이아웃 3 전체 소스 보기 더보기 side header contents footer 레이아웃 4 전체 소스 보기 더보기 header nav side content1 content2 footer 레이아웃 5 전체 소스 보기 더보기 header banner content footer 레이아웃 6 전체 소스 보기 더보기 header banner contents footer 레이아웃 7 전체 소스 보기 더보기 header-top header-nav banner content1 content2 con.. IT/Web 2019. 7. 23.
반응형

티스토리툴바