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진수 문자로 되어 있으며, 앞에 #기호를 가지고 있음. 빨간색,..
더보기
2.웹프로그래밍, Javascript, 자바스크립트는 HTML 의 어디에 위치할 수 있을까요?
자바스크립트가 삽입될 수 있는 방법을 알아볼께요. 첫째, Inline Javascript 둘째, Inner Javascript 셋째, Outer Javascript 우선, Inline Javascript 에 대해서 알아볼께요. HTML 태그 내부에 이벤트 속성으로 삽입가능함. 이를 Inline Javascript 라고 부름. 단, 해당 방법은 꼭 필요한 경우에만 사용하자. 예시 웹브라우저 실행화면 설명 위와같이, HTML 태그 내부 이벤트속성으로 삽입되어, 버튼이 클릭되면 아래 메시지를 볼수 있음. 메시지 "T.hub에 오신걸 환영합니다.^^" 그럼, Inner Javascript 에 대해서 알아볼께요. 내부에 자바스크립트를 위치하려고 한다면, script 태그를 사용함. script 태그는 스크립트가 ..
더보기
0.웹프로그래밍, CSS, CSS 대한 개념을 한번 잡아봅시다요^^;
최근 웹 표준 개발 방법론 최근 웹 표준 개발론에서는 아래와 같이 구현기능에 대해서 분리해서 구현하도록 권고하고 있음. 문서의 구조 HTML 문서의 제목, 본문인지 지정함. 스타일 CSS 문서의 스타일을 지정함, 즉, HTML 요소의 크기,폰트,색상등을 결정. 동작 Javascript 문서의 동작을 정의함. 예를들면, 버튼을 클릭했을 경우, 어떤 동작을 진행할지를 Javascript 를 사용하여 정의함. 참고) 물론, 기존에 HTML 태그를 이용해서 스타일도 지정을 했었음. 하지만 이제는 그렇게 개발하지 않기를...^^; 월드와이드웹이 나타나기 훨씬 전부터 전자 문서 전문가들은 문서의 외양과 문서의 구조를 분리하는 것이 중요하다고 생각해옴. 팀 버너스리도 이와 같은 생각으로 웹을 만듬. but, 웹의 폭..
더보기