2벤트가 많은 2월, 소중한 여러분의 지인∙가족∙친구∙연인에게 추억과 감동을 담은 코딩네컷 선물, 어때요?
01. 오늘 배울 것
1) 오늘 만들 페이지 확인하기
2) vscode 함께 설치하기
02. HTML, CSS 기초 학습
1) HTML
2) CSS
03. 코딩네컷 실전 (1) - 구조 잡기
1) 구조를 잡는다는 것의 의미
2) 딱! 뼈대만 잡아보기
3) 메인 영역 만들기
4) 사진 영역에 이미지 설명 글(description) 넣어주기
5) 아래영역(footer) 만들기
6) Live Server를 통해 결과물 실시간으로 확인하기
04. 코딩네컷 실전 (2) - 스타일링
1) 전체 배경으로 사용할 파일 다운로드
2) body 태그 스타일링
3) 코딩네컷 영역 스타일링
4) 하단 영역 스타일링
5) 전체코드 및 결과물
05. 코딩네컷 실전 (3) - 스타일링 마무리
1) 이미지 준비하기
2) 이미지 삽입하기
3)이미지 설명 글 스타일링
4) 이미지 설명 글을 가운데 아래로 내리기
[참고] 전체 완성코드
06. 한걸음 더 나아가기 - 동영상 삽입과 마우스 오버 기능 추가하기
여기서 멈출 순 없죠!
”CSS”를 통해 마른 “HTML”에 아름다운 색채를 넣었다면,
”JAVASCRIPT”를 통해 생동감을 불어넣어봅시다!
웹 프로그래밍이라는 것은 결국, 요 “HTML + CSS + JAVASCRIPT”를 다루는 개발을 의미한답니다.
웹 사이트에 동적인(움직이는) 요소가 있다면? “JAVASCRIPT”가 그 역할을 해주고 있는거에요.
한번 가볼까요?!
웹 사이트에 동적인(움직이는) 요소가 있다면? “JAVASCRIPT”가 그 역할을 해주고 있는거에요.
한번 가볼까요?!1) 동영상 삽입하기
2) 마우스 오버 효과 & 클릭효과 삽입하기
07. 자랑스러운 내 프로젝트 알리기 - 배포
1) github?
2) 가입하기
3) 저장소 생성하기
4) 파일 업로드하기
5) 배포하기
가입부터 등록까지저장소에서 파일을 지워버렸다면?