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

• 장1 실용적인 쇼핑몰 개발
• 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 효과 구현