<3035B0AD D4C5F584D4C5FC0CEC5CDB3DDBAB8C3E6C7D0BDC0C0DAB7E12E687770>

Size: px
Start display at page:

Download "<3035B0AD D4C5F584D4C5FC0CEC5CDB3DDBAB8C3E6C7D0BDC0C0DAB7E12E687770>"

Transcription

1 HTML/XML 인터넷보충학습자료 Cascading Style Sheets - HTML의단점을보완하기위해사용하는것으로, 웹문서에스타일 ( 예 ; 글꼴, 색상, 여백등 ) 을추가하는간단한메카니즘 1 다양한기능의확장 : HTML의단순한기능을확장 ( 추가, 변경 ) 시킴 2 통일된문서양식제공 : 한번의속성정의로여러문서에동시에적용가능 3 독립적인문서제작환경가능 : 사용환경 ( 브라우저 ) 에상관없는문서제작지원 4 문서형식의다양화 : CSS를통해보다다양하고멋진 HTML 문서작성이가능 5 로딩시간단축 : 통일된문서양식을통해처리할데이터양이감소 - 스타일정의형식

2 HTML/XML 인터넷보충학습자료 임베디드방식 : <HEAD> 태그안에 <STYLE> 태그를사용하여정의하는것으로, 설정한스타일은하나의페이지에서만적용. 따라서 HTML 문서마다다른스타일을적용할때편리 2 링크방식 : HTML 문서와는별도로스타일만설정한 CSS파일을만들어사용. *.css파일을따로만들어야하며 <HEAD> 태그내에 HREF속을이용하여 CSS파일을링크시킨다. TYPE속성을사용하여스타일시트종류를나타낼수도있다. 하나의 CSS 파일로여러 HTML 문서에적용할수있으므로, HTML 문서의수정없이하나의 CSS 문서수정으로스타일변경이가능

3 HTML/XML 인터넷보충학습자료 스타일시트를정의하는것은 CSS 이외에도여러가지가있다. 하지만본교재에서는 CSS만을다루므로 REL 속성의값은 stylesheet, TYPE 속성의값은 text/css 로지정한다. 3 인라인방식 : 인라인방식은원하는각태그에직접스타일을적용하는방법이다. 임베디드방식이페이지전체에적용된다고하면인라인방식은하나의태그안에서만적용된다. - 임베디드방법, 링크방법, 인라인방법을동시에사용할경우먼저적용되는우선순

4 HTML/XML 인터넷보충학습자료 위가있다. 인라인방법이우선순위가가장높고, 그다음은임베디드방식, 링크방법이가장낮게적용된다. - 클래스는하나의태그로여러가지속성을써야할경우사용한다. 즉하나의태그에대해서상황에따라다른여러가지속성을적용하는경우에유용 - 스타일정의 1 : - 스타일적용 :

5 HTML/XML 인터넷보충학습자료 스타일정의 2: - <H1>, <P>, <FONT> 가모두똑같은스타일을적용할경우앞에태그는생략하고 '.' 으로시작하도록정의하여사용할수있다. - 클래스속성과같은스타일적용을아이디속성을사용하여정의할수있다. - 아이디속성을사용하는방법은전체적으로클래스속성을사용할때와비슷하며, 다른점은. 대신에 # 를사용하여정의한다. - 본문에서스타일적용하기위해서는 CLASS 속성대신에 ID 속성의값을입력하여사용한다.

6 HTML/XML 인터넷보충학습자료 클래스는여러개를하나의페이지에사용할수있지만, 아이디는하나의페이지에한번만사용할수있다. - 글자를지정하는 CSS 속성 값 font-family : 글자체 font-size : 크기 font-weight : 크기 font-style : 스타일 font-variant : 키워드 설명글자체지정글자크기지정글자굵기지정글자스타일지정작은대문자로변환 - font-family - HTML의 <FONT> 태그의 face 속성과같은역할을한다. - 속성의값으로는구체적인글자체의이름을지정하며만약여러개의글자체를지정하고자할때에는, 로구분하여글자체를열거한다. - 여러개의글자체를지정해두면만약사용자시스템환경에해당글자체가없을경우다음글자체가자동으로적용된다. - 명조체, 굴림체, 궁서체 등구체적인글자체이외에다음값들을사용하여폰트의종류를값으로지정할수있다.

7 HTML/XML 인터넷보충학습자료 값 serif sans-serif cursive fantasy monospace 설명명조계열글자체고딕계열글자체필기체장식이되어있는글자체일정한공간으로되어있는글자체 - font-size - <FONT> 태그의 SIZE 속성과같은기능이다. 단 <SIZE> 의경우글자크기값이 1~7 까지만지정할수있는한계가있지만, font-size를사용하면훨씬더세밀한크기조정및크기조정도제한없이적용할수있다. - 기본값은픽셀단위로지정. 다른단위지정도가능 - 퍼센트 (%) 는브라우저창의크기에대비한비율로지정할수있다. - font-size 속성의값 값 xx-small x-small small medium large x-large xx-large smaller larger 설명대단히작은글자크기작은글자크기조금작은글자크기기본값 (12pt) 조금큰글자크기큰글자크기대단히큰글자크기상위글자크기에서 1단계큰글자크기상위글자크기에서 1단계작은글자크기

8 HTML/XML 인터넷보충학습자료 font-weight - HTML 태그의 <B> 태그와같이글자의굵기를지정할수있다. - 글자굵기의기본값은 400이고, 굵기의값은 100~900으로지정할수있다. 단, 굵기의표현은브라우저마다다르며, 값에따라굵기가변하지않는경우도있다. - font-weight 속성의값값설명 normal 기본값 bold 굵은글자굵기 (700) bolder 상위요소보다 1단계굵은글자굵기 lighter 상위요소보다 1단계작은글자굵기

9 HTML/XML 인터넷보충학습자료 font-style - HTML의 <I> 태그와같이글자의이탤릭체효과를내는스타일속성이다. - font-style 속성의값 값 italic oblique no 이탤릭체이탤릭체기본값 설명 - italic 값과 oblique 값의결과차이점은엄밀히말하면다르지만일반적인브라우저에서는이를구별하지않는다. 2 font-variant - 소문자를작은크기의대문자로변환시키는속성이다. - font-variant 속성의값 값 small-caps normal 설명작은대문자로변환기본값 -글자의글자체, 굵기, 크기, 스타일등을한꺼번에지정하고자할때는간단하게 font 속성을사용하여값만지정해서사용할수도있다. - 작성순서 : font-weight 값 font-style 값 font-variant 값 font-size 값 /line-height 값 font-family 값순서로표현하며, font-weight의값과 font-style 값, font-variant 값은서로순서를바꿔도상관없다. - 행의높이를지정하는 line-height 값은 font-size 값뒤에 / 를붙여입력한다.

10 HTML/XML 인터넷보충학습자료 font-size 값과 font-family 값은반드시넣어야한다. -예 - 문장지정하기는글자의간격, 정렬에대한스타일속성에관한것이다. - 문장을지정하는관련속성 값 letter-spacing : 수치 word-spacing : 수치 vertical-align : 수치 text-align : 수치 text-decoration : 키워드 text-transform : 키워드 설명글자간격지정단어간격지정수직정렬지정수평정렬지정글자장식지정대소문자지정 - HTML로는글자간간격을지정할수없기때문에 CSS를사용하여지정한다. 1 자간 : 글자와글자사이의간격. letter-spacing 속성사용. 마이너스값사용시글자끼리겹쳐보이게됨.

11 HTML/XML 인터넷보충학습자료 단어간격 : 단어와단어사이의간격. word-spacing 속성사용. 1 수평정렬 : HTML의 <align> 과같은기능. text-align 속성사용. - text-align 속성의값 속성 left right center justify 설명왼쪽정렬오른쪽정렬가운데정렬균등하게정렬 2 수직정렬 : vertical-align 속성사용. - HTML에서 <SUP> 태그, <SUB> 태그, ALIGN 속성등의기능에해당된다. - vertical-align 속성의값

12 HTML/XML 인터넷보충학습자료 값 baseline super sub top middle bottom 설명기본값위첨자로정렬아래첨자로정렬위쪽으로정렬가운데로정렬아래쪽으로정렬 - <SPAN> 태그 : 문장단위로텍스트영역을지정하는것, 그자체로는아무역할도하지않고문장의특정구역에 CSS 스타일을지정할때사용. 웹페이지중에서어떤태그도달려있지않은곳에뭔가를지정하기위해서사용 - HTML에서 <U> 태그, <STRIKE> 태그, <S> 태그등으로표현했던글자에밑줄이나취소선등을넣는기능이다. - text-decoration 속성사용. - text-decoration 속성의값

