제8강. 홈페이지 기초 다지기(1) [교재 245 ~ 261쪽]
1. 메모장을 이용하여 HTML 문서를 만들 수 있다.
2. 웹 문서를 만들 때 다양한 글자 관련 태그를 활용할 수 있다.
3. 웹 문서에 표를 만들 수 있고, 다른 문서를 연결할 수 있다.
4. 웹 문서를 만들 때 책갈피 태그와 프레임 태그를 활용할 수 있다.
○ 세부내용 :
HTML 기본 태그, 입력 양식 태그와 폼 태그, 멀티미디어 삽입 태그
제9강. 홈페이지 기초 다지기(2) [교재 262 ~ 278쪽]
1. 입력 양식 태그를 종류별로 비교하여 설명할 수 있다.
2. 입력 양식 태그와 폼 태그를 이용하여 인터페이스를 만들 수 있다.
3. 웹 문서에 그림, 미디어, 플래시 파일 등을 삽입할 수 있다.
○ 세부내용 :
HTML 기본 태그, 입력 양식 태그와 폼 태그, 멀티미디어 삽입 태그
* 교재 7장(방송강의 8강, 9강)에 나오는 내용입니다.
인터넷의 활용 과목은 교재와 함께 앞서 자료실에 올려드린 방송강의 PPT(2008년 제작)를
병행해서 학습하시기 바랍니다.
* PDF파일 요약정리(1~10장) 자료제공 : 김미수 튜터
6) 다른 문서 연결하기
․ 페이지의 특정 위치로 가고자 할 때 사용
* 형식 <A HREF = "파일이름 및 URL"> 글자나 이름 </A>
* 예) <A HREF = "http://www.yahoo.com/"> yahoo </A>
* HREF: Hypertext REFerence의 약자 * A: Anchor를 의미하며 연결할 문서를 지정
․ 화면을 분할해서 각기 다른 웹문서 사용
* <BODY>부분 없이 <FRAMESET>을 사용
* 형식: <FRAMESET ROWS/COLS = "분할 비율">
프레임 분할 정보
</FRAMESET>
2. 입력양식 태그와 폼 태그
입력양식 태그 : 텍스트 박스
3. 멀티미디어 삽입 태그
1) 그래픽 자료 삽입: ․ 다양한 파일 형식 중 GIF와 JPEG만을 지원
․ 브라우저에 의해 그림을 표현
<IMG SRC = "그림파일명" ALLIGN = TOP/BOTTOM/MIDDLE WIDTH = 픽셀수/백분율
HEIGHT=픽셀수/백분율 BORDER=픽셀수 VSPACE=픽셀수 HSPACE=픽셀수 ALT=대체문자>
․ 그림의 크기 및 위치 정렬 <IMG SRC="IMG/TOTORO.JPG" WIDTH="500" HEIGHT="100">
․ 그림의 위치 정렬 <IMG SRC "IMG/TOTORO.JPG" ALAIGN="TOP">
․ ALT 문자열 넣기l <IMG SRC = "img/TOTORO.JPG" ALT="귀여운 토토로">
2) 오디오와 비디오 삽입
․ 오디오 및 비디오 파일 넣기: MP3, WMA, AVI, WMV와 같은 오디오 혹은 비디오 파일을 포함시킬 때
<A HREF="C:/VIDEO.AVI"> 비디오보기 </A>
<EMBED SRC= MMS://218.38.55.217/326574.WMA LOOP="TRUE" AUTOSTART="FALSE"> </EMBED>
․ 사운드파일 삽입 태그(모든 옵션은 서로 중복이 가능)
autostart=false: 사용자가 재생버튼을 눌러야만 재생이 시작
showstatusbar=true: 하단에 현재의 상태를 보여줌
showcontrols=false: 사용자가 제어할 수 있는 버튼들을 숨김
showaudiocontrols=false: 사용자가 볼륨 조절을 못하도록 불륨 콘트롤을 숨김
showpositioncontrols=false: 사용자가 강제적으로 다음 혹은 이전 곡으로 넘어가는 것을 방지
showtracker=false: 현재 곡이 진행되고 있는 상황을 표시하는 트랙 바를 숨김
3) 배경화면 지정
․ 화면의 배경그림, 배경색, 링크색 지정 ․ 색깔 지정은 16진수 RGB코드나 색상매크로 이용
<BODY BACKGROUND="이미지 파일" BGCOLOR="#컬러값" TEXT="#컬러값" VLINK="#컬러값" ALINK="#컬러값">