마지막 비디오 끝 부분에서 새로운 폴더 구조를 도입 할 것이므로 올바른 폴더와 파일을 먼저 만들어서 시작하겠습니다.
그래서 나는 숭고하게 갈 것이고 나는 각 팀을 위해 새로운 파일을 만들 예정이다.
우리의 주요 HTML 파일이 될 것입니다. 나는 그것을 색인화라고 부를 것입니다.
H Tim L과 나는 그것을위한 폴더를 가지고있다. 나는 목록 프로젝트를하기 위해서 전화하고있다.
HD M-L을 색인화 한 다음 기본 H-2 메일 보일러 플레이트에 추가하고 목록으로 저장하고 저장하겠습니다.
그리고 나서 우리는 가서 몇 개의 새로운 디렉토리를 만들 것입니다.
그리고 나는 파인더에서 그렇게 할 것이므로 마우스 오른쪽 버튼을 클릭하고 새 폴더를 만들 수 있습니다.
명령 교대를 할 수 있으며, 또한 승화의 내부에서 그것을 할 수 있습니다.
새 파일을 파일로 저장하고 저장하면 여기서 새 폴더를 클릭 할 수 있습니다. 그러나 새 폴더를 만들면 assets이라는 폴더를 만들고 그 다음에 두 개의 폴더를 만들 것입니다. JS 그리고 우리를 위해 또 하나.
그리고 마지막으로 J.S. 대신에 우리는 lib라는 다른 폴더를 만들 것입니다.
따라서 전체 구조를 이처럼 전체를 드래그하여이 전체 구조를 숭고한 내부로 열면 이제는이 구조가이 프로젝트를 수행하는 것을 볼 수 있습니다. 우리는 인덱스가 있고 자산 대신에 assets 디렉토리가 있습니다.
우리에게는 C S가 있으며 자바 스크립트가 있고 자바 스크립트 대신 lib 디렉토리가 있습니다.
그래서 우리는 C S 디렉토리 대신 J.S. 대신에 스타일 시트를 넣을 것입니다. 우리는 우리 자신의 커스텀 자바 스크립트를 넣을 것입니다. 여기서 우리는 jey 쿼리를 작성하고 lib 디렉토리는 우리가 추가 할 곳입니다.
실제 J 쿼리 파일 자체를 쿼리하십시오.
그래서 우리는 거기에서 시작할 것입니다.
가자. 우리가 질문을하는지 확인하라.
그래서 저는 Jay Querrey dot com으로 가서 CDN을하기보다는 최신 압축 버전을 다운로드 할 심각한 프로젝트이기 때문에 CDN을 사용하기로했습니다.
바로 여기 압축 된 제작입니다 2.0 1.4.
그런 다음 파일을 찾아 내 자산에 추가합니다.
J.S. lib 그냥 그런 식으로 추가하고 지금 그 올바른 링크를 갈거야.
내 공급자의 내부.
따라서 HMO에서 스크립트 태그를 추가해야합니다.
그리고 거기에 도착하는 길은 자산을 줄이기위한 것입니다. slash lib slash Jay는 고인돌에게 1 점을 지적했습니다.
예.
자바 스크립트 소스가 애셋 슬래시 J.S.와 같기 때문에 이제 스크립트 유형을 사용 해보겠습니다. 슬래시 lib 슬래시.
제이 쿼리 대쉬 2.1 포인트 한 지점 네 남자.
이 파일은 네 개의 긴 파일 이름이지만 저장하지 않아도됩니다.
시작하기 위해 브라우저에서 열어 보겠습니다.
그러니 열어 볼 때마다 색인 연구를 찾아보십시오.
우리는 볼 것이 아무것도 없다.
하지만 여기에 가면 검색어를 입력합니다.
모든 것이 잘 작동합니다.
나는 또한 시체를 선택함으로써 이것을 시험 할 수 있었고 그것은 잘 작동한다.
그래서 우리가 갈 수 있다는 것을 의미합니다.
다음으로 우리 스타일 시트와 우리 자신의 커스텀 javascript 파일을 가져 오는 것에 초점을 맞추자.
그래서 우리는 스타일 시트를 먼저 만들 것입니다.
그래서 새로운 파일을 만들고 저장해 봅시다. 그리고 저는 C-s 우리와 저는 자산으로 들어가서 SS를 보게 될 것입니다. 그리고 실제로 Dewes에게 SS가하는 일관성을 유지하는 스타일이라고 부릅니다.
그래서 우리의 자산 C Ss 디렉토리 안에 C S S를 저장하고 저장하고 우리가 절대적으로 제거 할 신체 배경 자주색과 같은 것을 추가합시다.
하지만 작동하는지 확인한 다음 여기에서 링크 된 태그를 추가하고 자산 슬래시 C의 올바른 경로를 추가합니다. SS SS가 Dewes의 C Ss로 바뀌면 저장하고 새로 고침하고 이제 우리 스타일 시트가 제대로 연결되어있는 것을 볼 수 있습니다.
우리가 할 마지막 일은 우리 자신의 커스텀 javascript 파일을 만드는 것입니다.
그래서 저는 새 파일을 만들어 저장하고 우리는 이것을 Scott J.S.에게 전화 할 것입니다. To Do List 작업을 수행 할 실제 코드를 작성합니다.
그래서 그것은 자산 내부로 들어가야합니다.
J.S. 그리고 그게 다야.
lib는 외부 코드와 Jay Querrey와 같은 라이브러리를 넣을 곳이기 때문에 우리는 lib에 넣지 않습니다. 그래서 우리는 이것을 J S에 넣고 구조를 저장하려고합니다.
우리가 J.S 대신에 사용해야하는 CSSA 자산
우리는 J 쿼리가있는 lib 디렉토리를 가지고 있으며 우리는 할일이 있습니다.
J.S. G-S 폴더 대신 투표에 간단한 경고를 추가하고 저장하십시오.
이제 본사 메일로 돌아가서 다른 스크립트 태그를 추가하고 이번에는 자산을 슬래시 J.S.와 동일한 소스에 추가 할 것입니다. 슬래시를 눌러 예를 저장하고 저장하십시오.
그리고 새로 고침 할 때 무슨 일이 일어나는지보고합시다.
OK를 클릭하면 폴더 구조가 올바로 설정되므로 Funt에 관해 언급 한 후에 배치해야하는 다른 파일을 소개 할 것입니다.
Awesome은 CSSA 라이브러리입니다.
그것은 기본적으로 우리가 포함 할 수있는 아이콘의 무리입니다.
그래서 우리는이 폴더 구조로 돌아가서 미래 비디오에 추가 할 것입니다.
당분간 우리는 다음 비디오에서해야 할 모든 것입니다.