13 HTML/XML 인터넷보충학습자료 값 overline underline line-through blink none 설명글자에윗줄을그음글자에밑줄을그음글자가운데에선을그음글자를깜박이게함기본값 - 영문대소문자를소문자로, 소문자를대문자로변환, 또는단어의첫번째글자를대문자로자동으로지정하기위한속성 - text-transform 속성사용 - text-transform 속성의값 값 capitalize uppercase lowercase none 설명단어의첫번째글자를대문자로변환문자전체를대문자로변환문자전체를소문자로변환기본값 - 문단의첫글자를한칸띄워주는기능이다. - HTML에서는 &nbsp를사용하여수동으로빈칸띄워줘야하지만, CSS에서는

14 HTML/XML 인터넷보충학습자료 text-indent 속성을사용하여자동으로첫글자를띄워줄수있다. - - 줄과줄사이의간격을지정할수있는속성이다. - line-height 속성사용. - 높이는수치단위및퍼센트 (%) 로나타낼수있다. 단위가없이수치만지정하면글자크기의배수로간격지정된다.

15 HTML/XML 인터넷보충학습자료 연습문제 1. CSS의장점에대하여설명하시오. 다양한기능의확장 HTML은누구나쉽게익힐수있을정도로단순한기능을제공한다. 이에 CSS를사용하면다양한기능을추가시킬수있으며기능의변경도가능하다. 예를들어 HTML 태그에서는글자크기지정의범위가정해져있다. 이에 CSS를사용하면 HTML에서지원하지않는다양한글자크기의지정도가능하다. 통일된문서양식제공 HTML은각태그마다속성을일일이지정해줘야한다. 하지만 CSS를사용하면한번의속성정의로여러문서에서동시에다양하게적용할수있다. 이에따라페이지의관리가용이해져유지보수가쉬워진다. 즉문서의형식이모듈화된다. 사용자환경과상관없는독립된문서제작가능현재많은종류의브라우저를여러분들은볼수있다. 이에브라우저에따라서 HTML 문서의결과물이다르게표시될경우가있다. CSS를사용함으로써이를방지할수있고만든이의의도대로 HTML 문서의결과를확인할수있다. 문서형식의다양화 HTML은사용법과배우는데간단한반면그기능은단순하다. 하지만여기에추가적으로 CSS를사용함으로써더욱다양하고멋진 HTML 문서를만들수있다. 물론 HTML을배운사람들이라면 CSS를배우는것쯤은엄청쉽다. 로딩시간단축통일된문서양식을제공함으로써브라우저가읽어야하는문자의수가작아지기때문에로딩시간이단축된다. 2. CSS를사용하기위한 3가지방식에대하여설명하시오. 임베디드방식 HTML 문서에 CSS를삽입하는방식이다. <HEAD> 태그안에 <STYLE> 태그를사용하여스타일을정의하는것이다. 링크방식링크방식은 HTML 문서와는별도로스타일만을설정한 CSS 파일을만들어사용하는방법이다. CSS 만을작성한확장자 *.css를따로만들어야하며 <HEAD> 태그내에해당 CSS 파일을링크시킨다. CSS 파일을링크시킬때는스타일시트에링크하고있는것을나타내는 REL 속성과 CSS의경로를입력하는 HREF 속성, 그리고스타일시트의종류를나타내는 TYPE 속성을사용한다. 인라인방식인라인방식은각태그에직접스타일을적용하는방법이다. 임베디드방식이페이지전체에적용된다고하면인라인방식은하나의태그안에서만적용된다. 3. 다음은 CSS의임베디드방식을사용하여만든페이지이다. 이를링크방식으로바꿀경우 HTML 페이지와 CSS 페이지를작성하시오. (CSS 페이지의이름을 Exercise.css으로지정한다.

16 HTML/XML 인터넷보충학습자료 <HTML> <HEAD> <TITLE> 연습문제 </TITLE> <STYLE TYPE="text/css"> <!-- FONT { font-size: 10pt; font-family: 굴림체 ; font-weight: bold} P {line-height: 150%; text-indent: 10pt} --> </STYLE> </HEAD> <BODY> <P><FONT> 임베디드방식과링크방식의차이점 <FONT></P> </BODY> </HTML> FONT {font-size: 10pt; font-family: 굴림체 ; font-weight: bold} P {line-height: 150%; text-indent: 10pt} <HTML> <HEAD> <TITLE> 연습문제 </TITLE> <LINK REL="stylesheet" HREF="Exercise.css" TYPE="text/css"> </HEAD> <BODY> <P><FONT> 임베디드방식과링크방식의차이점 <FONT></P> </BODY> </HTML>

17 HTML/XML 인터넷보충학습자료 확인문제 다음의빈칸에알맞은단어를작성하시오. 1. 링크방식을사용하여스타일을적용할때에는 html 확장명을가진페이지이외에 ( ) 확장명을가진페이지를만들어야한다. 2. 필기체를글자체로적용하고자할때 font-family 속성의값을 ( ) 로지정해야한다. 3. font-style 속성의값을 italic로지정할경우그것은 HTML의 ( ) 태그와같은효과를낸다. 4. 글자를깜박이는효과를주기위해서는 text-decoration 속성값을 ( ) 로지정해줘야한다. 5. 글자의 2배만큼의줄간격을주기위해서는 line-height 값을 ( )% 로지정해줘야한다. 다음문장의참거짓여부를판별하시오. 6. 아이디속성을사용하여스타일을적용할때에는클래스속성을사용할때와는달리 & 문자를사용하여정의한다. ( ) 7. 글자크기를지정하는 font-size의값을기본값인 medium으로지정할경우그값은 10pt와같다. ( ) 8. 글자의간격을지정하는 letter-spacing 속성의값으로마이너스값을입력할수있다. ( ) 9. 수평정렬을위해서는 vertical-align 속성을사용한다.( ) 10. 영문의첫번째글자를대문자로변환시키는 text-transform 속성값은 uppercase 이다. ( ) 다음의문제에해당되는보기를고르시오. 11. 다음중 CSS의특징이아닌것은? ( ) 1) HTML에서지원하지않는다양한스타일을적용시킬수있다. 2) 통일된문서양식을제공한다. 3) 사용자환경을고려하여 CSS를작성해야한다. 4) 페이지로딩시간을단축시킨다. 12. font-weight 값으로 100~900 까지지정할수있다. 이에기본값은무엇인가? ( )

18 HTML/XML 인터넷보충학습자료 ) 300 2) 400 3) 500 4) 다음중 font 속성에대한설명으로잘못된것은? ( ) 1) font-weight 값과 font-style 값은넣지않아도상관없다. 2) font-weight 값과 font-style 값, font-variant 값은서로순서를바꿔도상관없다. 3) font-size 값과 font-family 값은반드시넣어야한다. 4) line-height 값은 font-size 값뒤에 & 를붙여줘야한다. 14. 다음중위첨자를입력하고자할때알맞은 vertical-align 값은? ( ) 1) baseline 2) super 3) sub 4) bottom 15. 다음중 <STRIKE> 태그와같은역할을하는 text-decoration 값은? ( ) 1) overline 2) underline 3) line-through 4) blink

02 장. 글꼴문단지정하기 이번장에서는스타일시트속성중에서글꼴과관련한속성과문단에관련된속성을살펴보도록하자.

02 장. 글꼴문단지정하기 이번장에서는스타일시트속성중에서글꼴과관련한속성과문단에관련된속성을살펴보도록하자. 02 장. 글꼴문단지정하기 이번장에서는스타일시트속성중에서글꼴과관련한속성과문단에관련된속성을살펴보도록하자. 이장에서다룰내용 1 2 3 4 5 글꼴꾸밈관련스타일시트텍스트관련스타일시트배경관련스타일시트목록관련스타일시트하이퍼링크관련스타일시트 2 01. 글꼴꾸밈관련스타일시트 v 글자에관련된스타일시트는크기, 스타일, 모양등에관련된 font 속성이가장많이사용 속성값설명 color

More information

이장에서다룰내용 테두리를제어하는스타일시트 외부여백 (Margin) 과내부여백 (Padding) 관련속성 위치관련속성 2

이장에서다룰내용 테두리를제어하는스타일시트 외부여백 (Margin) 과내부여백 (Padding) 관련속성 위치관련속성 2 03 장. 테두리여백지정하는속성 이번장에서는테이블, 레이어, 폼양식등의더예쁘게꾸미기위해서 CSS 를이용하여 HTML 요소의테두리속성을바꾸어보자. 이장에서다룰내용 1 2 3 테두리를제어하는스타일시트 외부여백 (Margin) 과내부여백 (Padding) 관련속성 위치관련속성 2 01. 테두리를제어하는스타일시트 속성값설명 border-width border-left-width

More information

Lab1

Lab1 Lab 1: HTML CSS 2015 Fall human-computer interaction + design lab. Joonhwan Lee HTML Web Server (World Wide Web: WWW)? (., FTP ). web 3 웹 구조의 이해 웹페이지 웹페이지는 HTML 이라는 언어로 만들어진 일종의 프로그램 웹페이지는 텍스트, 이미지, 동영상,

