9일간 가장 이해하기 쉬운 HTML+CSS 강좌

• 장1 html+css 9일 빠른 튜토리얼 (1)
• 1-1 파일럿 비디오: 첫 번째 웹페이지 만들기
• 1-2 실무 : 곡목록 추천모듈 분석
• 1-3 지식 포인트: 세 가지 스타일 시트
• 1-4 실제 작업: 스타일 시트(div 및 제목 태그) 도입
• 1-5 실제 작업: 제목 구현(선택기 + CSS 공통 스타일)
• 1-6 연습: 목록 분석
• 1-7 지식 포인트: 목록 태그
• 1-8 지식 포인트: img
• 1-9 지식 포인트: 상대 및 절대 경로
• 1-10 지식 포인트: 태그 하이퍼링크
• 장2 html+css 9일 빠른 튜토리얼 (2)
• 2-1 실제 작업: 목록 레이아웃의 부분 구현
• 2-2 지식 포인트: 플로팅
• 2-3 지식 포인트: 박스 모델-마진 경계
• 2-4 지식 포인트: 박스 모델-패딩 내부 충전
• 2-5 지식 포인트: 줄 높이
• 2-6 실무작업 : 노래목록 추천목록 구현
• 2-7 실무작업 : 신곡데뷔 - 타이틀 및 네비게이션 구현
• 2-8 실무작전 : 신곡데뷔 - 목록의 첫 번째 작은 상자
• 2-9 지식 포인트: 국경
• 2-10 실무작업 : 신곡 데뷔리스트 실시
• 장3 html+css 9일 빠른 튜토리얼 (3)
• 3-1 실무운영 : 멋진 추천모듈 구현
• 3-2 실무작업 : 순위목록-제목 구현
• 3-3 지식 포인트 : 배경(색상,그림,반복)
• 3-4 지식 포인트: 배경(위치 지정, 스크롤)
• 3-5 실제 작업: 순위 목록-목록 레이아웃 구현
• 3-6 실제 작업: 순위 목록-목록 스타일 구현
• 3-7 지식 포인트: 라벨 유형
• 3-8 실제 작업: 하단 다운로드 클라이언트
• 3-9 실제 운영: 하위 기능 제품
• 3-10 실제 작업: 하단 협력 링크
• 장4 html+css 9일 빠른 튜토리얼 (4)
• 4-1 실제 운영: 하단 개방형 플랫폼 및 TME 그룹 공식 웹사이트
• 4-2 실제 작업: 하단-저작권
• 4-3 실제 작업: 헤드 로고
• 4-4 지식 포인트: 포지셔닝(상대, 절대 포지셔닝)
• 4-5 지식 포인트: 고정 위치_HD
• 4-6 실제 운영: 헤드 내비게이션 구현
• 4-7 지식 포인트: 양식 요소(재설정 및 재기록)
• 4-8 지식 포인트: 둥근 모서리
• 4-9 실제 작업: 헤드 검색창 구현
• 4-10 실무작업 : 헤드 - 로그인, VIP 활성화, 재충전
• 4-11 지식 포인트: 경계 삼각형, 의사 요소
• 4-12 실제 작업: 머리 - VIP 활성화 및 재충전을 위한 삼각형 추가
• 4-13 실제 작업: 헤드-보조 탐색