N스크린하이브리드앱과정/HTML&CSS 39

[2주][3일] 웹표준: css선택자의 3가지 종류. {아이디/클래스/태그} 선택자

*css선택자의 3가지 종류 알아보기 //css스타일 시작 body{ font-family:"맑은 고딕"; //글자체 font-size:14px; //글자크기 color:#00ff00; //글자색 } 앞으로의 공부 계획! 아침 6시 30분 기상 아침 8시 30분 강의실 도착 어제 학습내용 훑어보기 딴 인터넷 검색 안하기 *css로 td 꾸미기(1) td{ color:#0000ff; //td색깔 border-width:3px; //테두리너비 border-color:#0000ff; //테두리색깔 border-style:solid; //이거 안적어주면 table테두리가 안보임. width:150px; background-color:#00ff00; padding:15px; } table 꾸미기 - 1 table..

[2주][1일차] 웹표준: 프레임셋 만들기

*main.html의 세번째 테이블 완성하기 *프레임 셋 만들기 - , (가로로 구분) 아래 그림과 같이 프레임을 구분해주는 html을 만들어보자. (rows)> 세로로 프레임셋 구분하기 - *스크롤 없애기, 프레임 구분선 이동 금지하기 (1) 스크롤 없애기 : (2) 구분선 이동금지 : 아래의 그림에서 보면 마우스 스크롤을 움직일 수 있게 되어있는 것을 알 수 있다. 그 마우스 스크롤을 없애고, 구분선까지 없어지도록 해야겠지? 아래가 바로 적용된 그림이다. *하이퍼링크 클릭시 main.html창에서 보이게 하기 1. index.html 설정 -> 이름설정: 먼저 위의 그림처럼 세팅을 한다. 소스코드는 밑에 있다. 프레임 주소를 지정할 때, 태그를 사용해서 main프레임의 이름을 "sub"로 지정해준다...

[4일차] 웹표준: 테이블 대신 리스트로 html 구현하기_외 4종

*리스트 만들기 - , , 순서 있는거 - 타입 : A(대문자 A부터 시작), a, I(로마자), start(몇번부터 시작할지 결정) 순서 없는거 - 타입 : circle, square - 타입 : value(start와 비슷. 중간에 번호 매김을 재지정 가능함) ※의 쓰임 : 테이블을 사용하는 이유 3 4 *링크 만들기 태그 - , , ☆ 기본옵션 - link : 링크로 걸려져 있는 처음 상태의 색깔 - vlink : 방문하고 나왔을 때의 색깔 - alink : 마우스로 눌렀을 때의 색깔 글자에 링크걸기 이미지에 링크걸기 - 이미지에 테두리 없애기 : img 태그에 border를 추가해서 '0'으로 지정해주면 없어진다. 예제 그림에 마우스를 갖다댔을 때 "그림입니다" 라는 문구가 뜨게하는 title 기..

[3일차]웹표준 수업: 표 직접 만들어보기.

오늘은 시작하자마자 좀 재밌는걸 한다. 직접 예제를 보고 표를 똑같이 만들어보기! 처음에는 border도 설정하고 시행착오를 조금 겪었지만 하다보니 아래 그림과 같이 똑같이 만들어낼 수 있었다! *표 만들기(1) 소스보기 제주교육대학교 제주시 화북1동 4810번지 064-720-0700 064-720-0800 테이블 border의 크기는 설정하지 않았다. border는 각 셀 테두리 선의 두께를 의미하기 때문이다. colspan을 이용하여 위의 두 셀을 병합시켰다. 테이블 자체에 bgcolor를 설정하고 밑에 각 셀 td에다가 따로 bgcolor를 설정하여 완성하였다. *셀 간의 간격 설정하기 - *한 셀 안쪽 간격 설정하기 - 소스보기 제주교육대학교 제주시 화북1동 4810번지 064-720-0700 ..

[2일차] 웹표준 수업: html의 다양한 기능과 예제를 알아보자!

*전체 배경 및 글자색 지정하기 - , // //글꼴 모양을 "바탕", 사이즈 5 지정. 배경색="노랑" 글꼴="빨강" 안녕하십니까? 웹표준 java *표 구성 상세설정 표의 크기 설정하기 - , // 안녕하십니까? 1 2 3 4 5 6 7 8 9 *표 병합하기 가로행 병합하기 - //안에서 설정. //4~5번 합치기: 5번 부분을 지워줘야 병합이 된다! 1 2 3 4 5 6 7 8 9 세로행 병합하기 - //안에서 설정. //3,6,9 병합하기: 6,9번을 지워줘야 병합이 된다. 1 2 3 4 7 *3번셀에 새로운 table 넣어보기 안녕하십니까? 1 2 //주황색 부분이 3번셀에 표가 들어간 것이다. 1 2 3 4 7 //3번셀의 끝부분. //4번이나 7번부분에 테이블 행 길이를 맞춰줘야 함. 여기서..

국가기간전략사업 N스크린..(생략)과정 수업시간표 및 상세 내용

[수업시간표] 오전 4시간, 오후 4시간으로 구성됨. 오전 1교시: 09:00 ~ 09:50 2교시: 10:00 ~ 10:50 3교시: 11:00 ~ 11:50 4교시: 12:00 ~ 12:50 점심시간: 12:50 ~ 13:40 (점심시간이 50분이라니..난 밥 늦게먹는단 말이다..으아악) 5교시: 13:40 ~ 14:30 (이때쯤 잠이 쏟아집니다...) 6교시: 14:40 ~ 15:30 7교시: 15:40 ~ 16:30 8교시: 16:40 ~ 17:30 [5개월과정 상세내용] 7~8월 1~2교시 Web 표준 3~4교시 Java 5~8교시 Java / jsp 9~10월 1~4교시 오라클, 리눅스, 웹표준(요일별로 나뉨) 5~8교시 jsp 10월 중순 ~ 1~4교시 안드로이드, 오라클, 웹표준 5~8교시..

[1일차 1~2교시] 웹표준 수업 - html의 기초. 메모장에서 웹페이지 만들기!

하이퍼텍스트마크업랭귀지(html)의 줄임말이다. 보이지 않는 특성의 반갑습니다. 잘 부탁드립니다. 잘해봅시다. *타이틀 넣기 - 반갑습니다. 잘 부탁드립니다. 잘해봅시다. *줄 바꾸기(엔터효과) - 반갑습니다. 잘 부탁드립니다. 잘해봅시다. *단락 바꾸기 - * 여러개 중복해서 쓸 수 없음 반갑습니다. 잘 부탁드립니다. 잘해봅시다. *폰트 넣기 - * 속성="값" 옵션 적용 ★ 옵션 종류 : 컬러 지정. 글씨체 지정. 예제01 - 반갑습니다. 잘 부탁드립니다. 잘해봅시다. 바꾸고 싶은 글자 ㄷㄹㄷㄹㄷㄷ 예제02 - 반갑습니다. 잘 부탁드립니다. 잘해봅시다. 바꾸고 싶은 글자 ㄷㄹㄷㄹㄷㄷ *폰트 사이즈 = 1~8까지 지정 가능! 반갑습니다. 잘 부탁드립니다. 잘해봅시다. 바꾸고 싶은 글자 바꾸고 싶은 글자..