1-1 웹페이지 학습단계, 사이트 전체 분석 및 기획

1-2 홈페이지 디렉토리 분할, 스타일 시트 생성, JS 파일, ICO 아이콘

1-3 전체 사이트 구조를 모듈식으로 구축

1-4 모듈식 스타일 아이디어, CSS3 그라디언트, CSS3 둥근 모서리

1-5 모듈 스타일 및 광고 둥근 모서리 생산 메인

1-6 레이아웃 모듈 스타일, 공개 스타일 추출 및 스타일 작성 사양 작성

1-7 옵션 모듈식 레이아웃, IE 호환성 문제에 대한 솔루션

1-8 IE6-7에서 margin-bottom 오류 문제 수정

1-9 도시에서 링크 만들기: 그림자와 둥근 모서리 구현

1-10 헤더 생성 시 링크링크와 CSS 스프라이트 병합의 원리

1-11 내비게이션 생성, 내비게이션 배경 병합, 크기 테스트 시 주의사항

1-12 검색영역 내비게이션 제작

1-13 검색 영역 검색창 위치 지정, 양식 요소 스타일 설정

1-14 CSS로 삼각형 그리기 및 삼각형 공개 클래스 정의

1-15 업데이트 영역 JS 구조 및 스타일을 정의하고 삼각형 공개 클래스를 사용합니다.

1-16 비디오 모듈을 만들면 모듈의 의미가 매우 정확하게 정의됩니다.

1-17 공개 제목, 공개 탭 정의

1-18 HOT 목록 영역 생성

1-19 재사용 가능한 탭 구조

1-20 세 가지 프라이빗 모듈 스타일의 모듈 퍼블릭 스타일 추출 및 생산 계획 나열

1-21 모듈식 코드를 수정한 후 여러 블록 간의 사소한 스타일 차이

1-22 그림 목록의 모듈식 생산

1-23 사진 목록의 모듈식 생산

1-24 신작 모듈러 제작

1-25 활동 영역 정의 구조 및 명명

1-26 Calendar JS 대화형 스타일 설정

1-27 포커스 맵 JS 인터랙티브 효과 스타일 설정

1-28 목록에는 JS 대화형 효과 스타일 설정이 강조되어 있습니다.

1-29 그리드 배열 JS 인터랙티브 효과 스타일 설정

1-30 검색창 전환 JS 효과 구현

1-31 업데이트 텍스트의 탄력적인 슬라이딩 JS 효과 구현

1-32 옵션 탭의 JS 효과 구현 및 페이지의 여러 탭 재사용

1-33 Fade 포커스 맵 자동 재생 JS 효과 구현

1-34 캘린더 프롬프트 JS 효과 구현 및 JS 효과 강조 게시판

1-35 HOT 마우스 반투명 프롬프트 JS 효과 구현