More information

Week8-Extra

Week8-Extra Week 08 Extra HTML & CSS Joonhwan Lee human-computer interaction + design lab. HTML CSS HTML, HTML 5 1. HTML HTML HTML HTML (elements) (attributes), (arguments). HTML (tag), DTD (Document Type Definition).!4

More information

PowerPoint Presentation

PowerPoint Presentation 웹과인터넷활용및실습 (Web & Internet) Suan Lee - 웹과인터넷활용및실습 (Web & Internet) - 04. CSS3 스타일속성기본 1 04. CSS3 스타일속성 04. CSS3 Style Properties - 웹과인터넷활용및실습 (Web & Internet) - 04. CSS3 스타일속성기본 2 CSS3 단위 1 CSS 는각각의스타일속성에다양한값을입력

More information

Front-Side 웹개발의이해 (CSS Basic) 1. CSS 란?

Front-Side 웹개발의이해 (CSS Basic) 1. CSS 란? CSS Basic 과정소개 과정목표 : CSS 의기본개념이해 1. CSS 란? 2. CSS 선택자 3. CSS 속성 1 Front-Side 웹개발의이해 (CSS Basic) 1. CSS 란? 1. CSS 란? - 스타일선언이위에서아래로순차적으로적용이되고, 마지막에선언된스타일이우선순위갖음 - 마크업언어 (HTML/XHTML) 가실제화면에표시되는방법을기술하는언어

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 HTML5 웹프로그래밍입문 4 장. CSS3 스타일시트기초 1 목차 4.1 CSS3 시작하기 4.2 CSS 기본사용법 4.3 문자와색상지정하기 4.4 목록과표장식하기 2 4.1 CSS3 시작하기 4.1.1 스타일시트와 CSS3 기본개념 4.1.2 CSS 속성선언 4.1.3 문서일부분에 CSS 속성설정 3 스타일시트와 CSS3 기본개념 스타일시트란? 웹문서의출력될외형스타일

More information

슬라이드 1

슬라이드 1 웹프로그래밍 HTML, 자바스크립트, ASP 를중심으로 제 3 장고급 HTML 작성 목차 제 3 장고급 HTML 작성 2.1 기본태그 2.2 LINK 태그 2.3 Image 2.4 TABLE 2.5 FRAME 2.6 INPUT 양식 2 3 장고급 HTML 작성 멀티미디어파일다루기 스타일시트 레이어 3 3.1 멀티미디어 최근인터넷사용자가급증하면서기업 / 개인용홈페이지가급증하였고다양한홈페이지를만들기위해많은기술들이생겨나고있음

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 05 장 CSS3 선택자 1. 선택자개요 2. 기본선택자 3. 속성선택자 4. 후손선택자와자손선택자 5. 반응 / 상태 / 구조선택자 CSS 블록을생성할수있다. 선택자를이해하고적절한선택자를활용할수있다. 1 선택자개요 CSS3 선택자 특정한 HTML 태그를선택할때사용하는기능 선택한태그에원하는스타일이나스크립트적용가능 그림 5-1 CSS 블록 CSS 블록 style

More information

<3036B0AD D4C5F584D4C5FC0CEC5CDB3DDBAB8C3E6C7D0BDC0C0DAB7E12E687770>

<3036B0AD D4C5F584D4C5FC0CEC5CDB3DDBAB8C3E6C7D0BDC0C0DAB7E12E687770> HTML/XML 인터넷보충학습자료 - 1 - (1) 글자색상 : color 속성사용 - 태그의 color 속성과같은역할을한다. (2) 배경지정 : background-color 속성사용. - HTML의 bgcolor 속성과같은역할. bgcolor 속성은일정한태그에만한정되어있지만 background-color 속성은어떤태그에서도모두적용된다.

More information

웹의 뼈대 HTML의 이해 개요 및 텍스트 태그

웹의 뼈대 HTML의 이해 개요 및 텍스트 태그 HTML 의이해 - 개요및텍스트태그 최현종 ( 서원대학교 ) HTML 의개요 웹문서란무엇인가? 인터넷에올려진문서 HTML : 다양한멀티미디어요소까지다룰수있는인터넷표준웹문서 웹브라우저란무엇인가? 웹문서를보기위한프로그램 대표적인웹브라우저 - 인터넷익스플로러 - 넷스케이프내비게이터 - 오페라 그림 1. 인터넷익스플로러 HTML 의정의 - Hyper Text Markup

More information

쉽게 풀어쓴 C 프로그래밍

쉽게 풀어쓴 C 프로그래밍 CHAPTER 7. HTML 와 CSS 로웹사이트만들 기 웹사이트작성 웹사이트구축과정 내비게이션구조도 홈페이지레이아웃 헤더 web Shop 내비게이션메뉴

More information

PowerPoint Presentation

PowerPoint Presentation WordPress 를이용한웹사이트만들기 2015 년 한지웅 WordPress 를이용한웹사이트만들기 Day 1 Day 2 Day 3 Day 4 Day 5 1. 웹사이트제작기초 HTLM 기본 CSS 기본 WordPress 개론 ( 웹사이트구축툴 ) 2. 웹호스팅 / 웹사이트구축 웹호스팅업체선택 cpanel 설정 WordPress 설치 3. WordPress 기초활용

More information

네트워크 명령 실습

네트워크 명령 실습 HTML 실습 Contents 1. WWW, HTTP, HTML 개요 2. HTML 기본구조 3. HTML 기본태그 1. 글자관련 2. 서식관련 3. 표관련 4. 하이퍼링크관련 5. 프레임관련 6. 멀티미디어관련 7. 배경등꾸미기관련 8. 아이템화관련 1. HTML 개요 1. HTML(Hyper Text Markup Language) A. 웹문서를표현하는기술

More information

What Is CSS? Stands for Cascading Style Sheets. Is a simple mechanism for adding style (e.g. fonts, colors, spacing) to Web documents. Styles define h

What Is CSS? Stands for Cascading Style Sheets. Is a simple mechanism for adding style (e.g. fonts, colors, spacing) to Web documents. Styles define h What is CSS? Bok, Jong Soon jongsoon.bok@gmail.com www.javaexpert.co.kr What Is CSS? Stands for Cascading Style Sheets. Is a simple mechanism for adding style (e.g. fonts, colors, spacing) to Web documents.

More information

e-비즈니스 전략 수립

e-비즈니스 전략 수립 CSS3 속성 HTML5 웹프로그래밍입문 ( 개정판 ) Contents 학습목표 CSS3가지원하는스타일속성과스타일값을활용할수있습니다. CSS3를사용해레이아웃을잡을수있습니다. 내용 CSS3 단위 박스속성 display 속성 배경속성 글자속성 위치속성 float 속성 그림자속성 그레이디언트 2/85 1. CSS3 단위 키워드단위 W3C에서미리정의한단어 키워드를입력하면키워드에해당하는스타일이자동으로적용

More information

쉽게 풀어쓴 C 프로그래밍

쉽게 풀어쓴 C 프로그래밍 CHAPTER 4. CSS 스타일시트기초 CSS 의개념 문서의구조 -> HTML 문서의스타일 ->? CSS 의역할 만약 CSS 가없다면 CSS CSS(Cascading Style Sheets): 문서의스타일을지정한다. CSS 의장점 거대하고복잡한사이트를관리할때에필요 모든페이지들이동일한 CSS 를공유 CSS 에서어떤요소의스타일을변경하면관련되는전체페이지의내용이한꺼번에변경

More information

Javascript

Javascript 1. HTML 이란? HTML 은 Hyper Text Mark Up Language 의약자로예약되어있는각종태그라는명령어를이용하여웹페이지를작성할때사용하는언어입니다. 2. HTML 의기본구조 < 태그 > 내용 < 태그속성 = 변수 > 내용

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 : 준비학습 2: 학습내용 11장. 12장. 이미지, 목록, 하이퍼링크스타일 13장. 테두리, 폼양식관련스타일과레이어 14장. 필터효과와 활용하기 : 11 장. 학습내용 개요와삽입법 선택자 글꼴 / 문단관련스타일 개요 Cascading Style Sheets 의약자 계단형스타일시트 라고한다. 의표준화작업과신기술및팁을제공하는 W3C 에서 1996 년 레벨 1

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 HTML5 웹프로그래밍입문 5 장. 고급표현을위한 CSS3 활용 1 목차 5.1 박스모델설정하기 5.2 레이아웃설정하기 5.3 다양한효과설정하기 5.4 움직임설정하기 2 5.1 박스모델설정하기 5.1.1 영역설정을위한박스모델 5.1.2 박스모델유형의지정 3 영역설정을위한박스모델 배경영역 , , : 해당하는줄만큼배경 ,

More information

