분류 전체보기

0217 국비 수업 CSS 마우스 포인터 스크롤바 디자인 설정(position, fixed, absolute, relative) 좌표 설정(top,left) HTML5 디자인 태그

*마우스 포인터 cursor:값; // pointer, crosshair, progress, move, wait,,,, *스크롤 바 설정 -개발자가 설정한 넓이와 높이보다 데이터 많다면 데이터를 영역을 빠져 나가서 보여짐 => 영역보다 큰 데이터를 영역 안에서 보여주기 - 주로 약관을 만들 때 사용 overflow:auto; => 데이터가 영역보다 많다면 영역 안으로 들어가면서 스크롤 바를 제공 *디자인 설정 -position 속성을 사용 모든 대상을 원하는 위치에서 보여줄 수 있음 position: 값; fixed : 고정 좌표 스크롤 바가 움직이면 설정된 좌표를 스크롤 바에 맞게 수정함 (스크롤 바가 움직이면 대상의 좌표가 변경되어 따라옴) relative에 영향을 받지 않음 absolute : 절대..

0216 국비 수업 CSS 글꼴 관련 속성(font) 테두리 속성(border) 정렬(글자 text-align,객체 margin, float) 이미지 설정(background) 여백(margin, padding) 숨김 shadow(text,box) radius

*CSS의 속성 문법) 속성명 : 값 *글꼴 관련 속성 -글꼴 설정 : font-family : 글꼴, , , , ; - “를 사용할 수 있음 ( 궁서체, “궁서체” ) - 공백을 가진 글꼴은 “를 사용해야 함 ex) “맑은 고딕“ “Applie Neo Godic” -진하게 : font-weight : 속성; normal – 일반글자, bold - 진하게 -이탤릭 : font-style : 속성; normal – 일반글자, italic - 이탤릭 -글자색 : color:속성; ( 전경색- foreground color) -효과 : text-decoration : 속성; 밑줄제거 – none 밑줄 – underline 취소선 – line-through 윗줄 - overline -글자크기 : font-siz..

0215 국비 수업 CSS CSS 방식(inline, embed, external file) selector(선택자, id, class, tag, sub, name(attribute), behavior, multiple selector) 주석 web site와 application

Web site : 사용대상 - 일반사용자 별도의 교육이 없어도 사용할 수 있음 업무로직이 복잡하지 않음 (asp, php주로제작) Web application : 사용대상 - 기업에 일을 하는 현업 별도의 사용자 교육이 있어야 사용할 수 있음 개발난이도가 높음 (SI개발자) *CSS(Cascading Style Sheet) - 하콤 비움 리(hakon Wium lie)가 1994년에 제안한 Style sheet 언어 - 웹 디자이너가 주로 사용하는 스타일 시트 언어 - CSS Framework – bootstrap - 웹 페이지에서 통일성있는 디자인을 적용할 때 사용 - 3가지 방식으로 사용 (inline, embed, external file방식) 문법) 속성 : 값 *inline방식 - HTML 태..

0215 국비 수업 HTML tabindex meta favicon

*tabindex - tab키를 눌렀을 때 커서의 순서를 변경할 때 사용 - 커서의 순서는 소스코드를 정의한 순서대로 흘러감 사용법) tabindex=“탭이 위치할 순서” //1번 부터 시작 * - 검색 엔진 설정(사이트에 대한 설명,검색키워드 설정), 자동페이지 이동, HTML문서의 charset설정 - 태그의 하위 태그로 설정 *charset 설정 -사용자에게 제공하는 문자열의 charset 설정하거나, 사용자가 입력하는 입력 문자의 charset을 설정할 때 사용 *검색 엔진 대한 설정 -검색엔진으로 검색했을 때 보여줄 데이터의 설정 -등록된 데이터는 일정시간이 지난 후에 적용됨 사이트에 대한 설명 (검색엔진에서 검색했을 때 ) 키워드로 검색 했을 때 (키워드 노출) *페이지의 이동 (redirec..

