본문 바로가기

반응형

웹프로그래밍

4.웹프로그래밍, CSS, 색상은 어떻게 표현할까요? ^^ 블로그 목적 CSS색상을 표현하는 방법에 대해서 공부하고 정리해본다. CSS 관련 색상에 대해서 알아볼까요? ^^ 컴퓨터의 색상은 빛의 3원색, 즉 빨간색, 녹색, 파란색을 혼합하여 만들어 짐. 그럼, CSS에서 색상을 표현하는 4가지 방법은 ? 이름 ex) "red" 16진수 ex) #FF0000 10진수 ex) rgb(255, 0, 0) 퍼센트 ex) rgb(100%, 0%, 0%) 16진수로 색상을 나타내는 방법 색상은 기본적으로 16진수 코드로 정의 됨. 16진수 코드 빨간색, 녹색, 파란색 값을 각각 2자리의 16진수로 표시한 것. 가장 낮은 값 0(16진수 00) 가장 높은 값 255(16진수 FF) 하나의 컬러값은 총 6개의 16진수 문자로 되어 있으며, 앞에 #기호를 가지고 있음. 빨간색,.. 더보기
3.웹프로그래밍, CSS, 다중 스타일 시트일 경우에는 어떻게 될까요? ^^ 다중 스타일 시트에 대해서. 하나의 요소에 외부, 내부, 인라인 스타일을 서로 다르게 지정하고 있을 경우 어떤 스타일이 사용될까요? 예를들면, 특정요소에 대하여 외부 스타일과 내부 스타일이 다를 경우 만일 요소를 예를 든다면.. 1. 외부 스타일 color:green 2. 내부 스타일 color:blue 최종적으로 적용되는 스타일은 무엇일까요? 정답 내부 스타일 일반적으로, 모든 스타일 시트는 아래와 같은 규칙 및 우선순위가 적용되며, 하나의 가상적인 스타일로 통합됨. 1. 웹 브라우저 디폴트 값 2. 외부 스타일 시트 3. 헤드 섹션에 저장된 내부 스타일 시트 4. 인라인 스타일 시트 즉, 우선 순위는 4. 인라인 스타일 시트가 가장 높음. 다시말해서, 인라인 스타일은 헤드 섹션에 지정된 스타일이나 외.. 더보기
2.웹프로그래밍, CSS, 스타일 시트를 문서에 삽입하는 3가지 방법에 대해서 알아볼까요? ^^ 스타일 시트를 사용해서 CSS를 삽입하는 방법은.. 공부해본바 크게 아래와 같이 3가지 임. 외부 스타일 시트 내부 스타일 시트 인라인 스타일 시트 ​​​​​​​방법1) 외부 스타일 시트 외부 스타일 시트는 말 그대로 스타일 시트를 외부에 파일로 저장하는 것. 외부 스타일 파일은 많은 페이지에 동일한 스타일을 적용하려고 할 때 좋은 방법 외부 스타일 파일을 사용하면, 아래와 같이 전체 웹 페이지의 스타일을 하나의 스타일로 일괄 변경가능함. 외부 스타일 시트를 사용하는 방법은.... 각 HTML 페이지는 link 태그를 이용해서 스타일 파일에 연결해야 함. link 태그는 헤드 부분에 있어야함 샘플코드 #설명 link : 외부 파일과 연결하려면 link 요소를 사용함. type="text/css" : 외부.. 더보기
2.웹프로그래밍, Javascript, 자바스크립트는 HTML 의 어디에 위치할 수 있을까요? 자바스크립트가 삽입될 수 있는 방법을 알아볼께요. 첫째, Inline Javascript 둘째, Inner Javascript 셋째, Outer Javascript 우선, Inline Javascript 에 대해서 알아볼께요. HTML 태그 내부에 이벤트 속성으로 삽입가능함. 이를 Inline Javascript 라고 부름. 단, 해당 방법은 꼭 필요한 경우에만 사용하자. 예시 웹브라우저 실행화면 설명 위와같이, HTML 태그 내부 이벤트속성으로 삽입되어, 버튼이 클릭되면 아래 메시지를 볼수 있음. 메시지 "T.hub에 오신걸 환영합니다.^^" 그럼, Inner Javascript 에 대해서 알아볼께요. 내부에 자바스크립트를 위치하려고 한다면, script 태그를 사용함. script 태그는 스크립트가 .. 더보기
1.웹프로그래밍, CSS, 선택자에 대한 개념을 잡아 보아요 !! ^^ CSS에서 말하는 선택자에 대해서... CSS 에서 가장 중요한 부분이 바로 선택자임. 그럼, 선택자(selector) 란 무엇일까요? 말그대로, HTML 요소를 선택하는 부분을 말해요.. ^^; W3C 참고 문서 http://www.w3.org/TR/css3-selectors/ 왜 선택자가 필요할까요? 변경하고자 원하는 요소를 선택할 수 있어야 하기 때문에.. 보통, 모든 요소에 동일한 스타일을 적용하는 일은 드문케이스.. 즉, 변경하고자 하는 요소를 선택 후 원하는 스타일을 적용하는게 대부분임. 예시 선택자의 종류는? 주로 사용하는 선택자 타입 선택자(type selector) 아아디 선택자(ID selector) 클래스 선택자(class selector) 이외의 알아두면 좋을 선택자 전체 선택자(u.. 더보기
1.웹프로그래밍, HTML 5에 대해서 간단히 알아보자. HTML5 란? HTML의 새로운 표준. 이전 버전은 HTML4.01으로 1999년에 만들어짐. 그 이후, 웹은 많이 발전되어서 새로운 규격이 필요하게 됨. HTML5는 아직도 논의가 진행 중이지만 주요한 웹 브라우저는 HTML5의 많은 요소와 API를 이미 지원하고 있음. 완전한 CSS3 지원 비디오/오디오 지원 2D/3D 그래픽 지원 로컬 저장소 지원 로컬 SQL 데이터베이스 지원 웹 애플리케이션 지원 역사 HTML5는 W3C(World Wide Web Consortium)와 WHATWG(Web Hypertext Application Technology Working Group)의 합작품 W3C는 XHTML 2.0을 만들고 있었음. WHATWG는 애플, 구글, 모질라 재단, 오페라 등이 2004년에 .. 더보기
0.웹프로그래밍, CSS, CSS 대한 개념을 한번 잡아봅시다요^^; 최근 웹 표준 개발 방법론 최근 웹 표준 개발론에서는 아래와 같이 구현기능에 대해서 분리해서 구현하도록 권고하고 있음. 문서의 구조 HTML 문서의 제목, 본문인지 지정함. 스타일 CSS 문서의 스타일을 지정함, 즉, HTML 요소의 크기,폰트,색상등을 결정. 동작 Javascript 문서의 동작을 정의함. 예를들면, 버튼을 클릭했을 경우, 어떤 동작을 진행할지를 Javascript 를 사용하여 정의함. 참고) 물론, 기존에 HTML 태그를 이용해서 스타일도 지정을 했었음. 하지만 이제는 그렇게 개발하지 않기를...^^; 월드와이드웹이 나타나기 훨씬 전부터 전자 문서 전문가들은 문서의 외양과 문서의 구조를 분리하는 것이 중요하다고 생각해옴. 팀 버너스리도 이와 같은 생각으로 웹을 만듬. but, 웹의 폭.. 더보기
0.웹프로그래밍, HTML, 웹에 대한 기초사항에 대해서 간단히 알아볼까요? 인터넷이란? 미국 경제 전문지 포브스가 2009년 지난 30년동안 가장 혁신적인 발명품 1위 인터넷이 뽑힘. 2위 PC/laptop computes 3위 모바일 폰 기타등등 평가위원 왈 인터넷은 이전에 존재하지 않았던 새로운 산업 분야를 창출한 혁신적인 기술이다 라고 평가함. 요즘 인터넷 없이는 하루도 살수 없을 것 같네요.. 인터넷 통해서 각종 정보와 상품 그리고, 인터넷 뱅킹을 주로 저도 사용하고 있고요. 블로그나 SNS 모두 인터넷이 기반이 되고 있습니다. WWW 이란? WWW(World Wide Web) is 흔히, 웹 이라고 불림. 웹의 의미는 거미줄로서 WWW은 세계를 뒤덮는 거미줄이라는 의미 초기 인터넷에서는 텔넷, FTP, 전자 메일, 유즈넷등을 이용하여 파일 전송, 원격 접속, 전자 우편.. 더보기

반응형