1997 4 23 2000 9 5 2003 9 10 2008 2 20 2008 12 10 2011 7 1 2012 8 17 2014 9 19 2015 3 31 2015 6 30 2016 9 30 2017 6 30 2019 3 31 326 327 328 < >

More information

예스폼 프리미엄 템플릿

예스폼 프리미엄 템플릿 HTML 과 CSS 를활용한개별디자인 D4 강사김준일 01. HTML, CSS 그리고메이크샵 1 2 쇼핑몰의구조와기능 이미지, 문구등내용을 담당하는언어 쇼핑몰 쇼핑몰이어떻게보여질지 표현 ( 디자인 ) 을담당하는언어 3 4 쇼핑몰의 UI 및배너등을 표현하며유효성검사등을 담당하는개발언어 쇼핑몰의핵심기능을담당하는 쇼핑몰프로그램으로 HTML,CSS,Javascript

More information

WEB HTML CSS Overview

WEB HTML CSS Overview WEB HTML CSS Overview 2017 spring seminar bloo 오늘의수업은 실습 오늘의수업은 이상 : 12:40 목표 : 1:00 밤샘 SPARCS 실습 오늘의수업은 근데숙제는많음 화이팅 WEB 2017 spring seminar bloo WEB WEB 의원시적형태 WEB 의원시적형태 질문 못받음 ㅈㅅ HTML 2017 spring seminar

More information

PowerPoint Template

PowerPoint Template JavaScript 회원정보 입력양식만들기 HTML & JavaScript Contents 1. Form 객체 2. 일반적인입력양식 3. 선택입력양식 4. 회원정보입력양식만들기 2 Form 객체 Form 객체 입력양식의틀이되는 태그에접근할수있도록지원 Document 객체의하위에위치 속성들은모두 태그의속성들의정보에관련된것

More information

Ext JS À¥¾ÖÇø®ÄÉÀ̼ǰ³¹ß-³¹Àå.PDF

Ext JS À¥¾ÖÇø®ÄÉÀ̼ǰ³¹ß-³¹Àå.PDF CHAPTER 2 (interaction) Ext JS., HTML, onready, MessageBox get.. Ext JS HTML CSS Ext JS.1. Ext JS. Ext.Msg: : Ext Ext.get: DOM 22 CHAPTER 2 (config). Ext JS.... var test = new TestFunction( 'three', 'fixed',

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 Html 은웹에서 text, images, movie 등다양한정보의요소를 담을수있는문서형식이다. 정보 (txt, imges) 전송 = 동일한어플리케이션 = 정보 (txt, imges) 정보 (txt, imges Movie, 동작 ) 정보 (txt, imges movie) 어플리케이션 웹브라우저 HTML5 는기존 HTML 에차별화된특징을가진 최신버전의웹표준언어.

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 How to produce table XHTML 임정희 M2community 1 Table of Contents 1. XHTML - XHTML 과 HTML 2. Table XHTML - Table의이해 - Table 링크연결 - Table 작성 2 15 th KCSE Editor s Workshop, Seoul 2015 XHTML XHTML 기존에사용되던 HTML

More information

Microsoft PowerPoint - aj-lecture1-HTML-CSS-JS.ppt [호환 모드]

Microsoft PowerPoint - aj-lecture1-HTML-CSS-JS.ppt [호환 모드] Web Technology Stack HTML, CSS, JS Basics HTML Tutorial https://www.w3schools.com/html/default.asp CSS Tutorial https://www.w3schools.com/css/default.asp JS Tutorial 524730-1 2019 년봄학기 3/11/2019 박경신 https://www.w3schools.com/html/default.asp

More information

2009년 상반기 사업계획

2009년 상반기 사업계획 웹 (WWW) 쉽게배우는데이터통신과컴퓨터네트워크 학습목표 웹서비스를위한클라이언트 - 서버구조를살펴본다. 웹서비스를지원하는 APM(Apache, PHP, MySQL) 의연동방식을이해한다. HTML 이지원하는기본태그명령어와프레임구조를이해한다. HTTP 의요청 / 응답메시지의구조와동작원리를이해한다. CGI 의원리를이해하고 FORM 태그로사용자입력을처리하는방식을알아본다.

More information

Microsoft PowerPoint - SCLURYPCHTYJ

Microsoft PowerPoint - SCLURYPCHTYJ 12. 구현기술 Ⅵ - CSS t y i li Acce ssi b W e b 문자색및배경 글꼴및텍스트 표및사용자인터페이스 음성스타일시트 학습내용 문자색과배경, 글꼴과텍스트에대해이해한다. 사용자인터페이스및음성스타일시트에대해이해한다. 3 / 58 문자색및배경 문자색속성 (color 속성 ) 배경속성 (background 속성 ) 배경색, 배경이미지, 내용의관계

More information

웹프로그래밍응용

웹프로그래밍응용 7 주차 CSS 다루기 1. CSS3 개요 2. 선택자 3. 스타일시트선언 4. 스타일속성 5. 박스모델 6. CSS3 레이아웃 7. 확장폰트요약 >> 학습목표

More information

Microsoft PowerPoint - web-part02-ch15-문서객체조작.pptx

Microsoft PowerPoint - web-part02-ch15-문서객체조작.pptx 과목명 : 웹프로그래밍응용교재 : 모던웹을위한 JavaScript Jquery 입문, 한빛미디어 Part2. jquery Ch15. 문서객체조작 2014년 1학기 Professor Seung-Hoon Choi 15 문서객체조작 문서객체조작 자바스크립트만으로문서객체모델을다루려면복잡함 jquery를이용하면쉽게다룰수있다. 이책에서가장중요한부분 15.1 문서객체의클래스속성추가

More information

수식모드수식의표현법 수학식표현 조남운 조남운 수학식표현

수식모드수식의표현법 수학식표현 조남운 조남운 수학식표현 조남운 mailto:namun.cho@gmail.com 2008.2.20 AMS-TEX 미국수학회 (American Mathematical Society) 에서만든수학패키지 대부분의수학표현은 AMS-TEX 을이용하고있음. 자세한내용은 AMS-TEX 매뉴얼을참조할것. http://www.ams.org/tex/amstex.html AMS-TEX 패키지선언 \usepackage{amssymb,

More information

미쓰리 파워포인트

미쓰리 파워포인트 computer & internet 07. FRAME TAG FRAME? 프레임이란? : 웹페이지를수직이나수평으로여러개영역으로나누어다른웹문서가들어갈수있도록구성할수있음. 이때나누어진각각의창을프레임이라고함. 2 FRAME 문서의구조 HTML 문서에서 태그기능을 프레임문서구조에서는 이대신함 일반웹페이지구조 ..

More information

Overall Process

Overall Process CSS ( ) Overall Process Overall Process (Contents : Story Board or Design Source) (Structure : extensible HyperText Markup Language) (Style : Cascade Style Sheet) (Script : Document Object Model) (Contents

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 실습 1 배효철 th1g@nate.com 1 목차 조건문 반복문 System.out 구구단 모양만들기 Up & Down 2 조건문 조건문의종류 If, switch If 문 조건식결과따라중괄호 { 블록을실행할지여부결정할때사용 조건식 true 또는 false값을산출할수있는연산식 boolean 변수 조건식이 true이면블록실행하고 false 이면블록실행하지않음 3

More information

CAD 화면상에 동그란 원형 도형이 생성되었습니다. 화면상에 나타난 원형은 반지름 500인 도형입니다. 하지만 반지름이 500이라는 것은 작도자만 알고 있는 사실입니다. 반지름이 500이라는 것을 클라이언트와 작업자들에게 알려주기 위 해서는 반드시 치수가 필요하겠죠?

CAD 화면상에 동그란 원형 도형이 생성되었습니다. 화면상에 나타난 원형은 반지름 500인 도형입니다. 하지만 반지름이 500이라는 것은 작도자만 알고 있는 사실입니다. 반지름이 500이라는 것을 클라이언트와 작업자들에게 알려주기 위 해서는 반드시 치수가 필요하겠죠? 실무 인테리어를 위한 CAD 프로그램 활용 인테리어 도면 작도에 꼭 필요한 명령어 60개 Ⅷ 이번 호에서는 DIMRADIUS, DIMANGULAR, DIMTEDIT, DIMSTYLE, QLEADER, 5개의 명령어를 익히도록 하겠다. 라경모 온라인 설계 서비스 업체 '도면창고' 대 표를 지낸 바 있으며, 현재 나인슈타인 을 설립해 대표 를맡고있다. E-Mail

More information

슬라이드 1

슬라이드 1 BUSINESS DATA What DATA Disconnection SCOPE CONTEXTUAL Planner ENTERPRISE MODEL CONCEPTUAL List of Things Important to the Business ENTITY = Class of Business Thing e.g. Semantic Model Owner SYSTEM MODEL

More information

Microsoft PowerPoint - 강의노트 2.ppt

Microsoft PowerPoint - 강의노트 2.ppt CSS 개요 DHTML+ 자바스크립트프로그래밍 제 2 장스타일시트 (CSS: Cascading Style Sheet) 를이용한화려한 HTML 문서 All right reserved. N part f this lecture nte may be reprduced, in any frm r by any means, withut permissin in writing

More information

다른 JSP 페이지호출 forward() 메서드 - 하나의 JSP 페이지실행이끝나고다른 JSP 페이지를호출할때사용한다. 예 ) <% RequestDispatcher dispatcher = request.getrequestdispatcher(" 실행할페이지.jsp");

다른 JSP 페이지호출 forward() 메서드 - 하나의 JSP 페이지실행이끝나고다른 JSP 페이지를호출할때사용한다. 예 ) <% RequestDispatcher dispatcher = request.getrequestdispatcher( 실행할페이지.jsp); 다른 JSP 페이지호출 forward() 메서드 - 하나의 JSP 페이지실행이끝나고다른 JSP 페이지를호출할때사용한다. 예 ) RequestDispatcher dispatcher = request.getrequestdispatcher(" 실행할페이지.jsp"); dispatcher.forward(request, response); - 위의예에서와같이 RequestDispatcher

