CSS로 트게더 꾸미자
1회에 1시간 ~ 1시간 20분, 총 4차시 수업으로 진행.
1차시에 1, 2교시 수업으로 진행.
매 차시마다 배운 내용을 본인의 입맛에 맞게 적용해오는것이 과제.
- 1교시: CSS가 뭔지, css 적용 전/후 비교해서 간단히 설명?
- 2교시: NotePad++ 설치
https://jsfiddle.net/intelyshoen/v08z9y53/ 이용해서 배경색깔 바꾸고, 00게더 로고 바꾸기
(헥스코드, 어도비 팔레트 생성기 https://color.adobe.com/ko/create 이용해서 설명)
- 1교시: https://noonnu.cc/index 로 글꼴 바꾸기.
- 2교시: 게시판, 메뉴바 모양 바꾸고(둥글기 조정), 게시글 너비, 페이지네이션 수정
- 디테일 수정: 댓글 수 색상, 마우스 커서, 애니메이션 효과(눈내리기) 등
- 드롭박스, 게시판 호버링 및 기타 CSS 적용할 부분 찾는 법(F12)
- 마무리