개발자노트/웹 (74) 썸네일형 리스트형 Html에서 가상 클래스 선택자 (호버링) 마우스 호버링 : 웹에서 마우스를 올리면 반응하는 것 ex) 링크가 걸려있는 글자나 이미지에 마우스를 올리면 색이 변함 상의 하의 치마 신발 Html에서 선택자 ( 자식선택자 ) 사과 바나나 키위 포도 복숭아 내부 스타일시트와 선택자 제목 Lorem ipsum dolor sit amet, consectetur adipisicing elit, incididunt ut labore et dolore deserunt mollit anim id est lab 외부 스타일시트 (스타일시트 / stylesheet ) 웹에서 쓰이는 스타일 시트는 대부분 html 내부에 존재하지 않고 다른 파일/폴더로 관리되어 있다. p 태그의 글자색을 red로 지정해주었다. 제목 Lorem ipsum dolor sit amet, consectetur adipisicing elit, incididunt ut labore et dolore aute irure dolor in reprehe deserunt mollit anim id est lab 다음과 같이 HTML문을 작성하고 실행하게 되면 태그에만 빨간글자가 적용되는 것을 볼 수 있다. 웹 프로젝트 기본예제1 + 이미지 삽입 블록요소 제목 부제 내용 인라인요소 인라인요소 바나나 네이버 다음 구글 banana webapp 하위에 다른요소들과 같은 레벨의 imagaes 폴더를 만들어서 그 안에 파일들을 넣어줘야한다!! 웹 프로젝트 생성법 1. Server Show view 추가 2. 서버 활성화 더블클릭하면 3. 포트수정 설치 시 포트를 다르게 설정하지 않았다면 오라클의 포트인 8080과 중복으로 실행이 되지 않을 수 있으니 이 과정을 한다. 4. 다이나믹 웹 프로젝트 만들기 프로젝트 익스플로러탭에서 우클릭 후 New 5. 만들 때 jdk 버전 바꾸는 법 누른 뒤 java 버전을 원하는 버전으로 생성 후 만든다. 6. 매우 중요함 각 요소들을 webapp 폴더 안에 만들 때, 같은 레벨의 요소들로 만들어야한다. 어딘가에 하위에 들어가있으면 안됨!!!! 이클립스에서 톰캣연동 이클립스와 톰캣 연동 = 여기서는 서버의 역할로 톰캣을 사용! 1. window - show view - other - server검색 후 추가 2. server를 누르면 연결하면 apache-> tomcat9.0 3. 경로를 아까 받은 zip파일 압축해제해서 bin/등의 폴더가 나오는 경로까지만 지정. 프로젝트 창에서 New Project - Web - Dynamic Wed Project로 프로젝트 생성 src-main- webapp - 폴더에 정확히 new - HTML파일 넣기 인코딩 방법 바꾸기 Window - Preferences - CSS Files / HTML Files / JSP Files 를 UTF-8로 서버포트변경하기 cmd 실행 -> netstat -ano TCP 8080을 사용하는 녀.. 웹 페이지 기본용어 웹 접근성 지침 준수 - 웹 접근성 : 모든 사용자가 웹에 접근 하여 이용할 수 있도록 보장해주는 것 신체적인조건, 환경적인 조건 등에 제약받지 않도록 작성해야함 웹 표준 준수 - 웹 문서를 구조, 표현(스타일), 동작을 구분하여 사용하는 것 - HTML 태그 언어 태그 바디 ex) 갱플랭크 주로 사용하는 속성은 class나 id CSS(스타일 시트) HTML로 구조화한 문서에게 레이아웃(스타일)을 부여 JS(자바 스크립트)☆☆☆☆☆ 연산 가능 "이벤트 처리" "ajax(비동기 처리) , jQuery(플러그인) , ..." 이전 1 ··· 6 7 8 9 10 다음