More information

윈도우즈프로그래밍(1)

윈도우즈프로그래밍(1) 제어문 (2) For~Next 문 윈도우즈프로그래밍 (1) ( 신흥대학교컴퓨터정보계열 ) 2/17 Contents 학습목표 프로그램에서주어진특정문장을부분을일정횟수만큼반복해서실행하는문장으로 For~Next 문등의구조를이해하고활용할수있다. 내용 For~Next 문 다중 For 문 3/17 제어문 - FOR 문 반복문 : 프로그램에서주어진특정문장들을일정한횟수만큼반복해서실행하는문장

More information

2_안드로이드UI

2_안드로이드UI 03 Layouts 레이아웃 (Layout) u ViewGroup의파생클래스로서, 포함된 View를정렬하는기능 u 종류 LinearLayout 컨테이너에포함된뷰들을수평또는수직으로일렬배치하는레이아웃 RelativeLayout 뷰를서로간의위치관계나컨테이너와의위치관계를지정하여배치하는레이아웃 TableLayout 표형식으로차일드를배치하는레이아웃 FrameLayout

More information

Microsoft PowerPoint 웹 연동 기술.pptx

Microsoft PowerPoint 웹 연동 기술.pptx 웹프로그래밍및실습 ( g & Practice) 문양세강원대학교 IT 대학컴퓨터과학전공 URL 분석 (1/2) URL (Uniform Resource Locator) 프로토콜, 호스트, 포트, 경로, 비밀번호, User 등의정보를포함 예. http://kim:3759@www.hostname.com:80/doc/index.html URL 을속성별로분리하고자할경우

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 How to construct XSL and/or CSS for style sheet of XML files based on the data type definition 조윤상 ( 과편협기획운영위원 ) 1 Table of Contents 1. XML, XSL and CSS? 2. What is XSL? XSLT? XPath? XSL-FO? 3. What is

More information

글자가족 type family AG 안상수체 2012 ExtraLight AG안상수체2012 Light AG안상수체2012 Medium AG안상수체2012 Bold AG안상수체2012 ExtraBlod

글자가족 type family AG 안상수체 2012 ExtraLight AG안상수체2012 Light AG안상수체2012 Medium AG안상수체2012 Bold AG안상수체2012 ExtraBlod AG 글꼴미리보기 AG type overview AG 안상수체 2012 안상수체는 1985년안상수가디자인한탈네모틀글꼴이다. 한글쪽자는수직선, 수평선, 사선, 정원의기하학모양이며, 홀자기둥이받침의정가운데맞닿아있는것이특징이다. AG 안상수체 2012는기존안상수체에서로마자, 기호활자를다듬고굵기를판올림한것이다. 글자가족은아주가는 (EL), 가는 (L), 중간 (M),

More information

Microsoft PowerPoint HTML.ppt

Microsoft PowerPoint HTML.ppt 웹프로그래밍 () HTML () 2006 년봄학기 문양세강원대학교컴퓨터과학과 웹페이지제작단계및환경 주제와주제와내용선정 어떤어떤내용을내용을담을담을것인지것인지,, 어떤어떤단계로단계로제작할제작할것인지것인지결정결정 디자인디자인 웹페이지페이지구조구조 저작권저작권확인확인 로고로고, 아이콘, 아이콘또는또는멀티미디어멀티미디어등다양한다양한소재를소재를어떻게어떻게꾸밀꾸밀것인지것인지구성구성

More information

Microsoft PowerPoint - web-part01-ch10-문서객체모델.pptx

Microsoft PowerPoint - web-part01-ch10-문서객체모델.pptx 과목명 : 웹프로그래밍응용교재 : 모던웹을위한 JavaScript Jquery 입문, 한빛미디어 Part1. JavaScript / Ch10. 문서객체모델 2014년 1학기 Professor Seung-Hoon Choi 10 문서객체모델 문서객체모델 (Document Object Model, DOM) 웹브라우저가 HTML 페이지를인식하는방식 document

More information

SmartEditor Basic 2.0 개발자 가이드

SmartEditor Basic 2.0 개발자 가이드 목차 소개 9 SmartEditor Basic 2.0 의특징 9 지원브라우저 10 제공기능상세 10 글꼴 10 글자크기 11 글자효과 12 글자색 13 글자배경색 14 위첨자와아래첨자 15 정렬 16 줄간격 16 번호매기기 17 글머리기호 17 내어쓰기와들여쓰기 17 인용구스타일 18 하이퍼링크 18 특수기호 19 표생성과간단편집기 20 찾기와바꾸기 21 편집모드

More information

제이쿼리 (JQuery) 정의 자바스크립트함수를쉽게사용하기위해만든자바스크립트라이브러리. 웹페이지를즉석에서변경하는기능에특화된자바스크립트라이브러리. 사용법 $( 제이쿼리객체 ) 혹은 $( 엘리먼트 ) 참고 ) $() 이기호를제이쿼리래퍼라고한다. 즉, 제이쿼리를호출하는기호

제이쿼리 (JQuery) 정의 자바스크립트함수를쉽게사용하기위해만든자바스크립트라이브러리. 웹페이지를즉석에서변경하는기능에특화된자바스크립트라이브러리. 사용법 $( 제이쿼리객체 ) 혹은 $( 엘리먼트 ) 참고 ) $() 이기호를제이쿼리래퍼라고한다. 즉, 제이쿼리를호출하는기호 제이쿼리 () 정의 자바스크립트함수를쉽게사용하기위해만든자바스크립트라이브러리. 웹페이지를즉석에서변경하는기능에특화된자바스크립트라이브러리. 사용법 $( 제이쿼리객체 ) 혹은 $( 엘리먼트 ) 참고 ) $() 이기호를제이쿼리래퍼라고한다. 즉, 제이쿼리를호출하는기호 CSS와마찬가지로, 문서에존재하는여러엘리먼트를접근할수있다. 엘리먼트접근방법 $( 엘리먼트 ) : 일반적인접근방법

More information

<!DOCTYPE html> <html> <head> #p1{background:#ff0000;} 1 배경색을 16진수지정방식사용 #p2{background:rgb(255,0,0);} 2 배경색을 rgb 지정방식사용 #p3{background:rgba(255,0,0,0

<!DOCTYPE html> <html> <head> #p1{background:#ff0000;} 1 배경색을 16진수지정방식사용 #p2{background:rgb(255,0,0);} 2 배경색을 rgb 지정방식사용 #p3{background:rgba(255,0,0,0 1. 색상이해하기 1.1 색모델 Ÿ RGB 색모델 R( 빨강 ), G( 녹색 ), B( 파랑 ) 를삼원색으로하는색모델로서삼원자극이론에근거한색모델이다. 16진수색상지정방식으로 rgb() 색상지정방식과 RGBA() 색상방식지정방식이있다. Ÿ HSL 색모델 H( 색조 ), S( 채도 ), L( 밝기 ) 의쌍으로색상지정이다. HSL() 색상지정방식 HSLA() 색상지정방식이있다.

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 ONE page html 이란? 원페이지는최근의홈페이지제작트렌드로한페이지에상단에서하단으로의마우스스크롤링을통해서컨텐츠를보여주는스타일의홈페이지입니다. USER 의시선을분산시키지않고위쪽에서아래쪽으로마우스스크롤링을통해서홈페이지의컨텐츠를보여주게됩니다. 반응형으로제작되어스마트폰, 아이패드, 태블릿,PC, 노트북등다양한디바이스에서자동으로최적화됩니다. ONE page 웹사이트사례

More information

Microsoft PowerPoint - chap04-연산자.pptx

