교수학습지도계획서] 컴퓨터일반 교과 학습지도안

소개글

교수학습지도계획서] 컴퓨터일반 교과 학습지도안에 대한 보고서 자료입니다.

본문내용

목표제시
■ 인사 및 출석을 확인한다.
■ 전시 학습 내용을
확인한다.
■ 박수로 수업 분위기 조성.
■ 학습 목표를 제시한다.
■ 인사한다.
■ 들으면서 전시 학습내용을
상기시킨다.
■ 박수치며
집중한다.
■ 학습목표를
읽으면서 배울것에 대해 인지한다.
■ 교과서
■ 파워
포인트
■ 유인물
■발문유도
5분
전개
■ HTML개요
■ 만들어간 디렉터(플래쉬)를 통해 시청각을 자극해 학습 에 흥미를 유발시킴.
■ HTML의 특징을 설명.
- 번호를 불러 읽도록 시켜 약간의 긴장감을 주도록 한다.
■ 학습내용에 흥미를 보인다.
■ 긴장감 느낌.
■ HTML특징이해.
■ 교과서
■ 디렉터
■ 유인물
■흥미유발
5분
■ HTML의
기본형식
(구조)
■ 사람 캐릭터를 제시.
■ 아이들에게 사람의 신체는
어떻게 구분 되는지에 대해 질문한다.
■ 사람의 신체 구조와 비교 해 HTML 구조를 설명한다.
■ 시작태그와 마감태그에 대해 설명한다.
■ 질문에
대답한다.
■ HTML 구조에
대해 인지한다.
■ 시작태크와
마감태그에 대해
안다.
■ 교과서
■ 디렉터
■ 유인물
5분
단계
학습내용
교수 학습 활동
자료 및 유의점
시간
교사
학생
전개
■ HTML의
태그 작성시
유의점.
■ 다른 방식으로 태그를
작성한 예제를 제시.
■ 아이들에게 두 예제 중
어느 것을 사용하는 것이
좋을지를 질문한다.
- 스스로 유의점 찾도록 유도.
■ 유의점을 정리해 말해줌.
■ 예시를
보며 질문의
답을 찾는다.
■ 유의점에
대해 안다.
■ 교과서
■ 파워
포인트
3분
■ HTML의
기본구조 실습
■ 컴퓨터를 켜도록 한다.
■ 바탕화면에 새 폴더를 만듬.
- 폴더명은 반, 이름
■ 메모장을 열어 태그를
작성한다.
- 태그 작성 순서에 대한 설명.
■ 저장한다.
■ 내 폴더를 확인하게 한다.
■ 새로 생긴 것 실행시켜 본다.
■ 실습시간 부여.
- 돌아다니며 잘 안되는
아이들 도와줌.
■ 따라한다.
■ 실습한 내용을 웹브라우져를 통해 확인한다.
■ 잘 안되면
도움을 요청
한다.
■ 교과서
■ 유인물
■ 스스로
목표에
도달할 수
있도록 학
습 분위기
조성
15분
■ 글자관련
태그
■ ...
- 제목태그에 대해 설명.
■ 이전에 저장 시켰던
메모장에 태그를 추가시킨다.
■ 실습 시간 부여.
- 돌아다니며 잘 안되는
아이들 도와줌.
■태그
에 대해 안다
■ 실습한다.
■ 잘 안되면
도움을 요청
한다.
■ 교과서
■ 파워
포인트
■ 유인물
6분
■ ...
- FONT태그에 대해 설명.
■ 이전에 저장 시켰던
메모장에 태그를 추가시킨다.
■ 실습 시간 부여.
- 돌아다니며 잘 안되는
아이들 도와줌.
■ 다 한 학생에게는 속성을
바꿔 실습해 보도록 시킨다.
■
태그에 대해
안다.
■ 실습한다.
■ 잘 안되면
도움을 요청
한다.
■ 다 한 학 생은 다른 것
실습.
■ 교과서
■ 파워
포인트
■ 유인물
6분
단계
학습내용
교수 학습 활동
자료 및 유의점
시간
교사
학생
정리 및 평가
■ 평가문제
■ 학습내용
정리
■차시예고
■ 평가문제를 나눠준다.
■ 배운것에 대한 정리.
- 평가문제 질문.
■ 과제 부여
■ 차시 내용을 알려준다.
■ 수업 종료. 인사한다.
■ 평가문제
를 푼다.
■ 질문에
대답하며
배운것을
다시 한번
상기 시킨다.
■ 차시내용
확인.
■ 인사한다.
■ 교과서
■ 파워
포인트
■ 디렉터
■ 유인물
5분
[ 교수자료 ]
- HTML -
1. HTML의 특징
- Hyper Text Markup Language의 약자.
- 웹페이지를 작성하는 전문프로그래밍 언어로, 주로 하이퍼링크로 표현되는 문서를 작성 하는 언어.
- 텍스트로 되어 있으며 태그(Tag)를 통해 웹브라우저로 보여짐.
- HTML로 제작된 웹페이지는 컴퓨터나 운영체제의 종류와 관계없이 웹브라우저로 실행 가능.
- 파일확장자 : *.HTM, *.HTML
2. HTML문서의 기본 형식





본문 내용


3. HTML 태그 작성 시 유의점
- 태그의 대소문자는 구분되지 않지만 기본태그는 대문자로 작성하고
태그의 옵션은 소문자로 작성하는 규칙을 정해두는 것이 좋다.
- 한 줄에는 하나의 태그만 입력하는 것이 좋다.
- 태그의 종류별로 들여쓰기를 맞춘다.
(좀 더 쉽게 내용을 이해할 수 있고 태그에 대한 수정도 보다 편리)
4. ■ 글자 관련 태그
- ... : 제목 태그로, n에는 글자의 수치가 들어가며 1-6까지 수치를
적용할 수 있다. 수치가 작을수록 제목글자 크기가 크다.
size
1-7까지 글자 크기 지정
(수치 클수록 글자 크기 큼)
color
색깔 지정
face
서체 지정
- ... : Ex) FONT size="2" color="red" face="굴림체“
-
: 한 줄을 내려준다. (enter키와 같은 기능)
[ 확인문제 ]
1. 아래 제시된 것의 잘못된 부분을 찾아 HTML의 구조에 맞게 바꾸시오.





행복한 하루 되세요~^^*


-->
2. 아래의 빈칸을 채우시오.
a. 제목태그인 태그의 크기는 ( )~( )까지 이고, 숫자가 커질수록 글자크기는 ( ).
b. 1~7까지의 글자 크기와 색깔, 서체를 지정할 수 있는 태그는 무엇인가? ( )
c. b의 질문에서 글자크기를 지정하는 속성은 ( )이고, 색상을 지정하는 속성은 ( ),
서체를 지정하는 속성은 ( )이다.
[ 한걸음 더 ]
* 오늘 배운 태그를 사용해 간단한 자기 소개서 페이지 만들어 보기.
* 홈페이지를 만드는데 사용하는 HTML 이외의 언어 조사해 보기.
2018학년도 1학기
교육 실습생 연구수업 과정안
컴퓨터일반 교과 교수-학습 지도안
결
재
지도교사
부 장
교 감
교 장
일 시
2018년 4월 22일
장 소
정보처리실습 6실
대 상
정보처리과 1학년 3반 28명
수 업 자
O O O 교생
지도교사
O O O 선생님