찾다

다음 섹션: 焦点图JS交互效果样式设置1599회 재생

5 秒后自动播放下一节
  다시 시청하기

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

소개 >
코스웨어
장1실용적인 쇼핑몰 개발

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

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초
  • 취소회신하다배상
  • 취소메모를 게시하다배상