Microsoft PowerPoint - chap04-연산자.pptx int num; printf( Please enter an integer: "); scanf("%d", &num); if ( num < 0 ) printf("is negative.\n"); printf("num = %d\n", num); } 1 학습목표 수식의 개념과 연산자, 피연산자에 대해서 알아본다. C의 를 알아본다. 연산자의 우선 순위와 결합 방향에

More information

SK Telecom Platform NATE

SK Telecom Platform NATE SK Telecom Platform NATE SK TELECOM NATE Browser VER 2.6 This Document is copyrighted by SK Telecom and may not be reproduced without permission SK Building, SeRinDong-99, JoongRoGu, 110-110, Seoul, Korea

More information

Lab10

Lab10 Lab 10: Map Visualization 2015 Fall human-computer interaction + design lab. Joonhwan Lee Map Visualization Shape Shape (.shp): ESRI shp http://sgis.kostat.go.kr/html/index.html 3 d3.js SVG, GeoJSON, TopoJSON

More information

chap 5: Trees

chap 5: Trees 5. Threaded Binary Tree 기본개념 n 개의노드를갖는이진트리에는 2n 개의링크가존재 2n 개의링크중에 n + 1 개의링크값은 null Null 링크를다른노드에대한포인터로대체 Threads Thread 의이용 ptr left_child = NULL 일경우, ptr left_child 를 ptr 의 inorder predecessor 를가리키도록변경

More information

Microsoft PowerPoint - e pptx

Microsoft PowerPoint - e pptx Import/Export Data Using VBA Objectives Referencing Excel Cells in VBA Importing Data from Excel to VBA Using VBA to Modify Contents of Cells 새서브프로시저작성하기 프로시저실행하고결과확인하기 VBA 코드이해하기 Referencing Excel Cells

More information

<3033B0AD D4C5F584D4C5FC0CEC5CDB3DDBAB8C3E6C7D0BDC0C0DAB7E12E687770>

<3033B0AD D4C5F584D4C5FC0CEC5CDB3DDBAB8C3E6C7D0BDC0C0DAB7E12E687770> HTML/XML 인터넷보충학습자료 - 1 - - HTML 표를만들기위해서는 태그를사용한다. - - 테이블에서행과열을나눠주기위한태그는따로지정해야해며나눌개수만큼반복해서작성해야한다.

More information

HTML5

HTML5 행맨 류관희 충북대학교 2 3 4 5 사전준비 단어목록읽기 단어빈칸보여주기 인터페이스를통해알파벳선택하면알파벳사라지기 단어에선택한알파벳이있으면표시하기 없으면선이나타원으로사람형태그리기 게임종료조건 : 모든맞추는경우 모두틀린경우 ( 행맨 ) 6 단어목록배열에저장 words.js var words = [ "muon", "blight","kerfuffle","qat"

More information

일반인을 위한 전자책 제작 방법

일반인을 위한 전자책 제작 방법 국립중앙도서관 디지털 정보활용능력 교육 이펍(ePub) 제작 입문 2015. 6. 강사 : 최 현 이북스펍 대표 (http://ebookspub.co.kr) - 1 - - 강의 내용 - 1. epub 이란 무엇인가 1.1. 전자책 출판 프로세스 이해 1.2. 전자책의 다양한 형태와 제작방식 1.2. epub 개념 이해 및 제작툴 종류 2. epub 제작툴 소개

More information

1. 박사학위논문체제 1) 규격 : 4 6배판 (19cm 26cm) 2) 내지 : 70파운드이상모조지 3) 표지색상 : 짙은청색 4) 제본형식 : 클로즈양장 5) 표지인쇄 : ( 참조 ) 에따르되명조체활자-금박으로한다. 6) 논문편집순서 ( 반드시순서에따를것 ) (1)

1. 박사학위논문체제 1) 규격 : 4 6배판 (19cm 26cm) 2) 내지 : 70파운드이상모조지 3) 표지색상 : 짙은청색 4) 제본형식 : 클로즈양장 5) 표지인쇄 : ( 참조 ) 에따르되명조체활자-금박으로한다. 6) 논문편집순서 ( 반드시순서에따를것 ) (1) 박사학위청구논문작성체제 홍익대학교 1. 박사학위논문체제 2. 양식예시 3. 제본된표지및표제지의규격및양식 4. 문헌기재방법의예 5. 학위논문파일작성방법 6. 영문논문작성체제 1. 박사학위논문체제 1) 규격 : 4 6배판 (19cm 26cm) 2) 내지 : 70파운드이상모조지 3) 표지색상 : 짙은청색 4) 제본형식 : 클로즈양장 5) 표지인쇄 : ( 참조 )

More information

OCW_C언어 기초

OCW_C언어 기초 초보프로그래머를위한 C 언어기초 4 장 : 연산자 2012 년 이은주 학습목표 수식의개념과연산자및피연산자에대한학습 C 의알아보기 연산자의우선순위와결합방향에대하여알아보기 2 목차 연산자의기본개념 수식 연산자와피연산자 산술연산자 / 증감연산자 관계연산자 / 논리연산자 비트연산자 / 대입연산자연산자의우선순위와결합방향 조건연산자 / 형변환연산자 연산자의우선순위 연산자의결합방향

More information

03 ¸ñÂ÷

03 ¸ñÂ÷ 2010 I 04 I April Family i n t e r v i e w 004 052 008 058 065 076 080 084 2010 + 04 + April 088 092 094 096 098 4 2010 + April 5 6 2010 + April 7 letter 01 letter 02 letter 03 letter 04 letter 05 letter

More information

1809_2018-BESPINGLOBAL_Design Guidelines_out

1809_2018-BESPINGLOBAL_Design Guidelines_out 베스핀글로벌 디자인 가이드라인 베스핀글로벌은 경험과 기술을 바탕으로 고객에게 신뢰를 주는 기업이기를 지향합니다. 모든 서비스와 소통채널에서 우리의 가치를 일관되게 표현하도록 합니다. SIGNATURE SIGNATURE + SLGAN SIGNATURE [CHINA] SIGNATURE + SYMBL 2018년 1.ver 베스핀글로벌 디자인 가이드라인 디자인 가이드라인을

More information

C# Programming Guide - Types

C# Programming Guide - Types C# Programming Guide - Types 최도경 lifeisforu@wemade.com 이문서는 MSDN 의 Types 를요약하고보충한것입니다. http://msdn.microsoft.com/enus/library/ms173104(v=vs.100).aspx Types, Variables, and Values C# 은 type 에민감한언어이다. 모든

More information

NATE CP 가이드 1. WML 페이지에서줄바꿈문제 개요 WML 페이지에서줄바꿈은명시적으로 <br/> 태그를사용하여야한다. 설명그림 2 의의도로제작된페이지에서 Card Styles 텍스트와 Select 박스사이에명시적인 <br/> 태그가없어, 그림 1 과같이줄바꿈이되

NATE CP 가이드 1. WML 페이지에서줄바꿈문제 개요 WML 페이지에서줄바꿈은명시적으로 <br/> 태그를사용하여야한다. 설명그림 2 의의도로제작된페이지에서 Card Styles 텍스트와 Select 박스사이에명시적인 <br/> 태그가없어, 그림 1 과같이줄바꿈이되 NATE CP 가이드 1. WML 페이지에서줄바꿈문제 WML 페이지에서줄바꿈은명시적으로 태그를사용하여야한다. 그림 2 의의도로제작된페이지에서 Card Styles 텍스트와 Select 박스사이에명시적인 태그가없어, 그림 1 과같이줄바꿈이되지않고한줄로보여짐. [ 그림 1] 비정상 [ 그림 2] 정상

More information

Microsoft Word - ijungbo1_13_02

Microsoft Word - ijungbo1_13_02 [ 인터넷정보관리사필기 ] 기출문제 (11) 1 1. 지금부터인터넷정보관리사필기기출문제 (11) 를풀어보겠습니다. 2. 홈페이지제작할때유의할점으로가장거리가먼것은무엇일까요? 3. 정답은 ( 라 ) 입니다. 홈페이지제작시유의할점으로는로딩속도를고려하며, 사용자중심의인터페이스로제작하고, 이미지의크기는적당하게조절하여야한다. [ 인터넷정보관리사필기 ] 기출문제 (11)

More information

금오공대 컴퓨터공학전공 강의자료

금오공대 컴퓨터공학전공 강의자료 C 프로그래밍프로젝트 Chap 14. 포인터와함수에대한이해 2013.10.09. 오병우 컴퓨터공학과 14-1 함수의인자로배열전달 기본적인인자의전달방식 값의복사에의한전달 val 10 a 10 11 Department of Computer Engineering 2 14-1 함수의인자로배열전달 배열의함수인자전달방식 배열이름 ( 배열주소, 포인터 ) 에의한전달 #include

More information

1. 박사학위논문체제 1) 규격 : 4 6배판 (19cm 26cm) 2) 내지 : 70파운드이상모조지 3) 표지색상 : 짙은청색 4) 제본형식 : 클로즈양장 5) 표지인쇄 : ( 참조 ) 에따르되명조체활자-금박으로한다. 6) 논문편집순서 ( 반드시순서에따를것 ) (1)

