프론트엔드 실용몰 개발 동영상 튜토리얼

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

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

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

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

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

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

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

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

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

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

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

검색영역 내비게이션 제작

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

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

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

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

공개 제목, 공개 탭 정의

HOT 목록 영역 생성

재사용 가능한 탭 구조

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

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

그림 목록의 모듈식 생산

사진 목록의 모듈식 생산

신작 모듈러 제작

활동 영역 정의 구조 및 명명

Calendar JS 대화형 스타일 설정

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

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

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

검색창 전환 JS 효과 구현

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

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

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

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

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