1 / 11

컴퓨터 일반 교과 교수 / 학습 과정안

일시 : 2011. 11. 28( 월 ) 3 교시 장소 : 컴퓨터 7 실 (2 층 ) 대상 : 1 학년 1 반 32 명 지도교사 : 김재창. 컴퓨터 일반 교과 교수 / 학습 과정안. II. 웹프로그래밍 2. 웹프로그래밍의 실제 04. 하이퍼링크 설정하기. 하이퍼링크 설정하기. 학습목표. HREF 태그의 개념과 동작 원리를 설명할 수 있다. 웹에서 사이트 , 문서 , 다양한 개체를 연결할 수 있는 소양을 기를 수 있다. 학습후 알아야 할 내용들.

victor-key
Download Presentation

컴퓨터 일반 교과 교수 / 학습 과정안

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 일시 : 2011. 11. 28(월) 3교시 장소 : 컴퓨터 7실(2층) 대상 : 1학년 1반 32명 지도교사 : 김재창 컴퓨터 일반 교과교수/학습 과정안

  2. II. 웹프로그래밍 • 2. 웹프로그래밍의 실제 • 04. 하이퍼링크 설정하기 하이퍼링크 설정하기

  3. 학습목표 • HREF 태그의 개념과 • 동작 원리를 설명할 수 있다. • 웹에서 사이트, 문서, 다양한 개체를 • 연결할 수 있는 소양을 기를 수 있다.

  4. 학습후 알아야 할 내용들 가. 링크의 중요성 알기 1) 웹 문서에서 링크의 개념 알기 2) 정리된 생각으로 링크하기 3) 링크의 속성 적용하기 나. 링크 주제 에 알맞은 이미지 올리기 1) 이미지를 이용한 링크시 주제에 알맞은 이미지 찾아 올리기 2) 이미지 속성을 이해하기 다. 링크 완성하여 발표하기 1) 완성된 링크를 이용하여 편리함 발표해 보기 2) 다양한 링크를 실제 문제에 삽입하여 적용해 보기

  5. HREF 태그의 다양한 이용 실제 • 부산정보과학고등학교로 가기 • 포털검색 사이트 네이버로 가기

  6. 부산정보과학고등학교 홈페이지 • 부산광역시 교육청 홈페이지 • 네이버, 다음, 야후 연결하기 • 메일 주소 연결하기 • “이미지.htm” 파일 • “태그.hwp” 파일 • “컴퓨터일반.ppt”파일 HREF 태그를 이용한 링크 실습 1 웹사이트 연결 문서 연결

  7. 웹에서 이미지 찾기 • 이미지 복사 및 저장 • 이미지 웹에서 불러오기 • 이미지 링크하기 • 개인 관심 사이트 찾아서 링크 해보기 • 자기집 약도 검색하여 링크해 보기 • 가을 여행지 찾아 링크해 보기 HREF 태그를 이용한 링크 실습 2 이미지 링크 관심사이트 링크

  8. 정리 • <A HREF> 링크할 개체 </A> • <img src=그림파일>와 링크 연결 • <A href=“mailto:이메일주소”> • 단어,문장,이미지</A> • target 속성

  9. 형성 평가 <h4><font color="red"> <a name="LIST">사계절의 특징</A></FONT> <P>목차 <A HREF="#봄">봄</A> <A HREF="#여름">여름</A> <A HREF="#가을">가을</A> <A HREF="#겨울">겨울</A> <H1><A NAME="봄">봄</A></H1> <P>기온이 점점 올라가고 따뜻해집니다.<BR> 꽃샘추위, 날씨 변화가 심하다.<BR> <A HREF="#LIST">목차</A><BR> <HR> <H1><A NAME="여름">여름</A></H1> <P>기온이 점점 올라가고 무더워집니다.<BR> 장마, 태풍피해 대비.<BR> <A HREF="#LIST">목차</A><BR> <HR> <H1><A NAME="가을">가을</A></H1> <P>고기압의 영향으로 맑고 쾌적한 날씨가 많습니다.<BR> 기온차가 심하므로 건강에 유의.<BR> <A HREF="#LIST">목차</A><BR> <HR> <H1><A NAME="겨울">겨울</A></H1> <P>눈이 많이 오고(특히 영동, 울릉도) 춥고 건조합니다.<BR> 시베리아 기단의 영향으로 건조한 북서풍이 차갑게 붑니다.<BR> <A HREF="#LIST">목차</A><BR> <HR> 해당 단어를 클릭하면 그 단어와 연결된 위치가 문서 상단으로 표시된다 목차를 클릭하면 문서 상단으로 이동한다.

  10. 차시예고 ☞ 태그를 통한 표작성 해보기 - 태그를 이용한 다양한 표작성

  11. 교수-학습 계획 교 과 명 컴퓨터일반 학년·학기 1학년2학기 쪽수 p.204 단 원 명 4. 하이퍼링크 설정하기 차 시 5/7 학습주제 HTML에서 하이퍼링크의 의미와 동작 과정을 설명할 수 있다. 학습목표 HREF 태그를 이용하여 다양한 개체를 연결 할 수 있다. 학습환경 컴퓨터, 인터넷 등 활동유형 학습조직 교수-학습 활동 [도입] - 전시 학습 내용 확인 : 이미지 파일 웹파일에 연결하기 - 동기 유발 : 하이퍼 링크를 통한 동영상 보기 - 학습 목표 제시 : 학습 목표를 따라 읽는다. [전개] 1. 하이퍼 링크의 개념 알기 2. 하이퍼 링크 태그를 이용하여 사이트, 문서 연결하기 3. 다양한 개체에 하이퍼 링크하기 [정리] 수업 내용 요약, 정리 ; 하이퍼 링크의 유용성 [차시 예고] 태그를 이용한 표작성 전체 개별학습 전체학습 개별 전체 정보 안내 동영상보기 정보분석 정보탐색 정보만들기 토론 및 정보만들기 학습자료 PPT자료 차시안내 태그를 이용한 다양한 표작성 준비물 교과서, 학습자료

More Related