분류 전체보기110 <CSS3> 2강 CSS단위 절대단위 절대적인 크기가 정해져 있는 단위 px, 픽셀, pixel = 웹에서 가장 많이 사용되는 단위 1/96 inch pt, 포인트. point = 1pt = 1/72 inch in 인치 inch = 1인치는 2.54cm cm 센치미터 = . mm 밀리미터 = . pc 파이카 picas = 활자의 크기를 나타내던 옛말, 지금은 잘 사용하지 않는다. 1파이카는 12포인트 상대단위 부모 요소의 크기를 기준으로 상대값이 정해진다. 고정형 웹에서 반응형 웹으로 넘어오면서 많이 사용되고 있다. em - em 단위는 body{font-size:16px} 값을 기준으로 사용한다 - 부모 요소의 글꼴에 비례. 때문에 기준값에 따라 값이 바뀐다. - 2em은 현재 글꼴 크기의 2배를 의미한다. % - 100% 를 기.. 2020. 6. 9. <HTML5> 8강 blockquote/q 태그, abbr/acronym 태그, del/ins 태그, sup/sub 태그, address태그 , 태그 - 블럭단위의 긴 인용문은 태그를, 인라인 단위의 짧은 인용문은 태그를 사용한다 - cite 속성에는 인용한 웹사이트의 URL 주소를 기재. - title 속성에는 접근성을 위해 글에대한 제목/상세 설명을 기재 를사용하면 티스토리에서는 이렇게 나타낸다 , 태그 abbr => 축약어 한글자씩 읽는다 acronym => 두문자어 약어를 그대로 발음한다. , 태그 - 인라인 요소 - 문서에 추가된 내용이나 삭제된 내용을 명시할 때 사용한다. ex1) 를 사용하면 텍스트 하단에 밑줄이 그어진다. ex2)을 사용하면 텍스트 중간에 밑줄이 그어진다 , 태그 - 수학 공식에 사용되는 수식이나 원소기호를 나타낼 때 사용하는 윗첨자와(sup) 아랫첨자 (sub ) ex) H2O, 22 태그 - 블럭요소 - 사용.. 2020. 6. 9. <HTML5> 7강 img 태그 / <map> 태그 태그 - image 의 약자 - 이미지를 처리하는 태그이다. - inline 요소 (하위계층) - 시작태그로만 구성되어있다.(닫는태그가 없다.) - width height 값으로 사이즈를 조정할 수 있다. - alt 값은 그래픽 정보를 접할 수 없는 사람들을 위한 텍스트 정보로 사진에 대한 설명을 기재한다.(의미없는 사진은 x) - padding 속성을 갖을 수 없다 img태그 속성 - src="이미지 경로/파일명.확장자" (source) - alt="텍스트정보" (접근성-리더기가 읽는다) ex) css속성을 사용한 배경이미지 처리 - background:url(이미지의경로) 위치 rpeat값 (repeat/no-repeat/repeat-x/repeat-y) - top/bottom/left/right/c.. 2020. 6. 8. <CSS3> 1강 CSS란, CSS 적용 방법 CSS란 cascading style sheets의 약자로 소스 구성이나 배치등을 보완하기 위해 개발된 독립적인 언어이다. html을 바탕으로 사용할 수 잇으며 html이 만든 뼈대위 옷을 입히는 역할로 디자인 기능을 수행한다 문서 전체의 일관성을 유지할 수 있고, 세세한 스타일 지정의 필요를 줄어들게 하였다. CSS는 서버가 아닌 웹 브라우저에서 해석되어 화면에 적용되기 때문에 웹 서버의 부담을 줄여주면서도 다양한 기능을 수행할 수 있다. CSS2 => CSS3 로 넘어오면서 adobe flash 기능을 대체하게 되었으며 css의 기능은 더욱더 확대될 전망이다. css 사용 css 를 사용함으로써 웹 문서의 편집을 자유롭게 할 수 있고, 통일감있는 웹페이지를 만들수 있다. css 는html과 마찬가지로.. 2020. 6. 8. 국악기 소개10 '단소' 국악기 소개 10번째 ‘단소’ 입니다.어렸을 때 단소한번씩은 불러 보셨죠??초등학교 음악시간에 중임중임 무황무황 태~ 하면서 아리랑을 불렀던 것 같은데 리코더와는 달리 소리내는게 참 어려웠던 것 같습니다.혹시 여러분은 단소 전문가의 연주소리를 들어보셨나요??소리가 너무너무 청아하고 아름답습니다. 아래 연주를 감상하면서 단소에 대해 알아볼까요?^^ 김정승 - 청성 자진한잎 단소단소는 이름에서 알 수 있듯 길이가 짧은 종적이라는 뜻으로 세로로 부는 관악기중 가장 짧은 악기 입니다.뒤에 구멍 1개, 앞에 4개로 다른 악기들에 비해 비교적 구조가 단순합니다.주 재질은 노란색을 띈 황죽과 3년이상 묵은 거무스름한 오죽을 주로 사용하며 지공이 앞에 4개 뒤에 1개 총 5개로 다른 악기들에 비해 비교적 구조가 단순.. 2020. 6. 7. <연극> 조씨고아, 복수의 씨앗(20.6.25~07.26) '조씨고아, 복수의 씨앗' 은 동양의 햄릿'이라 찬사 받는 중국의 4대 비극 중 하나인 『조씨고아趙氏孤兒』를 21세기로 가져오면서 더욱 세심한 연출로 비극 속의 웃음과 공허를 찾아낸 예술성과 대중성을 고루 갖춘 훌륭한작품입니다.2015년에 초연당시 동아연극상 대상, 대한민국연극대상 대상등 극찬을 받았는데욧, 17년 재공연에도 뜨거운 사랑을 받았다고 합니다. 창단 70주년을 맞는 국립극단에서 모든 연극 작품을 대상으로 '가장 보고 싶은 연극' 설문조사를 실시했고, '조씨고아, 복수의 씨앗'이 압도적인 표차이로 1위를 차지했는데요.이 결과를 받아들여 국립극단에서는 창단 70주년 기념 공연으로 '조씨고아, 복수의 씨앗' 을 오는 6.25일 부터 한달동안 명동예술극장에서 선보이니다. 공연정보공연일자 : 2020.. 2020. 6. 6. 국악기 소개9 '양금' 이번에 소개할 국악기는 '양금' 입니다.국립국악원 수룡음 - 왼쪽부터 생황, 단소, 양금, 아쟁 양금양금은 사다리꼴 상자위에 긴 괘를 2개 세우고 쇠로 만든 현을 얹어 놓고 대나무로 때려서 소리를 내는 금속 현악기 입니다. 한국 전통악기중 유일한 타현 악기이며 천연 재료들을 가지고 만들어 연주하는데 국악기들 가운데 양금만 가공된 철이 사용되어 만들어집니다. 양금의 역사양금은 고대 앗시리아, 페르시아에서 기원된 것으로 보고 있습니다.서쪽 유럽으로 건너가서는 오늘날 유럽의 민속악기인 '덜시머'로 불리며 연주되었고,남쪽 아라비아로 건너가서는 '산투르' 라고 불리며 연주되었으며, 동쪽으로는 16세기 경에 청나라에 소개되면서 이즈음 조선 영조때에(18세기) 청나라로부터'구라철사금' 이라는 이름으로 전수되어 연.. 2020. 6. 6. <HTML5> 6강 dl, dt, dd 정의형 목록태그 - definition lists 의 약자 - block level element 이다. 태그의 직계 자손은 , 만 올 수 있다. - 키워드와 설명으로 구성되는 정의형 목록의 범위를 생성한다. - 용어 설명에 적합한 태그이다. - definition term의 약자 - 목록의 제목을 나타낸다. - 요소는 inline요소만 사용 가능하다. - 태그안에서만 사용될뿐 - 는 여러개가 와도 상관이 없다. - definition description의 약자 - 를 설명하는 태그이다. - , 순서는 상관없다. 계층으로 보면 dt = dd - 블럭요소 인라인요소 모두 갖을 수 있다. - default 값으로 40px 들여쓰기가 되어 있다. - 태그안에서만 사용된다. - 태그와 같은 성질을 가지고 있다 . , 태그와 .. 2020. 6. 5. <무료전시> 발달장애인 청년작가전 2020: 보고 다시 보고 (20.06.18~06.29) 전시설명 대한민국에서 활동하고 있는 발달장애인 청년작가를 발굴하고 작품을 선보이고자 '발달장애인청년작가전2020'을 마련하였습니다. 지난 4월 공모를 통해 선정된 13인 발달장애인 청년작가의 작품을 감상하실 수 있습니다. 전시를 통해 발달장애인 문화예술의 인식을 제고하고 똑같이 다함께 미술로 소통하는 자리가 되기를 희망합니다. 관람안내 공연일자 : 2020.6.18(목) ~6.29(월) 공연시간 : 오전 10시30분 ~ 오후 6시 공연장소 : 갤러리 라메르 제 3전시실 티켓정보 : 무료 문의전화 : 82-2-2282-7114 주최 : 사)국제장애인문화교류 협회 * 매주 화요일은 전시 교체로 인하여 오전에만 전시 관람이 가능합니다. 오시는길 주소 : 서울 종로구 인사동5길 26 홍익빌딩 지하철 이용안내 1.. 2020. 6. 5. <연극 live> 2020연극만원 시리즈 - 열여덟 어른 (6.20 5시 네이버 생중계) 그냥 지나치기 아까운 연극들을 부담없는 가격으로 만날 수 있는 기획공연 '2020 연극만원 시리즈'를 소개합니다, 코로나19로 인해 많은 문화예술작품들이 취소되거나 연기되고 있는데요, 반면 온라인으로 생중계되어 만나볼 수 있는 작품들도 더러 보이고 있습니다. 보육원 퇴소 후 방황하는 청춘의 이야기를 담은'2020연극만원 시리즈 - 열여덟 어른' 은 실화를 바탕으로 쓰여졌다고 합니다.그냥 놓치기에는 너무 아까운 작품! 이 작품을 네이버 생방송을 통해 만나보실 수 있습니다. 시놉시스나는 열여덟 어른입니다.자립 정착금 500만원만 18세가 되면 보육원을 나와 자립해야만 하는 보호종료 청소년들의 실화 이야기보육원에서 형제처럼 지내던 성진과 윤호, 민철은 만 열여덟살이 되어 자립 정착금을 받고 보육원을 퇴소한다.. 2020. 6. 4. <연극> 하땅세 - 위대한 놀이 (20.06.18~06.28) 오늘 소개해드릴 연극 작품은 대도시의 공습을 피해 할머니 집에 맡겨진 쌍둥이 형제가 전쟁터에서, 그리고 삶의 전쟁터에서 그들만의 방법으로 생존하나가는 이야기 입니다.제10회 대한민국연극대상 '대상(문화체육부장관상)', 한국연극평론가협회 '올해의 연극 베스트 3' 한국연극협회 '올해의 베스트 7' 수상 등 화려한 경력을 가지고 있는 이 작품을 극단 하땅세가 06.18(목)~28(일), 대학로예술극장 소극장에서 공연합니다. 시놉시스전쟁터 한가운데, 결코 평범하지 않은 쌍둥이를 통해 보게 되는 세상,놀이적 방식으로 국경, 분리, 민족 등 구별 지음의 경계선을상상적 공간에 구성하고 지워간다.'거짓말'과 '놀이'는 끊임없이 이어지고문명이 만들어 놓은 경계선까지 멈추지 않고 돌진한다.관객은 매혹적이면서 동시에 고.. 2020. 6. 4. <HTML5> 5강 ul, ol, li 목록태그 태그 - unorder list 약자 - 순번이 없는 목록태그 - 인라인 요소이다. - 순번대신 불릿을 가지고 있다. - CSS 속성에 따라 다양한 형태의 불릿을 표시할 수 있다. (list-style: circle ,disc, square) - 실무에서는 불릿이 불편하여 잘 사용하지 않고 (ul{list-style : none}) 필요할때는 다른 기법으로 사용한다 (img, background) - 태그의 직계 자식은 태그만 사용할 수 있다. - 리스트, 네비게이션 메뉴, 캐러셀 등 연관된 콘텐츠가 반복적으로 나열되어 있을 때 자주 사용된다. 태그 - order list 약자 - 순번이 있는 목록태그 - 인라인 요소이다. - CSS 속성에 따라 1,2,3 abc등 여러 기호로 표시할 수 있다. (lis.. 2020. 6. 2. <HTML5> 4강 a 하이퍼링크 태그 태그 - Anchor 의 약자. 정박지, 닻의 뜻을 가지고 있다. - 웹페이지와 웹페이지를 연결하는 하이퍼 링크. 태그중의 가장 중요한 태그라고 볼 수 있다. - 스크린 리더기에서 표현해주는 태그이다. - 요소는 인라인요소지만 블럭요소의 부모가 될수 있다. - 글자색상(#00f,보라색), underline 기본구조를 가지고 있다. - 포커스를 받을 수 있는 태그 - color속성은 상속되지 않는다 태그의 속성 href - Hypertext Reference 의 약자 - 연결할 주소를 지정해놓으면 클릭시 지정된 페이지로 이동한다. ex1) href="url" => 입력된 도메인 주소로 이동한다. ex2) href="파일명.확장자" => zip문서는 다운로드 받아진다. ex4) href="#아이디명.. 2020. 6. 1. <HTML5> 3강 strong, (b) 강한강조태그, em (i) 약한강조태그 (strong태그를 적용했습니다.) - 힘, 강조의 뜻 - 글씨를 굵게 표시 - 스크린 리더기에서 strong태그를 사용한 부분을 강조하여 읽어준다. (b 태그와의 차이점) - 보통 해당 태그에 직접 사용한다. (b태그를 적용했습니다.) - bold의 약자 - 글씨를 굵게 표시 - 스크린 리더기에서 b태그는 강조하여 읽지 않는다 (strong 태그와의 차이점) - 해당 태그에 직접 적용하기보다 css속성중 font-weight : bold를 사용하여 표현한다. - 접근성문제로 사용하지 않는다 (em태그를 적용했습니다.) - emphasize - 텍스트를 기울여서 표시해준다. - 스크린 리더기에서 em태그를 사용한 부분을 강조하여 읽어준다. (i 태그와의 차이점) - 보통 해당 태그에 직접 사용한다. (i.. 2020. 5. 31. <HTML5> 2강 p 단락태그, div 박스태그, span강조태그 태그 - 단락 paragraph의 약자 - block-level Element를 가진다. - 기본 16px를 가진다. - 제목 아래 본문 내용을 나타낼 때 사용되는 태그 - 한줄 이상의 문장을 넣을때 사용되는 태그. - 한줄 상하 여백을 가진다. 태그 - 나누다 division 의 약자. - block-level Element를 가지며 모든 블럭 요소를 담을 수 있다. - display:block 속성이 default로 되어있어 줄바꿈이 자동으로 된다. - 빈 박스 형태로 영역을 구분짓는 레이아웃으로 주로 사용된다. - 중첩이 가능하다. 태그 - span 태그는 기간 폭 너비의 뜻을 가짐 - inline-level Element요소를 가진다 . - 기본 스타일이 없고, css를 사용하여 내용안의 특정 부.. 2020. 5. 30. <HTML5> 1강 h1 헤딩태그 - 헤딩태그는 ~ 6단계가 존재 h1태그입니다. h2태그입니다. h3태그입니다. h4태그입니다. h5태그입니다. h6태그입니다. - 헤딩태그는 블럭 요소를 가진다. - 헤딩 태그는 bold체가 기본 적용되어 있다. - font-size는 상속되지 않는다. - 헤딩태그는 웹 페이지의 제목, 목차를 나타내는 곳에 사용한다. - 웹페이지를 대표하는 로고는 h1태그를 사용한다. - 헤딩태그는 웹접근성에서 가장 중요한 태그이기 때문에 계층에 맞게 순서대로 사용해야 한다. * 헤딩 태그는 브라우저의 최상위 검색 대상이기 때문에 정확한 정보를 기재해야 웹 접근성에서 유리합니다. * 를 사용하고 로 바로 넘어가면 웹 표준성에 어긋나기 때문에 순서대로 사용해야 합니다. * html5에서0 시멘틱 태그가 생김으로써 h1태.. 2020. 5. 30. <공지> 수도권 지역 대상 강화된 방역조치 시행(5.29~6.14) 안정되어가던 코로나가 다시 재유행할 조짐으로인해 서울, 수도권 지역 대상 강화된 방역조치 시행이 내려졌습니다.때문에 오늘 5월29일(금)~6월14일(일) 17일 동안 공공시설 운영이 중단되게 되었습니다.하루빨리 백신이 나와서 어서 일상으로 돌아갔으면 하는 바램입니다.아래 전문은 어제 보건복지부에서 발표한 내용입니다.오늘(5월28일) 정세균 국무총리 주재로 긴급관계장관회의를 개최하여 관계부처 및 지방자치단체와 함께 수도권 지역(서울·인천·경기) 확진환자가 급증 상황을 반영한 수도권 방역 관리 방안을 논의하였습니다. 이 자리에서 참석자들은 수도권 내 감염 확산을 최소화하기 위해서는 현재보다 강화된 방역조치가 필요하다는 점에 공감하였으며, 수도권 지역을 대상으로 강화된 방역조치를 시행하기로 결정하였습니다... 2020. 5. 29. 국악기 소개8 '생황' 선녀가 하늘에서 부는 악기 '생황' 입니다.생황은 서로 길이가 다른 여러개의 대나무 관이 꽂혀 있는 모습이 마치 봄볕에 생물이 돋아나는 것처럼 삐죽삐죽하고, 그 소리는 대지에 생명을 불어넣는 생(生)의 뜻을 담고 있다 하여 ‘생‘(笙) 이라는 이름이 생겼다고 합니다.생황 연주곡 하나 들으면서 '생황'에 대해서 알아볼까요!김효영 - 서동요생황생황은 나무통둘레에 17개의 가느다란 대나무 관대가 둥글게 박혀있고 통 가운데에 입김을 불어 넣는 부리 모양의 취구가 있습니다.공명통은 박으로 만들어지며 만드는 재료에 따라 생황을 '포부'로 분류합니다.(악기 분류법에대해서는 추후 포스팅하겠습니다)생황은 죽관의 숫자에 따라 화(13) 생(17) 우(36)로 구분이 되는데요, (관의 개수는 더 다양합니다) 생황은 화 생.. 2020. 5. 28. <국악공연> 2020 전승자 시리즈 화음 - 율객 (20.06.04, 11일 18일) 한국문화재재단에서 기획한 전승자 시리즈 화음. 23인의 젊은 국악인이 선보이는 율객(律客), 무객(舞客), 가객(和音) 중 첫번째 작품인 '율객(律客)' 이 6월4일 목요일 민속극장 풍류에서 무대를 가집니다. 공연정보공연명 : 2020년 화음(和音) - 가객일 시 : 2020.6.18(목) 19:30장 소 : 국가무형문화재 전수교육관 풍류극장 티 켓 : 전석 10,000원예 매 : 예매링크문 의 : 02-3011-1721 (한국문화재재단 문화예술실 공연기획팀) 출연자 소개최윤희 (국가무형문화재 제57호 경기민요 이수자)송현아 (경기도무형문화재 제31호 경기소리 이수자)정다은 (제30회 전주대사습놀이학생전국대회 민요부 장원)이유진 (제5회 계양산국악제 민요부분 대상)최은비 (제21회 완산전국국악경.. 2020. 5. 27. <국악공연> 그레이트 아티스트 시리즈 '김덕수傳' (20.05.28~05.31) 1978년 공간사랑이라는 작은 소극장에서 두번의 무대로 사물놀이의 태동을 세계에 울린 김덕수명인이 5월28일부터 4일동안 세종문화회관에서 63년 광대인생을 그린 무대를 그립니다. 세종문화회관과 현대차 정몽구재단이 기획하는 시리즈로 매년 최고의 아티스트를 선정하여 공연을 진행하고 있습니다.최고의 명인이 선보이는 작품을 세종문화회관 홈페이지에서 사전 예매를 통해 전석 무료관람으로 진행됩니다.현장에 참석이 어려운 관람객을 위해 네이버TV에서 라이브 생중계가 준비되어 있습니다.5월29일 저녁 7시30분 공연 한번만 생중계하는데요, 김덕수 명인의 장구소리를 못들어보셨다면 이번기회에 꼭 감상해보시길 바랍니다. 공연정보공연일자 : 2020.5.28(목) ~ 05.31(일)공연시간 : 평일 오후7시30분, 주말 오.. 2020. 5. 26. 이전 1 2 3 4 5 6 다음 반응형
