웹페이지 학습단계, 사이트 전체 분석 및 기획
03분38초홈페이지 디렉토리 분할, 스타일 시트 생성, JS 파일, ICO 아이콘
05분52초전체 사이트 구조를 모듈식으로 구축
03분58초모듈식 스타일 아이디어, CSS3 그라디언트, CSS3 둥근 모서리
04분14초모듈 스타일 및 광고 둥근 모서리 생산 메인
05분04초레이아웃 모듈 스타일, 공개 스타일 추출 및 스타일 작성 사양 작성
04분04초옵션 모듈식 레이아웃, IE 호환성 문제에 대한 솔루션
06분09초IE6-7에서 margin-bottom 오류 문제 수정
06분23초도시에서 링크 만들기: 그림자와 둥근 모서리 구현
헤더 생성 시 링크링크와 CSS 스프라이트 병합의 원리
내비게이션 생성, 내비게이션 배경 병합, 크기 테스트 시 주의사항
검색영역 내비게이션 제작
검색 영역 검색창 위치 지정, 양식 요소 스타일 설정
CSS로 삼각형 그리기 및 삼각형 공개 클래스 정의
04분27초업데이트 영역 JS 구조 및 스타일을 정의하고 삼각형 공개 클래스를 사용합니다.
비디오 모듈을 만들면 모듈의 의미가 매우 정확하게 정의됩니다.
공개 제목, 공개 탭 정의
HOT 목록 영역 생성
재사용 가능한 탭 구조
세 가지 프라이빗 모듈 스타일의 모듈 퍼블릭 스타일 추출 및 생산 계획 나열
모듈식 코드를 수정한 후 여러 블록 간의 사소한 스타일 차이
그림 목록의 모듈식 생산
사진 목록의 모듈식 생산
신작 모듈러 제작
활동 영역 정의 구조 및 명명
Calendar JS 대화형 스타일 설정
포커스 맵 JS 인터랙티브 효과 스타일 설정
목록에는 JS 대화형 효과 스타일 설정이 강조되어 있습니다.
04분18초그리드 배열 JS 인터랙티브 효과 스타일 설정
검색창 전환 JS 효과 구현
04분20초업데이트 텍스트의 탄력적인 슬라이딩 JS 효과 구현
옵션 탭의 JS 효과 구현 및 페이지의 여러 탭 재사용
Fade 포커스 맵 자동 재생 JS 효과 구현
캘린더 프롬프트 JS 효과 구현 및 JS 효과 강조 게시판
03분48초HOT 마우스 반투명 프롬프트 JS 효과 구현
05분51초