파일럿 비디오: 첫 번째 웹페이지 만들기

실무 : 곡목록 추천모듈 분석

지식 포인트: 세 가지 스타일 시트

실제 작업: 스타일 시트(div 및 제목 태그) 도입

실제 작업: 제목 구현(선택기 + CSS 공통 스타일)

연습: 목록 분석

지식 포인트: 목록 태그

지식 포인트: img

지식 포인트: 상대 및 절대 경로

지식 포인트: 태그 하이퍼링크

실제 작업: 목록 레이아웃의 부분 구현

지식 포인트: 플로팅

지식 포인트: 박스 모델-마진 경계

지식 포인트: 박스 모델-패딩 내부 충전

지식 포인트: 줄 높이

실무작업 : 노래목록 추천목록 구현

실무작업 : 신곡데뷔 - 타이틀 및 네비게이션 구현

실무작전 : 신곡데뷔 - 목록의 첫 번째 작은 상자

지식 포인트: 국경

실무작업 : 신곡 데뷔리스트 실시

실무운영 : 멋진 추천모듈 구현

실무작업 : 순위목록-제목 구현

지식 포인트 : 배경(색상,그림,반복)

지식 포인트: 배경(위치 지정, 스크롤)

실제 작업: 순위 목록-목록 레이아웃 구현

실제 작업: 순위 목록-목록 스타일 구현

지식 포인트: 라벨 유형

실제 작업: 하단 다운로드 클라이언트

실제 운영: 하위 기능 제품

실제 작업: 하단 협력 링크

실제 운영: 하단 개방형 플랫폼 및 TME 그룹 공식 웹사이트

실제 작업: 하단-저작권

실제 작업: 헤드 로고

지식 포인트: 포지셔닝(상대, 절대 포지셔닝)

지식 포인트: 고정 위치_HD

실제 운영: 헤드 내비게이션 구현

지식 포인트: 양식 요소(재설정 및 재기록)

지식 포인트: 둥근 모서리

실제 작업: 헤드 검색창 구현

실무작업 : 헤드 - 로그인, VIP 활성화, 재충전

지식 포인트: 경계 삼각형, 의사 요소

실제 작업: 머리 - VIP 활성화 및 재충전을 위한 삼각형 추가

실제 작업: 헤드-보조 탐색