1. 박사학위논문체제 1) 규격 : 4 6배판 (19cm 26cm) 2) 내지 : 70파운드이상모조지 3) 표지색상 : 짙은청색 4) 제본형식 : 클로즈양장 5) 표지인쇄 : ( 참조 ) 에따르되명조체활자-금박으로한다. 6) 논문편집순서 ( 반드시순서에따를것 ) (1) 박사학위청구논문작성체제 홍익대학교 1. 박사학위논문체제 2. 양식예시 3. 제본된표지및표제지의규격및양식 4. 문헌기재방법의예 5. 학위논문파일작성방법 6. 영문논문작성체제 1. 박사학위논문체제 1) 규격 : 4 6배판 (19cm 26cm) 2) 내지 : 70파운드이상모조지 3) 표지색상 : 짙은청색 4) 제본형식 : 클로즈양장 5) 표지인쇄 : ( 참조 )

More information

gnu-lee-oop-kor-lec06-3-chap7

gnu-lee-oop-kor-lec06-3-chap7 어서와 Java 는처음이지! 제 7 장상속 Super 키워드 상속과생성자 상속과다형성 서브클래스의객체가생성될때, 서브클래스의생성자만호출될까? 아니면수퍼클래스의생성자도호출되는가? class Base{ public Base(String msg) { System.out.println("Base() 생성자 "); ; class Derived extends Base

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 기본과활용 목차 1. HTML와 CSS 시작 2. HTML 기본문서작성 3. 텍스트, 목록, 하이퍼링크 4. 박스, 표 5. 이미지와멀티미디어 6. 입력폼양식 웹개발환경 웹브라우저종류 익스플로러, 크롬, 파이어폭스, 사파리, 오페라 웹개발편집기 메모장 (Notepad) 노트패드 ++(Notepad++) 아크로에디트 (AcroEdit) 드림위버 (Dreamweaver)

More information

Microsoft PowerPoint - 3ÀÏ°_º¯¼ö¿Í »ó¼ö.ppt

Microsoft PowerPoint - 3ÀÏ°_º¯¼ö¿Í »ó¼ö.ppt 변수와상수 1 변수란무엇인가? 변수 : 정보 (data) 를저장하는컴퓨터내의특정위치 ( 임시저장공간 ) 메모리, register 메모리주소 101 번지 102 번지 변수의크기에따라 주로 byte 단위 메모리 2 기본적인변수형및변수의크기 변수의크기 해당컴퓨터에서는항상일정 컴퓨터마다다를수있음 short

More information

Microsoft PowerPoint - additional01.ppt [호환 모드]

Microsoft PowerPoint - additional01.ppt [호환 모드] 1.C 기반의 C++ part 1 함수 오버로딩 (overloading) 디폴트매개변수 (default parameter) 인-라인함수 (in-line function) 이름공간 (namespace) Jong Hyuk Park 함수 Jong Hyuk Park 함수오버로딩 (overloading) 함수오버로딩 (function overloading) C++ 언어에서는같은이름을가진여러개의함수를정의가능

More information

Microsoft PowerPoint - chap03-변수와데이터형.pptx

Microsoft PowerPoint - chap03-변수와데이터형.pptx #include int main(void) { int num; printf( Please enter an integer: "); scanf("%d", &num); if ( num < 0 ) printf("is negative.\n"); printf("num %d\n", num); return 0; } 1 학습목표 의 개념에 대해 알아본다.

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 실습문제 Chapter 05 데이터베이스시스템... 오라클로배우는데이터베이스개론과실습 1. 실습문제 1 (5 장심화문제 : 각 3 점 ) 6. [ 마당서점데이터베이스 ] 다음프로그램을 PL/SQL 저장프로시져로작성하고실행해 보시오. (1) ~ (2) 7. [ 마당서점데이터베이스 ] 다음프로그램을 PL/SQL 저장프로시져로작성하고실행해 보시오. (1) ~ (5)

More information

Poison null byte Excuse the ads! We need some help to keep our site up. List 1 Conditions 2 Exploit plan 2.1 chunksize(p)!= prev_size (next_chunk(p) 3

Poison null byte Excuse the ads! We need some help to keep our site up. List 1 Conditions 2 Exploit plan 2.1 chunksize(p)!= prev_size (next_chunk(p) 3 Poison null byte Excuse the ads! We need some help to keep our site up. List 1 Conditions 2 Exploit plan 2.1 chunksize(p)!= prev_size (next_chunk(p) 3 Example 3.1 Files 3.2 Source code 3.3 Exploit flow

More information

PowerPoint Presentation

PowerPoint Presentation 객체지향프로그래밍 클래스, 객체, 메소드 ( 실습 ) 손시운 ssw5176@kangwon.ac.kr 예제 1. 필드만있는클래스 텔레비젼 2 예제 1. 필드만있는클래스 3 예제 2. 여러개의객체생성하기 4 5 예제 3. 메소드가추가된클래스 public class Television { int channel; // 채널번호 int volume; // 볼륨 boolean

More information

슬라이드 1

슬라이드 1 웹프로그래밍 HTML, 자바스크립트, ASP 를중심으로 제 2 장 HTML 문법 목차 제 2 장 HTML 문법 2.1 기본태그 2.2 LINK 태그 2.3 Image 2.4 TABLE 2.5 FRAME 2.6 INPUT 양식 2 2.1 기본태크 구조태그 문자서식태그 문단서식태그 3 2.1.1 구조태그 HTML 태그들중가장기본이되는태그 : HTML

More information

adfasdfasfdasfasfadf

adfasdfasfdasfasfadf C 4.5 Source code Pt.3 ISL / 강한솔 2019-04-10 Index Tree structure Build.h Tree.h St-thresh.h 2 Tree structure *Concpets : Node, Branch, Leaf, Subtree, Attribute, Attribute Value, Class Play, Don't Play.

More information

쉽게 풀어쓴 C 프로그래밍

쉽게 풀어쓴 C 프로그래밍 CHAPTER 6. CSS 레이아웃과애니메이션 레이아웃이란? 웹페이지에서 HTML 요소의위치, 크기등을결정하는것 집안에서의가구배치와비슷하다. 블록요소와인라인요소 블록 (block) 요소 - 화면의한줄을전부차지한다. 인라인 (inline) 요소 - 한줄에차례대로배치된다. 현재줄에서필요한만큼의너비만을차지한다. 블록요소 한줄을전부차지 , , ,

More information

BY-FDP-4-70.hwp

BY-FDP-4-70.hwp RS-232, RS485 FND Display Module BY-FDP-4-70-XX (Rev 1.0) - 1 - 1. 개요. 본 Display Module은 RS-232, RS-485 겸용입니다. Power : DC24V, DC12V( 주문사양). Max Current : 0.6A 숫자크기 : 58mm(FND Size : 70x47mm 4 개) RS-232,

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 03 장 HTML5 기본태그 1. 글자태그 2. 목록태그 3. 테이블태그 4. 이미지태그 5. 공간분할태그 HTML5 에서지원하는기본태그를사용할수있다. 공간분할태그와시맨틱태그의용도를이해하고사용할수있다. 1. 글자태그 가장많은비중을차지하는태그 그림 3-1 글자태그중심의웹페이지 1.1 제목글자태그 제목글자태그 문서의제목을표현할때사용 h : Heading을의미 표

More information

프로그래밍개론및실습 2015 년 2 학기프로그래밍개론및실습과목으로본내용은강의교재인생능출판사, 두근두근 C 언어수업, 천인국지음을발췌수정하였음

프로그래밍개론및실습 2015 년 2 학기프로그래밍개론및실습과목으로본내용은강의교재인생능출판사, 두근두근 C 언어수업, 천인국지음을발췌수정하였음 프로그래밍개론및실습 2015 년 2 학기프로그래밍개론및실습과목으로본내용은강의교재인생능출판사, 두근두근 C 언어수업, 천인국지음을발췌수정하였음 CHAPTER 9 둘중하나선택하기 관계연산자 두개의피연산자를비교하는연산자 결과값은참 (1) 아니면거짓 (0) x == y x 와 y 의값이같은지비교한다. 관계연산자 연산자 의미 x == y x와 y가같은가? x!= y

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 System Software Experiment 1 Lecture 5 - Array Spring 2019 Hwansoo Han (hhan@skku.edu) Advanced Research on Compilers and Systems, ARCS LAB Sungkyunkwan University http://arcs.skku.edu/ 1 배열 (Array) 동일한타입의데이터가여러개저장되어있는저장장소

More information

12 강. 문자출력 Direct3D 에서는문자를출력하기위해서 LPD3DXFONT 객체를사용한다 LPD3DXFONT 객체생성과초기화 LPD3DXFONT 객체를생성하고초기화하는함수로 D3DXCreateFont() 가있다. HRESULT D3DXCreateFont

12 강. 문자출력 Direct3D 에서는문자를출력하기위해서 LPD3DXFONT 객체를사용한다 LPD3DXFONT 객체생성과초기화 LPD3DXFONT 객체를생성하고초기화하는함수로 D3DXCreateFont() 가있다. HRESULT D3DXCreateFont 12 강. 문자출력 Direct3D 에서는문자를출력하기위해서 LPD3DXFONT 객체를사용한다. 12.1 LPD3DXFONT 객체생성과초기화 LPD3DXFONT 객체를생성하고초기화하는함수로 D3DXCreateFont() 가있다. HRESULT D3DXCreateFont( in LPDIRECT3DDEVICE9 pdevice, in INT Height, in UINT

More information

3 [CSS] 1. CSS 2. CSS 구문 3. 스타일시트종류 4. CSS 기본속성 (Properties)

3 [CSS] 1. CSS 2. CSS 구문 3. 스타일시트종류 4. CSS 기본속성 (Properties) 3 [CSS] 1. CSS 2. CSS 구문 3. 스타일시트종류 4. CSS 기본속성 (Properties) HTML, JavaScript, CSS 3부. CSS 1. CSS HTML 태그들은웹페이지를제작하는데있어서다양하게설계하거나수시로변경하는데많은제약이따릅니다. 이를보완하기위해만들어진것이스타일시트이고스타일시트의표준안이 CSS입니다. 1.1 CSS 특징 HTML

More information

Microsoft PowerPoint - Java7.pptx

Microsoft PowerPoint - Java7.pptx HPC & OT Lab. 1 HPC & OT Lab. 2 실습 7 주차 Jin-Ho, Jang M.S. Hanyang Univ. HPC&OT Lab. jinhoyo@nate.com HPC & OT Lab. 3 Component Structure 객체 (object) 생성개념을이해한다. 외부클래스에대한접근방법을이해한다. 접근제어자 (public & private)

More information

모바일애플리케이션접근성지침

모바일애플리케이션접근성지침 모바일애플리케이션접근성지침 목 차 - 1 - - 2 - - 3 - - 4 - - 5 - - 6 - - 7 - - 8 - - 9 - . - 10 - [housebutton setisaccessibilityelement:yes]; [housebutton setaccessibilitylabel:@" "]; [housebutton setaccessibilityhint:@"."];

More information

Microsoft PowerPoint - chap02-C프로그램시작하기.pptx

Microsoft PowerPoint - chap02-C프로그램시작하기.pptx #include int main(void) { int num; printf( Please enter an integer "); scanf("%d", &num); if ( num < 0 ) printf("is negative.\n"); printf("num = %d\n", num); return 0; } 1 학습목표 을 작성하면서 C 프로그램의

More information

Ⅵ. 학위논문및개별연구과제보고서작성안내 1. 석박사학위논문체제 2. 양식예시 3. 제본된표지및표제지의규격및양식 4. 문헌기재방법의예 5. 학위논문파일작성방법 6. 영문논문작성체제 7. 개별연구과제보고서제출양식 석 박사학위논문체제 1) 규격 : 4 6 배판 (19cm 26cm) 2) 내지 : 70 파운드이상모조지 3) 표지색상 : 짙은청색 4) 제본형식 :

More information

Infinity(∞) Strategy

Infinity(∞) Strategy 반복제어 표월성 passwd74@cherub.sungkyul.edu 개요 for() 문 break문과 continue문 while문 do-while문 for() 문 for() 문형식 for( 표현식1; 표현식2; 표현식3) 여러문장들 ; 표현식 1 : 초기화 (1 번만수행 ) 표현식 2 : 반복문수행조건 ( 없으면무한반복 ) 표현식 3 : 반복문수행횟수 for()

More information

슬라이드 1

슬라이드 1 Index 1. 광고상품요약 2. 공통가이드 3. 상품별제작시주의사항 4. 플래시배너액션가이드 5. DM제작가이드 6. 모바일광고제작가이드 7. Contact Us 1. 광고상품요약 상품명사이즈용량 CPM( 원 ) A.CTR 특이사항태그가능여부 CF 480*270 15 초이내 10,000 CTR 1.6% 동영상 wmv 파일 X I-Cover 1000*630

More information

Ÿ column-rule 속성은단사이의구분선을표현하기위한속성으로 column-rule-color, column-rule-style, column-rule-width 속성을한번에지정할수있다. 1.4 단의확장 Ÿ column-span 속성은다단을구성할때해당요소가얼마나많은단

Ÿ column-rule 속성은단사이의구분선을표현하기위한속성으로 column-rule-color, column-rule-style, column-rule-width 속성을한번에지정할수있다. 1.4 단의확장 Ÿ column-span 속성은다단을구성할때해당요소가얼마나많은단 1. 다단레이아웃 1.1 다단문서의개수및폭지정 Ÿ column-count 속성은다단을구성할때단의개수를지정하는속성이다. Ÿ column-width 속성은단의폭을지정하는속성이다. Ÿ column-width와 column-count 속성은동시에 auto 속성으로지정할수없다. Ÿ columns 속성은단의개수와폭을한번에지정하기속성이다. Ÿ 다단관련속성의사용은벤더프리픽스가필요하다.

More information

Cookie Spoofing.hwp

Cookie Spoofing.hwp Cookie Spoofing&Sniffing By Maxoverpro[max]( 장상근) maxoverpro@empal.com http://www.maxoverpro.org 1. 서론 이문서는 Cookie Spoofing 과 Sniffing 에대해정석적인방법을이야기하도록하며또 한어느특정곳의취약점을설명하지않고직접제작한예제를가지고 Cookie Spoofing 과

More information

Visual Basic 반복문

Visual Basic 반복문 학습목표 반복문 For Next문, For Each Next문 Do Loop문, While End While문 구구단작성기로익히는반복문 2 5.1 반복문 5.2 구구단작성기로익히는반복문 3 반복문 주어진조건이만족하는동안또는주어진조건이만족할때까지일정구간의실행문을반복하기위해사용 For Next For Each Next Do Loop While Wend 4 For

More information

Microsoft Word - [2017SMA][T8]OOPT_Stage_2040 ver2.docx

Microsoft Word - [2017SMA][T8]OOPT_Stage_2040 ver2.docx OOPT Stage 2040 - Design Feesual CPT Tool Project Team T8 Date 2017-05-24 T8 Team Information 201211347 박성근 201211376 임제현 201411270 김태홍 2017 Team 8 1 Table of Contents 1. Activity 2041. Design Real Use

More information

*074-081pb61۲õðÀÚÀ̳ʸ

*074-081pb61۲õðÀÚÀ̳ʸ 74 October 2005 현 대는 이미지의 시대다. 영국의 미술비평가 존 버거는 이미지를 새롭 게 만들어진, 또는 재생산된 시각 으로 정의한 바 있다. 이 정의에 따르 면, 이미지는 사물 그 자체가 아니라는 것이다. 이미지는 보는 사람의, 혹은 이미지를 창조하는 사람의 믿음이나 지식에 제한을 받는다. 이미지는 언어, 혹은 문자에 선행한다. 그래서 혹자는

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 육아상식 STYLE GUIDE Design Style Guide 0 Navigation 메뉴검색알람슈퍼맘맘스맘쇼핑맘이벤트 Icon 출석체크내프로필내포인트참여한이벤트 : 문의로그아웃 뒤로가기공유하기더보기글쓰기유튜브좋아요 _on 좋아요 _off 알리기공지사항 FAQ 설정 댓글공유하기이동하기뒤로가기닫기내프로필사진수정 카테고리프로필 _ 포인트내포인트자녀 Q A N

More information

PHP & ASP

PHP & ASP 단어장프로젝트 프로젝트2 단어장 select * from address where address like '% 경기도 %' td,li,input{font-size:9pt}

More information

UI TASK & KEY EVENT

UI TASK & KEY EVENT 2007. 2. 5 PLATFORM TEAM 정용학 차례 CONTAINER & WIDGET SPECIAL WIDGET 질의응답및토의 2 Container LCD에보여지는화면한개 1개이상의 Widget을가짐 3 Container 초기화과정 ui_init UMP_F_CONTAINERMGR_Initialize UMP_H_CONTAINERMGR_Initialize

More information

coinone_brand_guide_(KOR) 복사본

coinone_brand_guide_(KOR) 복사본 Global Brand Design Guide for Screen Ver 1.5 본 문서에 포함된 모든 이미지의 저작권은 (주)코인원에 있습니다. Logo Coinone Signature 가로형 조합을 사용하는 것을 기본 원칙으로 하며, 가로형을 쓰기에 부적절한 지면이나 설치 조건일 경우에 한하여 세로형 조합을 사용할 수 있습니다. 태그라인이 포함된 조합은

More information