기획
- 무엇인가를 만들기 전에 상상하고, 계획하는 과정
1. 제일 위쪽에는 수업의 전체 제목을 적어봤습니다.
2. 왼쪽에는 수업의 목차를 적었습니다. 목차에는 링크가 걸려 있습니다. 링크를 클릭하면 링크에 해당하는 콘텐츠가 오른쪽에 표시됩니다.
3. 오른쪽의 상단엔 제목이 표시되고, 본문에는 제목에 대한 자세한 설명이 표시됩니다.
웹페이지
-인류가 생산하는 디지털 정보가 담기는 그릇
1.원인(사람이 하는 일)
- 원인을 부르는 여러 표현
(1) 코드(CODE) : 부호 또는 신호
(2) 소스(SOURCE) : 원천
2.결과(기계가 하는 일)
- 결과를 부르는 여러 표현
(1) 애플리케이션(앱)
(2) 응용 프로그램
· 웹에서는 결과를 웹 페이지, 웹페이지가 모여있으면 웹 사이트라고 한다.
· 원인인 코드를 통해서 결과를 만든다는 것이 코딩을 이해하는 핵심이다.
·
HTML
- 웹 페이지를 만드는 코드
코딩
- 코딩을 하기 위해선 에디터라는 프로그램이 필요하다. (Visual Studio Code 사용)
- 가장 큰 제목 : <h1> </h1> 사용
- 강조 표시 : <strong> </strong> 사용
- 밑줄 표시 : <u> <?u> 사용
- 줄바꿈 : <br> 사용
- 단락 : <p> 단락의 경계를 분명히 하면서 CSS를 통해서 p태그의 디자인을 자유롭게 변경할 수 있어서 <br> 보다 좋다.
- 속성 : soruce의 줄임말인 src를 사용
- 부모 자식 태그 : ul은 unordered list의 약자이고, ol은 ordered list의 약자이다.
- 제목 : <title> 사용
- 본문 <body>, 내용 <head> 사용
- 링크 : 사용
<p><a href="https://www.w3.org/TR/html5/" target="_blank" title="html5 specification">Hypertext Markup Language (HTML)</a>