0214 국비 수업 HTML frame(iframe) 영역태그(div,span) media태그(audio,video) fieldset label HTML Form Control(input, select, textarea) HTML5에서 추가된 속성(placeholder, autofocus) Form Control (color date range) 태그(details datalist)

*frame - 하나의 웹 브라우저에서 여러 개의 HTML파일을 동시에 보여줄 때 사용 - , 지원 frame: 웹 브라우저 전체를 나눌 때 사용 - web page의 전체 디자인(구조설정)을 설정할 때 사용( 로 대체 ) - web browser가 여러 개의 HTML을 동시에 로딩하기 때문에 network cost가 비쌈 iframe: 웹 브라우저 일부분을 나눌 때 사용 특정 부분에 다른 HTML을 넣어서 보여줄 때 - 태그와 함께 사용하면 link로 연결된 HTML이 frame의 특정 영역에서 보여짐 *사용법 src: URL로 외부 사이트를 연결할 수 있음 단, 외부 사이트에서 막아 놓으면 연결되지 않음 스크롤바 여부: -yes : 무조건 스크롤바 제공 -auto : 안쪽 HTML의 크기에 따라 자동..

0213 국비 수업 HTML 이미지 태그 map area설정 HTML 특수문자 (escape character) ML 작성 특징 marquee table 복잡한 모양의 테이블 생성

*이미지 태그 - - web page에서 필요한 이미지를 HTML에 넣어 보여줄 때 사용 - 모든 이미지를 보여줄 수 있음 ( jpg, gif, png를 주로 사용) 사용법) usemap:이미지를 자르지 않고 이미지의 일부분에 링크를 설정 URL : http://localhost/html_prj/폴더명/이미지명.png 현재 서버, 외부 서버에 존재하는 이미지를 모두 사용할 수 있음 URI : ../폴더명/이미지명.jpg 현재 서버에 존재하는 이미지만 사용할 수 있음 -모든 폴더에 존재하는 HTML파일에서 공통으로 사용하는 경우 common 폴더를 만들고 저장하여 사용 -특정 폴더에 존재하는 파일만 사용하는 경우 하위 폴더를 만들어 사용 *map - 좌표를 사용하여 이미지를 자르지 않고 특정 부분에 링크를..

0210 국비 수업 HTML font a태그 URL URI 개발 경로 목록 태그(ul ol dl) 목차(heading)

*font - 속성은 결정되어 있고, 속성을 사용하지 않더라도 기본 값이 들어감 - 속성은 순서가 없음 문자열 size face color -기본값 3 -확장값 1~10 -모든 글꼴 사용 가능 (but 저작권) -접속자에게 해당 글꼴 없다면 웹 브라우저의 기본 글꼴이 사용됨 -모든 브라우저에 Sans-Serif 존재 -문자열 : black, white, pink, magenta… -16진수 숫자 : #000000 ~#FFFFFF *a - hyper link를 사용할 때 ( 다른 문서(HTML)와 연결할 때 사용 ) - 사용법) 클릭할 텍스트 연결할 문서 경로: URL : http://서버명/경로/파일명 장 : 외부서버에도 연결 가능 단 : 경로가 길다 URI : 경로/파일명 (서버주소를 제외한 경로) 장..

Java DBMS JDBC Java EE HTML/CSS JavaScript Framework 도식화

자바 DBMS 연산, 제어, 화면, 입출력 처리, 네트워크 // 데이터의 원활한 사용 x 데이터 관리 (테이블로), 간단한 연산, 제어 // 화면 못만든다 JDBC Java와 DBMS를 연동, 동시에 돌도록 Application 프로그래밍 (웹에서는 동작이 안됨) Java EE - servlet / JSP (자바와 연결) 웹프로그래밍 { HTML(구조) + CSS(디자인) } +JavaScript(연산,동적인 화면 변환) Framework 전체를 아우른다