HTML & Java Script

Section-1 홈페이지와 HTML
실습 01 메모장으로 홈페이지 만들기
실습 02 문단과 줄을 분리하는 태그

Section-2 글자에 옷을 입히자
실습 01 숫자로 글자 크기 변경하기
실습 02 덧셈과 뺄셈으로 글자크기 변경하기
실습 03 알록달록한 글자 만들기
실습 04 글자 모양 바꿔 멋 부리기
실습 05 제목 글자 만들기

Section-3 글자에 스타일 설정하고 특수한 기호 넣기
실습 01 스타일을 지정하는 기본태그 알아보기
실습 02 글자의 특징을 표시하는 태그 알아보기
실습 03 특수한 글자 입력하기

Section-4 문단을 정리하는 기술
실습 01 문단을 가지런히 정리하기
실습 02 문단을 가운데로 정렬하기
실습 03 문단을 구분하는 수평선 넣기

Section-5 홈페이지에 그림 넣기
실습 01 홈페이지에 그림을 넣자
실습 02 그림 크기 조절하기
실습 03 글자에서 그림 위치 설정하기
실습 04 그림에 테두리선 넣기
실습 05 그림과 글자의 간격 조절하기
실습 06 글자에서 그림의 상·하 정렬

Section-6 문서끼리 연결하는 하이퍼링크
실습 01 다른 웹사이트로 이동하기
실습 02 같은 웹사이트로 이동하기
실습 03 같은 웹문서 내에서의 이동
실습 04 전자우편으로 하이퍼링크
실습 05 새로운 웹브라우저를 생성하는 하이퍼링크

Section-7 하나의 그림에 여러 개 링크 설정하기
실습 01 사각형 영역에 하이퍼링크 설정하기
실습 02 원 영역에 하이퍼링크 설정하기
실습 03 다각형 영역에 하이퍼링크 설정하기

Section-8 바탕을 예쁘게 만들자
실습 01 홈페이지 배경색 바꾸기
실습 02 그림으로 홈페이지 배경 채우기
실습 03 홈페이지 여백 조절하기
실습 04 하이퍼링크가 설정된 글자색 바꾸기

Section-9 홈페이지에서 표 만들기
실습 01 표 만들고 테두리 설정하기
실습 02 표와 셀의 너비 조절하기
실습 03 셀과 문자와의 여백 설정하기
실습 04 셀과 셀 사이의 여백 설정하기
실습 05 셀 합치기
실습 06 셀 속의 문자와 그림 위치 설정하기
실습 07 셀의 색상 변경하기
실습 08 표 속에 표 넣기

Section-10 프레임으로 한 화면에 여러 개의 문서를 보여주자
실습 01 수직으로 분할하고 크기 수정하기
실습 02 수평으로 분할하고 크기 수정하기
실습 03 다중 분할 및 경계선 조절하기
실습 04 스크롤 바의 생성과 삭제
실습 05 프레임 문서에서 하이퍼링크

Section-11 폼 태그로 회원가입 신청서 만들기
실습 01 텍스트 또는 비밀번호 입력 창 만들기
실습 02 선택을 위한 라디오 버튼 만들기
실습 03 다중 선택이 가능한 체크박스 만들기
실습 04 선택을 위한 선택 메뉴 만들기
실습 05 긴 텍스트를 입력하는 창 만들기
실습 06 전송과 리셋단추 만들기
실습 07 파일 전송 폼 만들기

Section-12 리스트를 만들자
실습 01 순서가 있는 목록 만들기
실습 02 기호로 목록 만들기
실습 03 그림으로 목록 표시하기

Section-13 음악과 영상이 있는 멀티미디어 홈페이지 만들기
실습 01 배경에 음악넣기
실습 02 화면에 멀티미디어 파일 표시하기
실습 03 동영상 넣고 마음대로 제어하기

Section-14 그밖에 알아두면 좋은 태그들
실습 01 주석 달기
실습 02 화면에 보이는 대로 표시하기
실습 03 인용문
실습 04 움직이는 문자열 만들기
실습 05 바뀐 홈페이지 주소로 이동하기

Section-15 스타일시트의 기본 익히기
실습 01 문서의 HEAD에 스타일 정의하기
실습 02 인라인 스타일 사용하기
실습 03 외부 스타일시트 파일 연결하기

Section-16 스타일시트로 글자를 제어하자
실습 01 글꼴과 크기 지정하기
실습 02 행간과 자간 설정하기
실습 03 문단 여백 지정하기
실습 04 들여쓰기 지정하기
실습 05 텍스트 위치 설정하기
실습 06 문단 배경을 색상으로 채우기
실습 07 문단 배경을 그림으로 채우기
실습 08 링크 스타일 지정하기
실습 09 질대위치 지정하기

Section-17 자바스크립트 기본 익히기
실습 01 자바스크립트로 문자 표시하기
실습 02 자바스크립트로 메시지 창 표시하기
실습 03 다른 홈페이지의 자바스크립트 이용하기

Section-18 자바스크립트 활용하기
실습 01 상태표시줄에 반짝이는 글자 넣기
실습 02 홈페이지 화면 인쇄하기
실습 03 텍스트 입력 창 테두리 변경하기
실습 04 마우스의 모양을 내 맘대로 변경하기
실습 05 홈페이지에 날짜 표시하기
실습 06 남은 날짜 카운트하기
실습 07 선택 메뉴에 의한 하이퍼링크

Section-19 업그레이드 자바스크립트
실습 01 배경 이미지 움직이기
실습 02 타이틀 바에 날짜 표시하기
실습 03 움직이는 타이틀 바
실습 04 날아오는 팝업 창
실습 05 쿠키를 이용한 팝업 창 숨기고 표시하기
실습 06 원하는 검색엔진에서만 검색하기
실습 07 숨겨 놓은 표 마우스에서 표시하기
실습 08 표 안의 내용 스크롤 시키기