몸을쓰라곰 몸을쓰라곰

주제  : HTML 기획 : 내가 예전에 했던 수업을 웹페이지 콘텐츠로 만들어보자! 목표 : 영상을 해석하기&비판적으로 바라보기 특징1.자발적학습 - 각자 자신이 원하는 콘텐츠를 선택해 학습이 가능하게끔2.상호의사소통 - 자신의 의견을 사람들과 함께 나눌 수 있도록 기능1.댓글기능을 이용한 서술형 의견 교류주관식 문항 - 댓글 기능(질문 및 답변) 2.채팅기능을 이용한 학습자 사이의 토론토론주제 1 - 교사가 정한 주제토론주제2 - 학생들이 정한 토론주제(댓글 기능을 이용한 투표로 학습자 토론주제 정해보기)

주제  : HTML 교재 : 생활코딩 내용 1.웹크라우저와 웹서버는 고객과 사업(서비스제공)자의 관계1)웹브라우저(web browser)는 웹서버(web server)에게 특정 정보를 요청하는 고객(client)2)웹서버(web server)는 웹브라우저(web browser)가 요청한 정보에 응답하는 서비스제공자(sever)-ex1)만약 게임시스템을 만들고 있다면, 사용자들이 게임하는 프로그램은 게임 클라이언트-ex2)반대로 게임회사가 제공하는 서버의 게임 프로그램은 게임 서버 2.웹서버를 사용할 수 있다는 의미 = 내 컴퓨터에 있는 문서를 웹서버 통해 누구나 공유할 수 있음 3.웹호스팅 : 웹서버를 전문적으로 빌려주는 비즈니스 4.깃허브 페이지 : 소스코드를 이용해서 웹사이트를 운영할 수 있도록 지원..

언어 : Html 교재 : 생활코딩 내용문법1tag : 문서의 특정 부분을 설명열리는 태그 b 닫히는 태그 문법2attribute : 태그의 이름만으로 부족할 때, 속성을 통해 더 많은 의미 부여ex) src="" width="">굵은 글씨를 통해 어떤 이미지 파일(src)을 삽입할 것인지이미지의 너비(width)는 어느정도로 할 것인지등의 추가적인 속성을 부여해준다 태그strong : 글자를 진하게 표시 h1 : 제목 태그 br : 줄바꿈 태그, 독립적으로 쓰임 p : 단락 나눔 태그, 단락구간을 정해주어야 함(도 같이 씀) li : 목록태그(list) ul : 목록 사이에서 연관된 구간을 설정해주는 태그로 li태그의 부모태그(unordered list)-부모와 자식태그는 혼자서 쓰일 수 없음. 두개가..

1/9 코딩 일기  교재 - 웹표준의 정석 언어-HTML 내용 1.웹개발에서 HTML의 역할 - '웹 문서(텍스트,이미지,영상)를 만드는 언어' 2.VS Code에서 '!' 입력을 통해 웹 문서의 구조를 자동으로 만들 수 있음 3.HTML 태그의 주의사항 - tab키를 이용해 적당하게 들여쓰기 하자! 4.시맨틱 태그 - 웹 구조(제목,메뉴,본문)를 구별하기 위해 필요 5.meta 태그 - 문서의 인코딩 유형 지정할 때 사용 느낀점!를 통해 구조를 자동으로 만드는 것과 시맨틱 태그가 흥미로웠다!