우리 중 일부는 우리가 블로그 앱을 만든 비디오를 우리 블로그 모델로 만들었고 우리는이 비디오에 인덱스 템플릿을 추가했습니다.
실제로 새로운 노선을 실제로 추가하지는 않을 것입니다.
이것은 매우 빠르지 만 우리의 머리글과 바닥 글 Parshall 's에 추가하고 싶습니다.
그리고 의미 론적 UI도 포함하고자합니다.
그리고 마침내 우리는 맨 위에 아주 간단한 탐색 바를 추가 할 것입니다.
이제 Ejay를 파일로 사용하여 머리글과 바닥 글을 만들고 싶습니다.
열람 된 디렉토리라면 내부에 있어야합니다.
그래서 우리는 디렉토리를 사용하여 슬래시를 만들 것입니다 Parshall의 터치 뷰는 Parshall의 슬래시 Hetter를 사용하여 Ejay를하고 뷰를 터치하면 Parshall의 슬래시 바닥 글 EJ를 잘라냅니다.
큰.
이제 그걸 열어 봅시다.
머리글부터 시작하겠습니다.
그리고 왜 기본 뼈대가 HD 머리가 아니 었습니까?
우리는 블로그 앱이라고 부를 것이고, 그런 식으로 우리 몸을 필요로 할 것입니다. 그리고 이것을 우리가 바닥 글로 옮겨서 지금 당장 그걸 잘라 낼 수있게 할 것입니다.
헤더 파일에서 말한 상단에 단락을 추가하고 모든 페이지에서 올바르게 수행했음을 알게되는 경우를 봅시다.
이제 footer paste를 열어 보자. footer save에서 같은 것을 할 수있다.
이제 우리는 이것을 연결해야하고 인덱스에서 시작하여 시작하겠습니다.
그래서 상단에 우리가 포함해야하고 우리의 길은 우리가 인덱스 파일에서 사용하는 대신에 있다는 것입니다.
그래서 우리는 점선으로 된 Parshall의 슬래시 헤더를 원합니다.
그리고 여기 Parshall의 슬래시도 마찬가지입니다.
지금까지 아무 문제없이 테스트 해 봅시다. 5 번이나 5 번 헤더 파일에서 얻습니다.
큰.
이제 시맨틱 UI를 추가해 보겠습니다.
그래서 나는이 시맨틱 UI 웹 사이트를 오픈 시맨틱 Dasch로 만들었습니다.
부트 스트랩과 마찬가지로 파일을 다운로드하거나 CDN 시맨틱 UI CDN을 포함시킬 수 있습니다.
이 첫 번째 예제를 클릭하면 우리가 선택할 수있는 많은 파일이 많이 있음을 알 수 있습니다.
의미 론적 UI가 설계된 방식으로 구성 되었기 때문에 부팅 스트랩과 달리 원하는 것은 모두 섹션 뒤에 있거나 폼을 원한다면 단일 구성 요소 구성 요소 슬래시만으로도 만들 수 있기 때문입니다.
SS 부트 스트랩의 비판 중 하나 인 모든 것을 필요로하지 않으므로 작은 조각 만 원한다면 전체 라이브러리를 가져 가야합니다.
그러나 우리는 전체 도서관을 원합니다.
그래서이 모든 관용구를 아래로 스크롤하면 시맨틱 (semantic)이라는 CDN이 필요합니다. 검색이나 시맨틱 만하면 재평가가 가능합니다. 바로 여기 있습니다. 당신이 모르는 사람이나 찾고있을 때 찾을 수 없지만 그냥 수색을 해.
실제로 물건을 더 빨리 만들기 위해 실제로는 분당 된 버전을 사용하지 않습니다.
그래서 사람들이 평가하는 것을 보게되는 의미 론적 의미입니다. 우리는 여러분이 Erl을 복사했다고 생각합니다. 그리고 우리는 그것을 헤더 안의 헤더 파일의 맨 위에 놓을 것입니다.
길이 태그 야.
그리고 우리는 그것이 링크가되기를 원합니다.
네.
또한 우리는 rel 스타일 시트 유형이 텍스트 슬래시와 동일해야합니다.
C Ss 이제 이제 서버를 저장하고 다시 시작합니다.
처음으로 부트 스트랩을 설치하면 폰트가 조금씩 바뀌는 것처럼 약간의 변경 사항을 볼 수있는 홈 페이지를 살펴보십시오.
승인.
즉 머리말과 꼬리말에있는 단락을 없애고 대기열에있는 간단한 탐색 바를 추가합시다.
물론 메뉴라고 부릅니다.
그래서 우리가 여기를 클릭하면 모든 다른 구성 요소의 메뉴를 클릭하면 컬렉션 메뉴 아래에있는 메뉴를 찾고 싶습니다.
꽤 많은 종류의 메뉴가 있음을 알 수 있습니다.
여기에있는 메뉴가 있습니다.
포인팅 (Poynting) 메뉴가 있습니다.
그리고 우리가 필요로하는 것보다 더 많은 것들이 있습니다.하지만 우리 몸의 꼭대기를 div로 만들고 이것을 올바르게 얻도록하십시오.
케이트는 너와 동급이야.
나는 고쳐졌고 우리는 단지 부트 스트래핑과 같이 색상을 바꾼 뒤집힌 메뉴를 할 것이다.
당신은 구절에서 말할 수 있습니다. 그리고 거기에서 우리는 또 다른 div가 필요합니다.
그리고이 클래스는 클래스를 가질 것입니다. 컨테이너는 부트 스트랩 된 컨테이너와 같습니다.
그리고 거기에 대신에 다른 div가 생기고 이것은 Hetter 항목과 같은 클래스를 갖게 될 것입니다.
그리고 이것은 부트 스트랩의 nav bar 브랜드와 같습니다.
그래서 우리가 원하는 모든 것은 아이들이 블로그 사이트 또는 우리가 원하는 앱을 호출하기를 원합니다.
그런 다음 홈 페이지에 앵커 태그를 추가하면 집에 호출하여 항목과 같은 클래스에 추가 한 다음 똑같은 작업을 수행합니다. 아직 존재하지 않는 슬래시 로그 슬래시로 이동하면 감기에 걸릴 것입니다. 새 포스트 또는 새 블로그.
그것은 우리가 보는 텍스트 일 ​​것입니다.
그래, 당신은 반전 된 메뉴가 고정되지 않습니다.
그 대신에 컨테이너.
그리고 컨테이너 안에서 우리는 실제로이 모든 작은 실수를 내 부분에 가져야합니다.
그래서 우리는 그것이 거기에 있기를 원합니다.
그것은 모두 컨테이너에 있어요.
그리고 우리는 헤더를 가지고 있습니다. 그리고 나서 우리는 고정 된 Tex라는 두 가지 아이템을 가지고 있습니다.
이제 그것을 살펴 보겠습니다.
그리고 우리는 간단한 수학 막대를 얻습니다.
네, 여기서 약간의 간격을두고 문제가 있습니다.
우리는 잠시 후에 그것을 처리 할 것입니다. 그러나 이제는 잘 작동합니다.
시맨틱 (semantic)에서 아이콘으로 불리는 간단한 아이콘을 추가합시다.
내가 사용한 것 중에는 여러 가지가 있습니다.
그것은 코드라고 불립니다.
시도해보고 여기에서 찾아서 검색하면됩니다.
거기는.
그러나 당신이 코멘트를 원한다면 당신 자신을 고르십시오.
아이디어는 코드 기반 블로그 였지만 다른 것이있을 수 있습니다.
나는 아이디어 하나를 좋아한다.
어쨌든 그들 무리가 있습니다.
좋은 점은 회사에 유용한 수많은 아이콘이 있다는 것입니다.
아주 밑바닥에는 그들이 있다고 생각합니다. 우리는 당신의 응용 프로그램에 링크되어있는 다른 브랜드와 회사의 수많은 제품을 선택합니다.
승인.
그래서 아이콘의 이름은 코드이고 여기서는 블로그 사이트 헤더 옆에 바로 추가 할 것입니다.
그래서 여기에 그녀의 물건이 있었고 우리에게 필요한 것은 눈 태그뿐입니다.
그리고 그것은 코드와 아이콘의 클래스를 가져야합니다.
그래서 아이콘의 이름은 정말 간단하고 클래스 아이콘은 새로 고침을 저장하고 약간의 코드가 있습니다.
나는 거기에 간다.
이 아이콘을 조금 더 크게 만드는 작은 변화를 만들어 보겠습니다.
그렇게하기 위해 우리는 여기에 멋진 스타일 태그를 작성할 수 있습니다. 그렇게하기보다는 우리가 설정 한 공개 디렉토리를 사용합시다.
여전히 디렉토리를 만들어야합니다.
그러나 우리는 그것이 제공되고 있다는 사실을 확증했습니다.
그래서 우리는 스타일 시트를 슬래시 (slash) 할 것입니다. 우리는 단지 그것을 호출 할 것입니다. C는 아직 존재하지 않습니다.
그래서 우리는 디렉토리를 public으로 만들고 디렉토리를 public slash 스타일 시트로 만들고 마지막으로 공공 슬래시 스타일 시트를 슬래시 app Dotsie SS로 바꿔야합니다. 우리는 공개 스타일 시트 Aptos SS 탭 완성을 확실히 열고 싶습니다. 확실히 여러분의 친구입니다.
그리고 모든 아이콘을 조금 더 크게 만듭니다.
실제로 좀 더 구체적인 아이콘을 가진 모든 아이콘 및 stewe 아이콘보다는 사실 당신이 컨테이너의 크기의 두 배나 부모 저장의 두 배 크기와 같은 글꼴 크기 BE2 IEM을 설정합니다.
이제 서버 백업을 시작했으며 페이지를 새로 고침했습니다.
우리는 아이콘이 개인 취향의 문제 일뿐만 아니라 더 커지는 것을보아야합니다.
그러나 그것이 더 커질 때 조금 나아질 것 같습니다.
승인.
이제 우리는 그 일을 마쳤습니다.이 비디오에서 우리가해야 할 모든 것을 다했습니다.
이제 머리말 바닥 글 파일에 추가 된 탐색 모음을 설정하고 싶습니다. 사용자 정의 CSSA 파일에 추가 할 수 있습니다. 이제는 한 줄만 있어도 모든 단일 파일에 맞춤 CSSA를 쉽게 추가 할 수 있습니다. 의미있는 UI를 포함 할 수 있습니다.
좋아요. 그래서 우리는 새 비디오로 다음 비디오를 픽업하고 실제로 새로운 블로그를 만들 수 있습니다.