본문 바로가기
반응형

웹프로그래밍13

웹프로그래밍 테스트 할때 익스플로어 설정 ●웹프로그래밍 테스트 할때는 크롬보다는 익스플로어에서 먼저 하는게 좋다. ●도구->옵션->고급에서 'HTTP오류메시지표시' 체크해제하고 '모든 스크립트 오류에 관련된 알림 표시' 체크 한다. ●js, css 수정 후 바로 적용 안되면 아래 경로에서 파일보기에서 파일 삭제한다. 인터넷옵션->일반->검색지록->설정->임시 인터넷파일->파일보기 2015. 1. 6.
html 웹표준 로고 넣기 ●로고는 h1태그를 써서 그 안에 넣어준다. h1은 페이지 내에서 가장 중요한 것을 나타내는 태그이다. ex) 2012. 5. 31.
html <div>로 메뉴(내비게이션) 만들기2 ●마우스 롤 오버 태그, 속성 ●웹표준 준수 위해서 이미지의 alt속성을 꼭 넣어주고, 처럼 태그 마지막 부분을 꼭 막아줘야한다. 별 의미 없는 그냥 화면을 꾸미기 위한 이미지의 경우는 alt속성에 값을 넣지 않고 alt=""처럼 빈 속성값을 설정한다. ●이미지 링크 테두리 없애기 - 이미지에 링크를 걸면 테두리가 생긴다. 개별적으로 border값을 설정하는 것 보다 css를 이용하여 테두리를 제거한다. img {border:"0"} ●가로 메뉴 예 2012. 5. 30.
html <div>로 메뉴(내비게이션) 만들기1 ●세로 메뉴 1111 2222 3333 4444 결과 1111 2222 3333 4444 ●li안에 이미지를 세로로 나열할 때 이미지 사이에 여백이 생길경우, img속성에 'vertical-align:top;'로 설정한다. ●가로 메뉴 1111 2222 3333 4444 결과 1111 2222 3333 4444 ●li안에 'display:inline;'를 적용하면 가로로 배열이 된다. ●li안에 이미지를 가로로 나열할 때 이미지 사이에 여백이 생기는 경우, li안에 'float:left;'로 설정한다. 2012. 5. 30.
html <div>로 웹사이트 레이아웃 구성하기2 ●웹표준 레이아웃 a b c d ●#wrap{margin:0 auto; width:900px;} - table에서는 align="center"로 중앙 정렬을 했지만, 웹표준에서는 따로 중앙정렬은 없다. 그래서 중앙정렬을 하려면 가장 바깥 div에 'margin:0 auto'를 선언해 준다. 'margin:0'은 상하 0px라는 뜻이고 'auto'는 좌우를 중앙에 위치하게 한다. ●큰 div(wrap,header,sidebar,content,footer 등)를 만들고 그 안에 세부적인 div를 만든다. 큰 div는 height값을 주지 않고 세부적인 div에 height를 준다. ●width, margin, padding, height 수치를 정확히 계산해서 레이아웃을 만든다. 만들 레이아웃 디자인을 프린.. 2012. 5. 28.
DTD((Document Type Definition) 개념 ●DTD(Document Type Definition) - 웹브라우저가 웹페이지를 동일한 기준에 의해 해석 되도록 문서의 타입을 선언하는 것이다. 이클립스 사용시 파일을 생성하면 이클립스가 자동으로 dtd를 선언해준다. ●DTD는 여러가지 종류가 있다. html페이지 제일 위에 선언해야한다. 엄격모드를 사용하는 것이 정확한 웹표준을 따르는 것이지만 우리나라의 브라우저 사용실태를 고려하면 하위 버전의 브라우저에서도 호환되어야 하기 때문에 호환모드를 사용해야 한다. ex) html 4.01 Transitional(호환모드) html 4.01strict(엄격모드) 2012. 5. 25.
jsp 기본 문법 정리1 ●JSP는 HTML문서 사이에 JSP문법코드가 삽입된 형태로 작성된다. ● - 스크립트릿, 이 안에 자바 코드 쓸수 있다. ● - 익스프레션, 자바식 출력 ● - 지시자, 웹컨테이너가 jsp 페이지를 처리할 때 필요한 정보를 기술 ● - 선언부, 변수선언이나 메서드를 선언 ●&{ } - 익스프레션 언어(EL) ●, - 액션 태그 ●서블릿 - 장점 : 복잡한 프로그램 구현에 적합하다. 컴파일 결과만 설치해도 되므로 소스코드 유출 보호 - 단점 : HTML 문서의 디자인이 바뀔때 마다 서블릿 클랫를 수정/컴파일/설치 해야하고 웹서버를 재기동하는 일을 되풀이 해야한다. 설치과정이 복잡하다. ●JSP - 장점 : HTML중심의 코드구조이므로 디자인 작업에 바로 사용가능하다. 그리고 그 일이 끝나면 바로 프로그램.. 2012. 3. 11.
JSP 이클립스 개발 환경 구축(세팅) 1. JDK 설치하기 2. 환경변수 설정하기 3. 톰캣 설치하기 4. 이클립스 설치하기 5. 톰캣과 이클립스 연동 ------------------------------------------------------------------------------------------------ 1. JDK 설치하기 ① http://java.sun.com 에 들어간다 ② 상단 Download에서 java se, jdk를 다운 받아 설치한다. 2. 환경변수 설정하기 ①내 컴퓨터 -> 시스템 속성 -> 고급 -> 환경변수 ②변수이름 Path에다가 jdk설치경로에 있는 bin디렉토리 경로명을 제일 앞에 추가 하고 ' ;(세미콜론) '을 붙여준다. ③잘 되었는지 확인하려면 cmd 창에서 'javac -version' .. 2012. 3. 10.
PHP 문법 간단 정리4 ●쿠키 발생 - 태그 쓰지건에 'setcookie()'함수 호출 ●쿠키 함수 세번째 변수에 유효기간을 설정할수 있다 ●쿠키 삭제 - 유효기간을 과거의 시간으로 설정해서 삭제 setcookie('쿠키명', '쿠키값', time()-60); ●쿠키 받기 - 수퍼 글로벌 변수 '$_COOKIE로 받는다 ex) $getval=$_COOKIE['쿠키명']; ●세션 개시 - 태그 출력전에 'session_start()'함수 호출 ●세션 변수 주고받기 - 수퍼 글로벌 변수'$_SESSION'에 값을 저장하면 동일한 세션에서 값을 공유할수 있다 ex) $_SESSION['세션변수']=세션변수값; //세션변수에는 '$'안 붙인다 ●세션 종료 - 'session_destroy()'함수 호출 ●글로벌(global) 변수 -.. 2012. 1. 27.
PHP 문법 간단 정리3 ●if문 if(조건식) {내용} else {내용} ●if~elseif~else문 if(조건1) {처리1} elseif(조건2) {처리2} elseif(조건3) {처리3} else {처리4} ●for문 for($i=0; 조건식; $i증감) {처리} ●foreach문 - 배열된 요소의 수만큼 처리를 반복 foreach($a as $b) //$b은 취득한 요소를 저장하기 위한 변수 {처리} ex) 결과 a는 1 b는 2 c는 3 d는 4 ●while문 while(조건식) {처리} ●반복문 안의 break와 continue는 주로 반복문안의 조건문에서 쓰인다 break - 반복을 중단 continue - 그 회의 반복만 중단하고 다음회로 이동 ●switch문 switch(식 or 변수) { case 값1: //.. 2012. 1. 27.
PHP 문법 간단 정리2 ●배열 - array()로 설정 ex) $a=array(1, 2, 3, 'a', 'b', 'c'); ●연상배열 - 인덱스를 문자열이나 다른 숫자로 지정할수 있다 ex) $a=array('dog'=>'개', 'cat'=>'고양이'); $a['dog'] $a['cat'] 개 고양이 ●unset()함수 - 배열에서 지정한 요소를 제거 ex) unset($a[1]); //2번째 요소 제거(인덱스는 0부터 시작하기 때문에 1은 두번째이다) unset($a); //배열 전체를 제거 ●array_push()함수 - 배열의 요소를 추가 ex) array_push($a, 1, 2); //배열 '$a' 뒤에 1,2추가 ●레퍼런스(reference) - 변수의 레퍼런스를 만들면 원래의 변수와 레퍼런스를 동등하게 취급,'&.. 2012. 1. 27.
PHP 문법 간단 정리1 ● ".php" 라는 확장자로 php스크립트 파일 작성 ●html 내부에 를 입력하고 이 안에 php코드 입력 ●print 명령어 - 문자열을 표시 ex) 2012. 1. 27.
html 문법, 태그 간단 정리1 -html 기본형식 내용 - 태그 주로 제목,글자표시할때 사용 - 태그 break line, 강제줄바꿈 -태그 가운데 정렬 - 2011. 11. 22.
반응형