N스크린하이브리드앱과정/HTML&CSS
-
[2주][1일차] 웹표준: 프레임셋 만들기N스크린하이브리드앱과정/HTML&CSS 2013. 7. 22. 11:14
*main.html의 세번째 테이블 완성하기 *프레임 셋 만들기 - , (가로로 구분) 아래 그림과 같이 프레임을 구분해주는 html을 만들어보자. (rows)> 세로로 프레임셋 구분하기 - *스크롤 없애기, 프레임 구분선 이동 금지하기 (1) 스크롤 없애기 : (2) 구분선 이동금지 : 아래의 그림에서 보면 마우스 스크롤을 움직일 수 있게 되어있는 것을 알 수 있다. 그 마우스 스크롤을 없애고, 구분선까지 없어지도록 해야겠지? 아래가 바로 적용된 그림이다. *하이퍼링크 클릭시 main.html창에서 보이게 하기 1. index.html 설정 -> 이름설정: 먼저 위의 그림처럼 세팅을 한다. 소스코드는 밑에 있다. 프레임 주소를 지정할 때, 태그를 사용해서 main프레임의 이름을 "sub"로 지정해준다...
-
[4일차] 웹표준: 테이블 대신 리스트로 html 구현하기_외 4종N스크린하이브리드앱과정/HTML&CSS 2013. 7. 18. 11:04
*리스트 만들기 - , , 순서 있는거 - 타입 : A(대문자 A부터 시작), a, I(로마자), start(몇번부터 시작할지 결정) 순서 없는거 - 타입 : circle, square - 타입 : value(start와 비슷. 중간에 번호 매김을 재지정 가능함) ※의 쓰임 : 테이블을 사용하는 이유 3 4 *링크 만들기 태그 - , , ☆ 기본옵션 - link : 링크로 걸려져 있는 처음 상태의 색깔 - vlink : 방문하고 나왔을 때의 색깔 - alink : 마우스로 눌렀을 때의 색깔 글자에 링크걸기 이미지에 링크걸기 - 이미지에 테두리 없애기 : img 태그에 border를 추가해서 '0'으로 지정해주면 없어진다. 예제 그림에 마우스를 갖다댔을 때 "그림입니다" 라는 문구가 뜨게하는 title 기..
-
[3일차]웹표준 수업: 표 직접 만들어보기.N스크린하이브리드앱과정/HTML&CSS 2013. 7. 17. 09:51
오늘은 시작하자마자 좀 재밌는걸 한다. 직접 예제를 보고 표를 똑같이 만들어보기! 처음에는 border도 설정하고 시행착오를 조금 겪었지만 하다보니 아래 그림과 같이 똑같이 만들어낼 수 있었다! *표 만들기(1) 소스보기 제주교육대학교 제주시 화북1동 4810번지 064-720-0700 064-720-0800 테이블 border의 크기는 설정하지 않았다. border는 각 셀 테두리 선의 두께를 의미하기 때문이다. colspan을 이용하여 위의 두 셀을 병합시켰다. 테이블 자체에 bgcolor를 설정하고 밑에 각 셀 td에다가 따로 bgcolor를 설정하여 완성하였다. *셀 간의 간격 설정하기 - *한 셀 안쪽 간격 설정하기 - 소스보기 제주교육대학교 제주시 화북1동 4810번지 064-720-0700 ..
-
[2일차] 웹표준 수업: html의 다양한 기능과 예제를 알아보자!N스크린하이브리드앱과정/HTML&CSS 2013. 7. 16. 10:19
*전체 배경 및 글자색 지정하기 - , // //글꼴 모양을 "바탕", 사이즈 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스크린..(생략)과정 수업시간표 및 상세 내용N스크린하이브리드앱과정/HTML&CSS 2013. 7. 15. 14:11
[수업시간표] 오전 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의 기초. 메모장에서 웹페이지 만들기!N스크린하이브리드앱과정/HTML&CSS 2013. 7. 15. 09:45
하이퍼텍스트마크업랭귀지(html)의 줄임말이다. 보이지 않는 특성의 반갑습니다. 잘 부탁드립니다. 잘해봅시다. *타이틀 넣기 - 반갑습니다. 잘 부탁드립니다. 잘해봅시다. *줄 바꾸기(엔터효과) - 반갑습니다. 잘 부탁드립니다. 잘해봅시다. *단락 바꾸기 - * 여러개 중복해서 쓸 수 없음 반갑습니다. 잘 부탁드립니다. 잘해봅시다. *폰트 넣기 - * 속성="값" 옵션 적용 ★ 옵션 종류 : 컬러 지정. 글씨체 지정. 예제01 - 반갑습니다. 잘 부탁드립니다. 잘해봅시다. 바꾸고 싶은 글자 ㄷㄹㄷㄹㄷㄷ 예제02 - 반갑습니다. 잘 부탁드립니다. 잘해봅시다. 바꾸고 싶은 글자 ㄷㄹㄷㄹㄷㄷ *폰트 사이즈 = 1~8까지 지정 가능! 반갑습니다. 잘 부탁드립니다. 잘해봅시다. 바꾸고 싶은 글자 바꾸고 싶은 글자..