Bootstrap one page scrolling site part 8 – Twitter Bootstrap

안녕하세요 여러분,이 비디오에 오신 것을 환영합니다 이것은 system22net과 great-webdesign

com의 Jamie입니다 그래서 우리는 우리의 한 페이지 스크롤 사이트를 계속 사용할 것입니다 우리는 영웅 섹션과 About 섹션에서 서비스를 시작했습니다 여기에 섹션이 있으므로 여기에 폴더를 열면 웹 사이트가있는 폴더가 있습니다 정보 및 폴더를 열고 index

html을 괄호로 묶어 보겠습니다 CSS 파일을 열거 나 파일을 스크롤하십시오 좋아, 제일 먼저하고 싶은 일은 기존 서비스 섹션 CSS입니다 나는 그것을 복사 할 것인데 실제로는 Ctrl 키를 누른 상태에서 지난 번에 중단 한 새로운 서비스 섹션 그리고 나는 지금 약간의 공간을 만들고, 그것을 아래에 지금 붙일 것이다, 그런데, 나는 원할 것이다 그 배경을 우리의 멋진 붉은 색으로 만들어서 테마는 약간 밝아 보일지 모르지만 그게 내가 분명히 사용하는 것입니다

어떤 색깔이 당신을 위해 작동하는지 그리고 나는 또한 바닥에 약간의 패딩을 줄 것이다 비슷한 양의 우리가 공간을 양쪽 끝으로 얻었습니다 이제 우리는 지난 번에 우리가 방금 호출 한 사이트로 돌아갈 것입니다 나는 우리가 그것을 흰 색으로 만들고 싶다고 생각했다 우리가 사용하려고하는 붉은 색 바탕에 서서 거기로 향하고있다

내가 할 일은 그걸 복사하는거야 모든 것을 다시 쓰는 대신 흰색을 치는 것만으로 몇 가지를 바꿀 수 있습니다 여기 비트는 F 흰색은 흰색이고 흰색 나머지는 동일하게 유지할 수 있습니다 그리고 우리가 우리의 사이트를 새로 고침 할 때 이것을 바로 저장해야합니다 흰색으로 바뀌고 알맞은 밑에 우리의 작은 밑줄이 있어야합니다

우리는 수업을 듣지 않았다 다시 우리의 브래킷으로 indexhtml 여기에 우리의 서비스 섹션에 우리가 간다 나는 그에게 백인으로 향하는 계급을 주겠다 지금 거기에서해야한다 우리가 간다 그것은 우리가 거기에서 원했던 것이다 밝은 밝은 밑줄이 그어진 표제 섹션이 섹션을 제거하고 Google 서비스를 알려줍니다 좋아, 이걸 염두에 두어야 할 것은 두 열 또는 세 열의 그룹 일 것이다

행을 몇 가지 아이콘과 몇 가지 간단한 설명과 함께 그래서 나는 다른 것을 만들고 싶다 행 그냥이 엉덩이 오프닝 dev에 기억 복사하자 그리고 그것은 당신에게 보여줄 것입니다 닫는 div 그래서 바로 거기에 작은 부분이 있고 우리는 그것이 행이되기를 원합니다 나는 그것을 호출 할 것입니다 Services 행 s는 SVC Road Services 행이라고 부릅니다 그것은 수업이므로 분당 몇 가지 CSS를 할당 할 수 있으며 4 개의 열이 필요합니다

그래서 나누기 12에서 4를 얻었습니다 왜냐하면 너비가 실제 컨테이너가 12 유닛이므로 2로 나누고 싶습니다 당신은 그것을 2 개의 컬럼으로 만들고 싶습니다 6 개의 컬럼은 4 개의 4 개 컬럼이 될 것입니다 열은 세 개가 될 것입니다

여섯 개 열은 두 개가 될 것이고 일부 열은 할 수 있습니다 오프셋뿐만 아니라 우리는 그 순간에 그것을하지 않았지만 우리는 나중에 할 것이라고 확신합니다 여기에 우리는 단락 텍스트를 원한다 우리가 여기에있는 것처럼 가짜 텍스트를 얻을거야 저기서 복사 한 강력한 태그가 필요 없어요 우리가 로렌 엉덩이를 사용하고있는 텍스트 필러 텍스트는 여기에 있습니다 그것에게 표제를 붙이는 백색 인 그것을 원하지 말라 그것은 그것에게 그것의 자신의 종류를 준다

단락 태그 이제 우리는 문자 조명을위한 광원을 얻었습니다 실제 쓰기 흰색 그리고 우리는 그것이 왼쪽으로 생각하기를 바랍니다 빛과 다른 종류의 텍스트가 남았습니다 그 텍스트의 끝 부분에있는 왼쪽면 하나를 떼어 놓습니다 그것이 대문자로 된 이유 나는 그것이 정말로 중요하다고 생각하지 않지만 그것을 정리해 보자

어쨌든 우리는 그들이 사용하려고하는 텍스트 바로 앞에 아이콘을두기를 원합니다 우리의 glyphicon 그래서 내가있을거야 그리고 수업 물론 글리프콘이라면 원하지 않으면 위에서 복사 할 수 있습니다 그것을 타자를 치기 위하여 glyphicon을 다시 사용하십시오 그러므로 사용하고자하는 것이 있다면 – 우리는 그 카메라를 사용하면 잠시 후에 변경하지 않을 것입니다 흰색 텍스트이어야합니다 그래서 왼쪽 라인과 텍스트 빛에 우리의 클래스의 클래스를 가지고 실제로이 일을 없애자

실제로 나는 일하고있다 바로 여기에있는 서비스가 바로 그 부분을 잘라내어 다시 그곳에 가기 위해서 그것이 우리 머리말 이었기 때문에 나는 그것을 붙여 넣었습니다 우리 단락 본문이 그 아래에 있도록 맨 위로 돌아 간다 돌아가서 우리가 얻은 것을 볼 수 있습니다 여기에 약간의 텍스트가있는 아이콘이 표시 될 것입니다

거기에 우리가 갈 수 있지만 일부 CSS를 변경하려면 우리의 CSS로 가보자 여기 텍스트가 어두워서 텍스트 라이트를 만들고 싶다 우리가 텍스트의 클래스를 준 기억 라이트 글꼴 크기는 괜찮지 만 우리는 흰색이되고 지금은 백인이되어야하는 색을 저장하는 색 16 개 사진이 있습니다 그게 바로 우리가 원했던 것입니다 우리가 원하는 걸 보아라

우리가 할 일은 우리가하는 규칙입니다 이걸 소유해라 그냥 VCS 서비스라고 부르 자 내가 일하지 않아 거기에 우리의 작은 서비스 섹션이 있습니다

아이콘 우리는 30 픽셀 정도의 아이콘을 만들고 싶습니다 그래, 거기에 도착하고있어 어쩌면 조금 더 커지 죠 우리가 왼쪽으로 띄우면 40을 시도해 봅시다 조금 더 앉아 있어야합니다

여기를 보자 여기 저기 앉아있다 우리는 여기에 약간의 공간을주고 싶습니다 그래서 약간의 패딩을 주자 나는 내가하고 싶은 일은 5 명의 사진을 말하면서 그 색을 뒤집어 놓고 색깔을 짓다

우리가 사용하고있는 붉은 색은 그것을 사라지게 할 것입니다 거기에 배경이 없으면 거기에 배경이 있습니다 그리고 내가하고 싶은 것은 배경을 하얗게 만드는 것입니다 왜냐하면 우리가 그것을 주었기 때문입니다 그것이 할 때 7 개의 사진 패딩 그것은 그것 주위에 백색의 7 명의 사진을 가져야한다 우리가가는 곳에서 조금 더 눈에 띄게 될 것입니다

마음을 털어 놓고 여백을 주자 텍스트를 조금 더 멀리 밀어 넣자 그래서 우리는 아마 10 명의 사진의 약간의 마진 오른쪽을 줄 것이다 나는 그것이 충분하다고 생각한다 이 모서리를 조금 덜 예리하게 둥글게 만들자

바로 거기의 경계 반경이 될 것이다 4 명의 pics 5 개의 pics는 5를 시험해 보자 거기서 우리가가는 화소는 그것을 조금 더 만들었습니다 둥근 알았어 그 모양처럼 좋아하기 시작 했어 그래서 그냥 복사하자 우리가 여기서 반경을 바꾼 비트가 바로 거기에있다 우리 CSS에 곧장 가게하자

우리는 VCS라고 불렀다 내 수업에서 일하므로 CSS에서 서비스 도트 서비스가 될 것입니다 중괄호를 포함하지 않고 변경 사항을 붙여 넣습니다 저기에 우리가 가서 그것을보고 우리의 사이트로 돌아 가야하므로 좋아요 그래요

그걸로 아주 행복해 그러고 싶어 이것을 한 두 번 세 번 네 번 반복하십시오 왜냐하면 우리는 이것들 중 4 개가 될 하나의 행을 만들기를 원하기 때문입니다 그걸 복사 할거야

다시 우리 사이트에 저장하고 우리가 간다 우리는 이제이 네 가지를 얻었습니다 분명히 당신이 당신이 당신의 서비스를하고 있다면 당신은 당신이 하나에 쓸 것입니다 서비스를 제공하는 서비스 또는 귀하가 길이가 상당히 비슷한 설명을 1 분 안에 변경해 보겠습니다 나는 약간을 자르고 다른 것들에 약간을 더할 것이고 우리는이 아이콘들을 여기에서 바꿀 것이다

더 자세한 설명을 위해 다른 행을 추가해 보겠습니다 이번에는 전체 행을 가져 가라 SVC 우리는 그 수업을 그만 뒀다 반복해서 두 번 반복하고 저장을 클릭하겠습니다 거기에 우리가 간다

우리는 서비스 목록을 가지고있다 내가 지금 할 일은 그것을 멈추게 할 것이다 이 아이콘 중 일부를 바꿔서 좀 더 다르게 만들어야합니다 여기에 글리프콘을 사용하여이 중 일부를 확인하고 싶습니다 어떤 이유로 든 나타나지 않는다

나는 여기에 오래된 팩을 가지고 있을지도 모르지만 나는 그렇다 이 중 일부를 바꿀 거고 내가해야 할 일은 그 성을 바꾸는 것 뿐이야 바로 거기에 내가 넣고 싶은 것들을 넣으십시오 괄호 앞에 이것들을 보았습니다 나는 자유 텍스트 편집이라는 링크를 달았습니다

아래의 소프트웨어 브래킷과 글리프 계정을 통해 잠시 멈추고 이걸 바꿀거야 그래 여기에 아이콘을 표시하고 텍스트의 길이를 약간 변경 했으므로 우리가 가서 새로 고쳐야하는 부분을 새로 고치고 조금 더 자세히 설명해 보겠습니다 아래에 텍스트의 단락 몇 개를 추가하겠습니다 그래서 우리가 여기서 할 수있는 일은 여기서 또 다른 줄을 복사하는 것뿐입니다 우리가 원하지 않는 것을 지울거야

나는 오로지 이런 것들 중 하나를 원한다 나는 거기에서 그것을 여기에서 보았다 단락의 일부 텍스트의 처음 몇 단어를 여기에 넣으십시오 그냥 대담하게 만드십시오 대담하게 만드십시오

텍스트를 바꿀 때 처음 몇 가지를 조금 더 굵게 추가했습니다 내가 너를 알게 해줄 거라 생각 했어 그래 그래서 우리는 12 열이고 그것에게 표제를 주자 아마 표제어는 하나도 없다

약간 그리고 다시 우리는 그 텍스트가 괜찮 았으면 좋겠다 우리는 그것을 원하지 않는다 텍스트를 남겨 두었습니다 왜냐하면 여기에서 CSS를 보면 우리가 텍스트 정렬을 가지고있는 서비스 섹션 : center 그래서 만약 우리가 왼쪽 또는 오른쪽처럼 텍스트가 정렬 된 클래스이므로 기본값으로 중앙에 배치됩니다 그게 우리가이 패딩에 대해 가지고있는 것입니다

나는 아이콘을 원하지 않습니다 그런 것 같아서 나는 풀러 텍스트를 좀 가져다가 거기에 넣을거야 이 아이콘 클래스를 덮어 쓰면 기억이 안 나옵니다 화살표가 나타나거나 문제가 발생할 수 있기 때문에 이전에 있던 것을 그곳에 남겨 두십시오 알았어

여기 처음 몇 줄을 강력한 태그로 다시 묶을거야 그들은 그것을 대담하게 만들 것이라고 말했다 조금 더 많은 텍스트를 추가해 보겠습니다 무엇이든지 대담하고 싶을뿐입니다 그 강력한 태그 사이에 넣으십시오

그게 효과가있을거야 한 단락 더 추가하자 내가 그곳에서 한 일을 보아라 나는 복사했을 때 작은 화살을 바로 잊었다 여기 깃발 밖으로 던져서 그 작은 화살을 다시 집어 넣자 거기에서 디버깅이라고합니다

나는이 텍스트를 약간 다르게 만들 것이다 좋아, 그럼 우리는 우리 h3와는 별개로 괜찮을거야 거기에 우리의 h3 태그를위한 CSS가 없거나 우리는 그것을 위해 몇 가지를 만들 수 있습니다 한 번 봐봐 지금까지 보이는 것이 몇 가지 단락이어야하는지 보자 여기 아래에 우리는 가서 다음 섹션에 숨겨져 있습니다

내가 우리 서비스에서 높이 평가를 받았기 때문에 이것을 분류해라 섹션은 우리 CSS에서 100 % 올바르게 처리하도록하겠습니다 그곳에서 오버플로 문제를 해결해야합니다 이제 우리는 약간의 h3 텍스트를 여기에 약간의 스타일링을주고 싶습니다 내가해야 할 일은 이것과 비슷한 것을 할 것이지만 조금 작게 만듭니 다

그래서 우리 CSS로 돌아 가면 VC가 될 것입니다 h3 오픈 정향은 다음과 같습니다 중괄호와 내가 할 일은 우리의 흰색에서 일부를 훔칠거야 여기에 머리말을 붙이세요 그러나 바닥에 작은 경계가있을 것입니다

모든 것이 있지만 하단의 마진이 약간 적습니다 저것 봐 거기에 우리가 간다 저기 좀 더 거기처럼 사진 특별 그 밑에는 라이너 밑에 좋은 점이 많아서 빨간색이 꽤 밝지 만 주의를 기울여주세요 다음 섹션에 추가로 약간의 패딩이 필요합니다 여기 좀 비좁은 것 같아 그냥 그걸 줄거야

우리가이 서비스 섹션에서했던 것처럼 거의 여분의 패딩이 없습니다 그것에게 최고와 같은 것의 덧대는 것 바닥을 줘라 그래, 그것을주는거야 조금 더 많은 공간이있어서 맨 위로 가자 우리의 영웅 섹션이다

정보 섹션으로 이동하여 더 많은 정보를 얻으십시오 서비스 섹션으로 이동하면 버튼 바로 위에 표시됩니다 여기에 있습니다 우리를 우리의 서비스로 끌어들이는 서비스에 있습니다 섹션을 새로 고침하고 다시 위로 가기로 다시 한 번 우리를 데려 간다

지금이 사람은 거기에 우리가가는 서비스의 입장을 취해야합니다 서비스 페이지를 만드는 방법입니다 당신이 유용하다는 것을 다시 한번 알았 으면합니다 이것은 시스템 22의 Jamie이고, 위대한 웹 디자인 comm이 비디오를 즐기 셨다면 우리의 시청을위한 채널 감사의 좋은 하루 되세요

Bootstrap one page scrolling site part 13 – Twitter Bootstrap

안녕하세요 여러분,이 비디오에 오신 것을 환영합니다 www

system22net 및 https://great-webdesigncom의 Jamie입니다 한 페이지 스크롤링 부트 스트랩 사이트를 계속 사용할 것입니다 여기에 우리 사이트의 하단에 일종의 파트너 로고 회전 목마를 추가 할 것입니다

그래서 내가 아래로 스크롤하면 우리가 결혼식이 끝나고 나간 곳으로 갈께 여기 결혼식 장과 내가이 비디오로하고 싶은 일은 내가 여기에 작은 부분을 넣을거야 그리고 나는 로고와 같은 종류의 카메라를 가질거야 제작자 로고가 표시되며 화면을 가로 질러 스크롤됩니다 추가이자 이 시리즈의 모든 동영상을 평상시처럼 시작해 보겠습니다

변경된 코드의 다운로드 가능한 PDF로 동영상 아래에 있습니다 그래서이 회전 목마가 일종의 자바 스크립트가 포함될 것입니다 이 작은 일련의 과정의 범위를 벗어난 작은 비트는 여기에 있습니다 boot snip comm이라는 사이트로 이동합니다이 링크도 아래에 넣을 것입니다

우리는 우리가 사용할 수있는 작은 회전 목마를 가지고 있습니다 그리고 CSS에 HTML이 있습니다 우리가 필요로하는 JavaScript 여기에 웹 사이트 파일이있는 폴더를 열어 보겠습니다 브라켓 소프트웨어 브래킷이있는 indexhtml 파일은 자유 텍스트 편집기입니다 당신은이 비디오 아래의 링크를 찾을 수 있습니다

우리 CSS CSS 계단식 스타일 시트 지금 당장 부츠 사이트로 돌아 가면 당분간 할거야 이제 우리는 HTML 탭으로 가고 싶습니다 여기는이 슬라이더에 대한 HTML입니다 여기에 우리의 indexhtml 파일에서 먼저 섹션을 설정해 보겠습니다

여기서 우리는 여기서 바닥을 보았습니다 그리고 다시 한번 우리는 신뢰할 수있는 곳을 복사 할 것입니다 접촉부 control-c 나는 단지 두 줄의 붙여 넣기를 풀어 놓을 것을 복사하고있다 거기서 나는 그것을 남겨 둘 것이고 우리는이 것을 수정하기 시작할 것이고 나는 파트너와 다시 연결하기를 원한다면 여기에 CSS의 클래스를 넣을 것입니다 그래야 우리가 얻을 수 있습니다

우리가 사용하지 않을 도로 사촌을 없애려면 여기를 클릭하십시오 그 시작 div 그것은 닫는 div 강조 표시됩니다 우리는 모든 것을 삭제하지 않습니다 그 사이에 회전식 HTML 코드를 삽입하십시오 내가하고있는 모든 일은 클릭하고 드래그하여 남겨두고 그걸 복사합니다 우리 대괄호로 돌아가 커서가 ctrl V인지 또는 마우스 오른쪽 버튼으로 클릭하고 붙여 넣기에 골격을 넣었습니다 HTML은 이제 빌드가 필요합니다

약간 CSS가 필요합니다 그것은 라인에서 그래서 깨끗한 코드를 찾고 내가 선택하고있어 그냥 타격을 가하고있어 탭 키를 사용하면 쉽게 이동할 수 있으며, 쉽게 읽을 수 있습니다 여러 섹션을 훨씬 더 쉽게 만들면 훨씬 깨끗한 코드를 만들 수 있습니다 그것을 편집해야하는 사람이라면 누구나 쉽게 편집 할 수 있어야합니다

좋아요 그래서 Ctrl 키를 누른 채로 CSS로 가서 다시 보겠습니다 이 연락처 섹션 CSS를 여기 복사하면 우리가 중단 한 곳으로 내려갈 것입니다 다시 다시 한번 우리는 앞으로 슬래시 스타 스타 슬래시 인 제목을 주겠다 다시 별 사이에 우리는 그것을 파트너 섹션이라고 부를 것이고 그냥 붙이자

우리가 여기 저기에 복사 한 우리 코드는 지금 가고 싶지 않습니다 높이 100 %는 그게 전부가 될 것이라는 것을 의미하는 것이 확실합니다 padding-top에서보고있는 화면의 깊이가 우리가 필요로하는 것처럼 패딩 배경 흰색 배경을 가지고 다른 사람들은 꼭대기 150 번 패딩을했고, 패딩 – 하단 150은 그저 틈이 있습니다 실제 섹션이 시작되는 위치와 콘텐츠가 시작되는 위치 사이에서 나는 좋아한다 상단과 하단 모두에서 유사하게 만들면 바닥 나는 아마이 높이를 바꾸고 싶을 것이다

거기에서 일하는 회전 목마 텍스트 정렬 : 중심 우리는 그것을 떠날 수있다 우리가 염두에 두었던 것을 위해 아마 그것을 필요로하지 않을 것 인 순간 컨트롤을 보자 우리 부츠 그물 사이트에 다시 지금 우리는 JavaScript가 필요합니다 자바 스크립트 무엇 작동하게 만들고 여기에 앉아서이 모든 것을 코딩 할 수는 있지만 지루한 JavaScript의 배울 점은 환상적이지만 실제로는 그 자체로 전체적인 과정 일 것입니다 그래서이 자바 스크립트를 복사 할 것입니다

HTML에 삽입하는 방법을 보여 드리겠습니다 대괄호로 돌아가십시오 우리는 이것을 indexhtml에 넣을 것입니다 우리가 여기에 넣은 마지막 스크립트 바로 아래에 이제이 작업을 수행하는 두 가지 방법이 있습니다

HTML에 실제로 넣을 수 있습니다 당신은 그것과 함께 별도의 자바 스크립트 파일을 생성 할 수 있습니다 JavaScript를 사용하면 소스가 어디에 있는지 알 수 있지만 그냥 갈 것입니다 앞뒤에 나란히 놓아 두세요 위와 같이 당신도 원하지 않아요

많은 것을 볼 수 있기 때문에 복잡하지만이 과정을 위해 잘 될 것입니다 좋아, 그리고 그 사이에 시작 스크립트 태그와 종료 스크립트를 만들었습니다 태그 사이에 있고 물론 그 중간에 코드를 넣고 싶습니다 나는 이것을 정렬하고 다시 한번 깔끔하게 정리해서 다시 선택하고 나는 단지 오른쪽으로 넘어 가서 그걸 저장하면 진짜 일뿐입니다 그쪽에서 바꿀거야, 그렇지 않으면 네가 여기에 1 밀리 초 또는 10 초 간격으로 회전식 캐 러셀이 더 빨리 스크롤되기를 원한다면 그것이 둥글게 될 때 더 오래 걸리 길 원한다

그 모든 구원을 얻었습니다 우리 사이트로 돌아가서 새로 고침하고 무엇이 보이는지 봅니다 지금은 아무 것도 없어 보이는 것처럼 보입니다 빠른 새로 고침과 우리의 회전 목마가 환상적으로 보입니다 Hobart가 아니라면 CSS를 맞춤 설정하여 원한다면 거기에 우리는 빠른 스크롤을하고있다

매 10 초마다 이걸 없애고 싶지 않아 그 배경을 흰색으로하고 싶습니다 그래서 이것을 선택하고 무엇을 보죠 우리는 그렇게하기 위해해야한다 그래서 우리가하고 싶은 것은 우리가 원하지 않는 배경 이미지를 제거하는 것입니다

당신이 볼 수 있듯이 그것들은 모두 사라져 버렸습니다 그걸 없애고 내가 할 일은 바로이 작은 비트를 바로 복사하는 것입니다 그곳에 ctrl C와 여기에 우리의 괄호에 우리의 CSS로 이동 나는 그것을 변경해야합니다 파트너 섹션은 좋아요 아래에서 시작하겠습니다 실제로 해 드리겠습니다

회전 목마의 또 다른 제목 나중에 생각해 보면 나중에 우리가 쉽게 찾을 수 있습니다 내가 방금 복사 한 코드와 그 비트가 여기에 붙여져 있어야합니다 왜냐하면 우리가저기서 그것을 선택 했어 나는 단지 배경 이미지를 말할거야, 내가 얻을거야

그 모든 것을 없애고 나는 아무 것도 보지 않을 것입니다 그래서 E와 내가하고 싶은 것은 저 닫는 둥근 괄호가있는 곳에서 확인하십시오 그렇지 않으면 작동하지 않을 것입니다 우리가 사이트로 돌아 가면 똑같은 일을 할 수 있습니다 나는 이것을 조금 아래로 옮겨서 이것을 복사 할 수 있고 그것을 제거 할 것이다

이걸 내가 그냥 회전 목마의 표시기에 맞춰 주면 바로 회전 목마 제어 맞아, 나는이 사본을 선택하고 이것을 오른쪽으로 바꾸자 고 말해야한다 이 특별한 사람과 다른 쪽에서 우리 사이트에 다시 말을 할거야 우리는 섹션 이름에서 그 부분을 변경했기 때문에 맨 위는 맨 아래 150 위에 150 위를주고 있습니다 그리고 우리가 그곳에 가졌던 그 통제 그림자를 제거했습니다 이제 이미지를 배경으로 우리는 우리가 화이트를 돌리고 싶어합니다

여기에 텍스트가 있습니다 정말 그럴 필요가 없습니다 저는 만약 당신이 그렇다면 마음에 있어요 당신이 그것을 제목이나 무엇인가주고 싶어하는 이미지를 삽입하는 것입니다 밑에두고 싶으면 이걸 없애자

바로 여기이 하얀색을 보면서 오른쪽 클릭을 검사하고 검사하거나 f12를 누르십시오 올바른 섹션에 있는지 확인하십시오 나는 그 단면도가 아마 우물이라고 불린다라고 생각한다 거기 그것은 div 클래스 잘이며 우리가 알고있는 흰색의 배경색을 원한다 이 수업을 계속 해왔다면 CSS에 대해 알게 될 것입니다

FFF입니다 실제로 6 FS이지만 6 개가있을 때마다 할 수 있습니다 우리가 거기에서 계속되고있는 경계를 알아 들었을 정도로 나는 3를 가지고있다 국경 없음 '단지 물을 가지지 말라고 말하면서 우리는 여전히 약간의 그곳의 맨 위쪽에 안감이 있습니다 아마 그림자 나 상자처럼 말하는 것 같습니다

그림자 아마 거기에 맞아 그냥 아직 그 선택을 취소하자 괜찮아 오, 그래, 어쩌면 채찍도 괜찮아 그래, 난 잘 했어 그래서 내가 할거야 평소대로 우리의 CSS로 이동이 복사 몇 줄을 내려서 거기에 붙여 넣으세요 우리는 높이를 변경하지 않았어 패딩을 변경하지 않았을 변경하지 않았다 하단의 여백 나는 아마 나중에 날짜를 변경하고 싶을 수도 있습니다 그 텍스트를 상쇄하는 배경색은 괜찮습니다

국경 반지름을 바꿔서 우리가 바꿀 수는 없어요 이제 상자 그림자를 남겨 두지 않고 사이트에 다시 저장해 봅시다 빠른 리프레쉬 알았어 내가 바라던 것보다 더 좋아지고있어 지금까지 내가 한 일을 이제껏 Chrome으로 옮겼습니다

일부 카메라 제조업체 로고를 다운로드 했으므로 우리 웹 사이트 폴더로 이동하십시오 여기 나는 그들 자신의 폴더에있는 이미지 폴더에 그들을 넣었다 지금 나는 거기에 9 개의 작은 로고를 가지고있다 그리고 우리가해야 할 모두는 변화를 바꾸는 것이다 새로운 이미지 이름은 여기 HTML로 돌아가서 우리가 여기에 붙여 넣은 코드를 위로 스크롤하십시오

여기에 순간의 이미지가 있습니다 그리고 당신이 그들 위에 마우스를 올리면 볼 수 있습니다 거기에있는 이미지를 보여줄 것이며 우리는 지금 우리가 여기서 겪고있는 새로운 것들 이 divs의 각각은 그 심상의 한개이고 우리가 계속하고있는 무엇을 여기 div 안에는 우리가 실제로 가지고있는 이미지가 있습니다 앵커 태그 또는 href 그래서 만약 당신이 그 이미지를 당신이 어딘가에 링크하고 싶다면 내가 대포 그림을 넣으면 예를 들어 URL을 넣어야합니다 거기에 당신은 Canon comm에 링크하고 싶습니다

거기에 캐논 통신 URL을 넣으십시오 그리고 그것으로 갈 수 있습니다 그래서 우리의 이미지를 여기에 넣고 무엇을 제거하십시오 거기에있는 거꾸로 된 쉼표를 끊지 않도록하십시오 이미지 폴더이므로 IMG 슬래시를 클릭 한 다음 거기를 클릭하면 이것에 우리가 거기있는 파트너 폴더를 보여 주어야합니다 하나부터 시작해 보겠습니다 그 모든 방법을 아래로 복사 한 다음 숫자를 변경하면 내 이미지 1에서 9까지 번호가 매겨져있다

그래서 우리는 무엇을 얻었 을까요? 다음에 재미있는 하나의 변화가 있습니다 그것에서 어떤 심상든지 추가하거나 뺄 원하는 경우에 지금 3 일 것이다 다만 가지고 가십시오 이러한 dibs 중 하나를 삭제하면 모든 것을 삭제하여 하나 삭제 시작 div에서 닫는 div까지 그리고 같은 방법으로 더 추가하고 싶다면 시작 div 시작 div에서 시작 div를 포함하는 닫는 div로 복사하십시오 그냥 아래에 붙여 넣으십시오 나는 9 개의 이미지를 가지고 있으므로 앞으로 가서 붙여 보겠습니다 다른 3 명은 괜찮아

아홉 가지가 있습니다이 사이트를 다시 사이트에 저장해 보도록하겠습니다 여기로 가면 당분간 감찰관을 닫아서 10 초 후 옙 거기에 우리가 가서 그것은 넓은 일종의 나는 우리가 거기에 제목을 넣을 수있을 것 같아요 우리 파트너들에게 말하기를 나는 정말로 내가 원하는 것을 원하지 않는다 더 슬림 한 섹션 나는 정말로이 이미지를 거기에 넣기 만하면된다 만약 당신이 타이틀을 넣고 싶다면 꽉 끼는 것입니다

이미 만든 제목이 이미 있으므로 쉽게 처리 할 수 ​​있습니다 이 패딩의 일부는 분명히이 수를 제거합니다 전에 말했듯이 여기에 이미지가 있고 설명을 넣고 싶다면 제목 아래 또는 단락 텍스트를 보관하고 싶습니다 그러나 나는 그것들을 빼앗아 갈 것이고 그래서 우리의 HTML로 돌아 가자 여기에있는 이미지 섹션은 바로 텍스트를 보여주기위한 것입니다

거기에 뭔가 써 보자 다시 사이트 새로 고침을 저장하는 것이 좋습니다 제가 거기에 넣은 텍스트의 비트는 분명히 당신이 그것을 바꿀 수 있습니다 그저 텍스트의 정상적인 비트 일뿐입니다 h1 또는 무엇이든 원하는대로 확대하거나 작게 만들 수 있습니다

당신은 그 태그들 사이에 넣기 만하면됩니다 그냥 잘라 내기 Ctrl 키를 X 잘라내어 거기에 붙여 넣으십시오 사이트를 새로 고침하고 새로 고침을하면 내가 그걸 h1으로 만들었으므로 아래에 거대한 엄청난 권리가 있습니다 하지만 나는 아무것도 훼손하고 싶지 않아 다시 돌아갈거야 우리는 그냥 가고있어

모든 것을 지우고 지우려면 그리고 마지막 하나는 내가하고 싶은 일이 저 패딩을 줄이고 싶다는 것입니다 그래서 그것은 넓지는 않습니다 나는 여기서 덜 원해요 그래서 지금은 150을 가져가 봅시다 50까지 파트너 섹션 패딩 윗부분에는 150이 있습니다

우리의 우물에 CSS를 넣으십시오 모든 것을 중앙 집중화하기위한 텍스트이므로 먼저 보겠습니다하지만 생각합니다 저 마진으로 바닥에 70이 될 것처럼 보일거야 아래쪽에 빠른 저장을하고 우리가 가진 것을 보도록하겠습니다

예, 그게 우리가 원했던 종류의 것이지만, 조금 더 있습니다 지금 여기에 바닥에있는 사람들보다 50에 아마 있습니다 바닥에 또 다른 50이 더해져 20 마진이 생기므로 그걸 없애자 20 마진을 확인하고 거기에 우리의 작은 로고를 중앙 ​​집중시키는 경우 참조하십시오 빠른 저장 트릭을 훨씬 더 중심적으로 보이게 만들었거나 그렇지 않은 것 같습니다 나는 아직 상쾌하지 않았다

좋아요 잘 작동하지 않는 것을 취소 해 보겠습니다 Z 또는 Ctrl ZI를 제어해야합니다 다른 곳이있을 수 있기 때문에 margin-bottom 제로 선택이라고합시다 어디서나 CSS 커맨드 ctrl을 사용할 수있는 커맨드를 제공하고 있습니다

저장하자 이번에는 새로 고침을합니다이 작품은 절대적으로 중심입니다 여기 지금은 내가 원했던 것이고 과거에는 스크롤하기가 너무 쉽다 사실 10 초가 지나면 굴러갑니다 그것 같이 들리는 소리 그래서 들어가서 저것을 5 초 만든다 그래서 그것은 스크롤 할 것이다

매 5 초마다 우리가 다시 돌아 가면 우리는 HTML로 그 비트로 가고 싶다 자바 스크립트를 바로 여기에 넣으면 다시 제목을 주겠다 다른 누군가가 이것을 편집하고있어 조금 어려워 질 것입니다 쓰러 뜨리고 제목을 줘 거기에 우리가 쉽게 다른 사람을 찾을 수 있도록 이 코드를 편집해야하는 것은 우리 뒤에 있습니다

그 밖의 틈이 없다면 코드를 정리하는 것이 중요 할 것이다 이것을 10,000으로 바꾸십시오 5 천분의 1 밀리 초를 5로 만들 것입니다 분명히 여기에 네가 너의 일을하는거야 당신은 그것이 사이트에 빨리 저장하기를 원합니다

이제는 매 5 초마다 스크롤해야합니다 초 그게 전부예요 1,000 2,000 3,000 4,000 5,000 그곳에 우리가가는 방법이 있습니다 내가 말하고있는 것처럼 작은 스크롤 컨베이어는 원하는 이미지를 넣을 수 있습니다 저기하지만 그것은 아주 편리한 기능이고 JavaScript I을 사용했기 때문에 그냥 나가서 우리가 할 수있는 무료 코드를 얻는 것이 더 쉬웠다 고 생각했습니다 그리고 거기에 붙여 넣으세요

그래서 당신이 그 재미 있고 유용한 것을 발견했으면 좋겠습니다 다음에 비디오를 보면서이 방법을 사용하는 것보다 오히려 방법을 보여줄 것이라고 생각합니다 너의 HTML 페이지의 주위에 구르는 느슨한 원본 나는 너에게 너의 HTML 페이지의 실제적으로 그것을 자바 스크립트 폴더에 넣을 수있는 자바 스크립트 파일로 바꾼다 그냥 이런 식으로 뭔가를 사용하여 전화를 다시 한번 이것이 제이미되었습니다 시스템 22 및 멋진 웹 디자인에서 나는이 비디오를 즐겼기를 바랍니다 지켜봐 주시고 즐거운 시간을 보내 주셔서 감사합니다

Bootstrap one page scrolling site part 9 – Twitter Bootstrap

안녕 얘들 아,이 비디오에 오신 것을 환영합니다 이것은 wwwsystem22

net 및 https://great-webdesigncom/의 Jamie입니다 우리의 한 페이지 스크롤링 부트 스트랩 사이트의 다른 부분에 오신 것을 환영합니다 마지막 섹션에서 우리는이 매우 밝은 서페이스 섹션을 만들었습니다 여기에 또 다른 작은 섹션을 추가 할거야

몇 개의 버튼이있는 작은 스트립이 될 행동 유도 표시 줄 사람들을 우리의 다음 섹션 중 일부로 이끌어 줄 것입니다 우리 폴더에서 시작하자 우리의 괄호로 색인 도트 HTML 파일을 열어 보자 우리가 이것에 대한 링크를 얻기 전에 당신이 이것을 따라 가지 않았다면 소프트웨어 무료 브래킷 텍스트 편집기를 아래에 그냥 아래로 그리고 나는 이미 열려있어하지만 우리는 CSS 파일을 열고 싶습니다 CSS 파일을 거기서 스크롤 할 것입니다 그 두 파일은 내가 여기에 내 괄호에로드있어 괜찮아 그래서 우리가 스크롤하면 아래로 내려간 곳으로 우리는 다른 섹션을 만들고 싶습니다

내가 실제로해야할 일은이 연락처 섹션을 여기에서 떠나지 않을거야 내가 작업 할 마지막 섹션이 될 것이기 때문에 꼬리말을 제외하고 우리는 모두 그곳에 더 올려 놓았습니다 그 상단 또는 하단에 붙여 넣기도하지 않아도 상관 없습니다 아래쪽은 그대로이고이 옵션 섹션을 아마도 호출 해 봅시다 아마도 ID가 필요하지 않습니다 사촌 내가 그것에 아무것도 가져 오지 않을거야하지만 난 줄거야 어쨌든 그걸 하나라고 부르 겠어

당신 여기 클락 (Clark) 옵션 유리를 드리겠습니다 네가 원하는 걸 기억해 네가 부른 것을 기억해 알았어 그래서 우리는 내가있어

원하는 서비스가 무엇이 필요한지 말하고 싶다 그러고 싶다 몇 개의 버튼 그래서 처음에 생각해 봅시다 당신 이제 다시 버튼을 새로 만들 예정이지만 그냥 복사 할 것입니다 여기에서 단추 텍스트가 나에게 그것을 다시 입력 저장하지 당신 방금 Ctrl 키를 누른 상태로 키보드에서 C 키를 눌러 선택한 상태로 두었습니다

기본값과 새 버튼 클래스 버튼을 만들 것입니다 철자가 바로 거기에 우리가 가서이 하나의 서비스는 당신이 필요로합니까 사진이나 초상화가 오늘 아침에 너무 좋아서 좋은 슬픔을 말하지 않는다 결혼 좋아, 괜찮아 우리가 할 수있는 옵션은 괜찮아 이 옵션은 현재 빈 섹션 만 남기 때문에 약간의 텍스트와 몇 가지 일반 버튼이 있으므로 앞으로 갈 것입니다

작은 점이 사라지도록 Ctrl 키를 누릅니다 우리가 중단했던 곳에서 CSS와 시작이 바로 아래에 있습니다 그리고 우리는 그것을 앞으로 슬래시 스타 스타 슬래시 제목을 줄거야 난 그냥있어 옵션들 좋아,이 파일 섹션에는 패딩 맨이 있습니다 150 이상이 작은 스트립이되기를 바란다 위쪽과 아래쪽에 패딩 (padding) 위쪽과 아래쪽으로 약 50 개를 놓아 두겠다고 생각합니다

텍스트 맞춤 : center let 's 이걸 복사해라 그것을 타자를 치는 좋은 아이디어 그러나 수년 및 년 및 년 후에 및 년 및 년의 타자를 치기 나는 아직도 그것에 형편이 없다 그래서 나는 재료를 베끼는 경향이있다 텍스트를 정렬 할 때마다 저장할 수있을 때마다 : center 과 color 나는 어두운 회색 색깔을 원한다 나는 이것을 어두운 등급으로 생각한다 사용하기를 좋아합니다 셰익스피어라고 부르기도하고하지 않기도합니다 거기에 우리는 그것이 진한 회색 색상의 종류와 우리가 부른이 섹션을 가지고 간다

옵션의 클래스 나는 그렇게 우리가 클래스 옵션을 갈 갈망을 확인 믿습니다 빠른 저장 및 패딩 상위 50 세트가 좋을 것입니다 우리는 1 분 안에 흰색 버튼을위한 새로운 버튼 클래스를 만들고 싶습니다 하지만 텍스트를 꾸미기를 원한다는 것을 살펴 보겠습니다 다른 색상으로 저장하고 사이트로 돌아가서 무엇이 보이는지 봅시다 약간의 회색 부분이 있어야 빠른 재생을 할 것처럼 보입니다

지금 거기에 우리가 간다 그리고 우리가 원했던 종류의 우리 버튼이있다 우리는 여기에있는이 흰색 버튼에 텍스트를 필요로하는 스타일을 지정해야합니다 백인이기도하다 내가 정말로 원하기 때문에 정리를 좀해야 겠어

그것은 일종의 라인이기 때문에 여기에 스트립이 있습니다이 버튼 스타일을 얻으십시오 이 텍스트 스타일은 처음에는 대괄호로 우리는 단추를 흰색이라고 부르고이 스타일을 스타일링하고 싶습니다 흰색으로 만들어 그 배경에 두드러지기 쉽습니다 우리가 할 첫 번째 일은 우리가 h1 텍스트를 할 것이므로 최고 경매가 될 것입니다

각각 변화를위한 모든 괄호와 우리는 단지 그것을 겪었던 하얀 색을 줄 것이다 이제 컨트롤을 저장합니다 이제 클래스에서 다시 돌려주고 싶습니다 좋은 일을하고 싶다 우리가 그 순간에 가지고있는 기본 버튼의 그럴거야

다시 트릭을 할거야 다시 모든 것을 타이핑하는 것보다는 하얀색의 버튼을 바꾼다 이것도 흰색이지만 우리는 몇 가지 색상을 뒤집고 싶습니다 그래서 나는 텍스트의 색을 우리가 과거에 가지고 있던 회색의 색으로하고 싶다 그렇게되지 않는 것은 TV이지만 브라운 컬러가되고 싶습니다

나는 흰색이되고 싶습니다 국경 다시 ffff 나는 백인이되고 싶었어요 우리가 그것 위에 마우스를 가져갈 때 모두는 지금 같은 상태를 유지할 수 있습니다 나는 색깔을 원합니다 배경색이 흰색 인 글꼴을 다시 투명하게 만들 수 있습니다

국경은 백인도 국경을 원한다 미디어 쿼리 사이에 공백을 두었다가 다시 저장하면 텍스트의 색상과 흰색 버튼에 몇 가지 매개 변수를 지정했습니다 우리 사이트로 돌아가서 거기 새로 고침을한다고 가정 해 봅시다 우리의 흰색 버튼이 있습니다 그게 괜찮습니다

괜찮습니다 내가 원했던 것의 목록이지만 실제로이 줄을 원한다 당신은 특성 결혼식을 위해 요구한다 나는 나가 이것에 관하여 갈 수 있던 2 가지의 방법이다는 것을 의미한다 이 플로트를 왼쪽으로 떠있을 수있다 그런 종류의 작품들도 있지만, 내가 생각하기에 플로트를 사용하는 것보다는 그것을 잘라 버릴 것입니다 섹션으로 나눠서 여기에 하나의 섹션이 있고 여기에 하나의 섹션이 있습니다

우리가 말했을 때 지금 기억하고있는 각각의 부분을 나누어 줄 필요가 있습니다 부트 스트랩의이 행 중 하나는 12 개의 섹션으로 구성되어 있으므로 하나는 필요합니다 이 크고 중요한 섹션에 대한 섹션입니다 우리는 12를 2로 나누어야하지만 동등하지는 않습니다 여섯 명은 여기 여기와 같을 것입니다

그래서 7 명과 5 명, 7 명 또는 5 명이 합산한다고합시다 ~ 12로 HTML을 다시 살펴 보도록하겠습니다 좋아, 그럼 내가해야할 일은 버튼을 자신의 div에 랩핑해야한다는 것이다 다시 복사하기 때문에 복사해서 붙여 넣기 만하면됩니다 거기에 두 개의 공백이 생기고 잠시 동안 내 코드가 잠길 것입니다

다른 div를 넣은 다음 복사 할 것입니다 당연히 우리는 각각의 것을 가지고 있기를 원한다면 이것을 입력하면됩니다 자신의 div의 텍스트와 거기에있는 버튼을 클릭하면됩니다 우리가 말한이 하나 이건 재미있을거야 그냥 내가 있기 때문에 새로 고침은 거의 똑같이 유지됩니다 그 플로트를 사용하는 것은 단지 그때에 온다

그러나 내가 거기에 가지 않으면 그게 우리가 원하는 것, 그리고 내가 할 일은 다른 것을 만들 것입니다 초상화에 관한 섹션과 결혼식에 관한 또 다른 섹션 및 클릭 할 때의 섹션 이것들은 그것들을 그 적절한 섹션으로 가져갈 것입니다 이 크기가 축소되면 여기에서 완전히 반응하는지 확인하십시오 f12 관리자 열쇠와 여기에 우리의 작은 반응 토글로 이동 괜 찮 아 요 그 작품에 대 한 괜 찮 아 요 1200 섹션 여전히 모바일 사이트로 이동해 보겠습니다 당신 그래, 그게 그냥 작은 전화 또는 B에서 작동하는지 확인 일할 것 같아요 거기 버튼에 약간의 불일치 내가 그 버튼에 대한 미디어 쿼리를 왜 잘했다고 생각하는지 알 것 같아 나는 그들이 일관된 표정을 지키길 바란다 나는 그것이 작동한다는 것을 의미한다

우리 CSS로 돌아가고 싶습니다 버튼 클래스가 있다고 생각합니다 미디어 쿼리 하지만 여기가 바로 여기에 있으므로보세요 바로 꽤 작아 우리가해야 할 일은 복사해서 단추 하나에 똑같이주는 것뿐입니다

이것은 스크린이 크기는 글꼴을 20 pix로 만드는 무언가를하기 위해 최소 레벨에 도달합니다 최소 너비 200 pix를 만들어서이 같은 일을하고 싶습니다 단추 백색은 우리의 위치 등을 맞댄 그것을 잘 만하면 둘 다 동일을보아야한다 저장한다 거기에 네, 거기에 우리가 가서 그렇게 했어 이 부분에서이 특정 비디오에 대해 남겨 두겠습니다 다음 비디오에서 우리는 약간의 사진을 찍기 시작합니다

초상화 섹션 또는 웨딩 섹션 그래서 나는 당신이 즐겁게했으면 좋겠다 채널에 가입하고 잊지 말고 우리가 작성한 코드의 PDF 파일을 넣을 것입니다 아래 링크에서이 동영상이 바뀌 었습니다 다시 한번 시청 해 주셔서 감사합니다 시스템 22의 Jamie와 멋진 웹 디자인은 좋은 하루 되세요

Bootstrap one page scrolling site part 15 – Twitter Bootstrap

안녕하세요 여러분,이 비디오에 오신 것을 환영합니다 이것은 http://www

system22net의 Jamie입니다 http://web-design-and-tech-tipscom 우리는 부트 스트랩 1 페이지 스크롤 사이트를 계속 사용할 것입니다 오늘 빌드하면 어제 Google 사이트의 하단에 Google지도가 추가됩니다

우리는 연락처 섹션을 추가했습니다 그래서 우리가 할 일은 작은 섹션을 추가하는 것입니다 이 주소는 실제 Google지도를 사용하여 제국을 사용하고 있습니다 State Building 주소는 여기에 있지만 분명히 건물을 위해 할 것입니다 그렇게하는 것은 꽤 쉽습니다

따라 가면 우리는 그렇게하게됩니다 우리가하고 싶은 일은 이미 열리지 않았다면 우리의 폴더를 여는 것입니다 우리의 브래킷 소프트웨어에서 indexhtml을 다시 열어보십시오 이 비디오 괄호와 함께 따라 다니지 않은 것은 무료 텍스트 편집입니다

소프트웨어 그것은 절대적으로 당신이 아래의 링크에서 다운로드 할 수있는 굉장합니다 비디오 그래서 나는 우리가 그만 뒀던 마지막 장소까지 아래로 스크롤 할 예정이다 우리 연락처 섹션의 맨 아래에 내가 놓을 다른 모든 비디오가 있습니다 오늘 다운로드 할 수있는 코드의 다운로드 가능한 PDF 아래 링크는 괜찮습니다 그래서 우리는이 섹션이 조금만 필요합니다 우리가 접촉 형식 섹션을 복사하는 것과는 다른 것입니다

나는 그것이 유동적이기를 원하기 때문에 용기를 사용하지 않을 것이다 화면의 전체 길이는 컨테이너가 컨테이너를 부트 스트랩 메인 프레임 크기이므로 div를 작성해 보겠습니다 클래스 우리는지도라고 부를 것입니다지도가있는 것처럼 보입니다 그리고 이것은 매우 짧은 비디오가 될 것입니다

우리 섹션을 만들었고 우리는 div와 내부를 만들었습니다 여기에 우리가 Google지도를 넣고 싶은 곳이 있습니다 그래서 어떻게하면 그렇게 할 수 있을까요? 정말 쉽게 탭을 열면 googlecom으로 이동합니다 단지지도를 입력하면 Google에 도달합니다

지도를 누른 다음 주소가 무엇이든 또는 사업장의 주소를 입력하십시오 여기에 올거야 나는 엠파이어 스테이트 빌딩을 사용할거야 멋진 본보기이기 때문에 이것은 가상의 사업이므로 여기서 우리는 여기 엔 엠파이어 스테이트 빌딩이 축소되었습니다 이제 조금 더 축소되었습니다

우리가 할 일이 여기에 우리 사이트에 표시하는 일종의 표시하고 싶지 않아요 우리가 여기까지 가서이 공유 버튼을 누르면 실제 링크가되지만 우리는 그것을 우리의 사이트에 넣을 것입니다 그래서 여기에 그것을 말하고 있습니다 내지도가 나를 위해 구축 한 것입니다 내 Google 계정에 로그인 했으므로 내 저장된 즐겨 찾기를 표시하고 다른 사람에게는 무엇을 알 수 있습니까? 컴퓨터에서 보는 것입니다 그래서 여기에 우리가 원하는 코드가 있습니다

여기에서 우리는 마우스 오른쪽 버튼을 클릭하여 복사하거나 ctrl로 강조 표시하거나 강조 표시하지 않을 수 있습니다 일반적으로 첫 번째 여는 괄호에서 마지막 하나까지 선택합니다 make 모든 것을 포함시킨 다음 ctrl C를 복사하거나 마우스 오른쪽 버튼으로 클릭하여 복사하십시오 일단이 코드를 얻으면 대괄호로 돌아 가자 이제 여기서이 부분을 끝내고 여기에이 코드를 붙여 넣기 만하면됩니다

Ctrl 키를 누르거나 마우스 오른쪽 버튼으로 클릭하여 붙여 넣기하면 정크 잔뜩 보이지 않습니다 그것은 정말로 필요하지 않습니다 지금 우리가 필요로하는 코드입니다 이게 어떻게 생겼는지 보여 줄게지도가 거기에있을거야하지만 그것이야

정확히 내가 원하는 것은 아니기 때문에 빠른 저장을 할 것입니다 Ctrl 키를 누르십시오 사이트는 여기에서 우리는 그걸 끝내고 그 탭을 닫았습니다 작은지도를 새로 고침하면 여기 저기 아래에 표시되어야합니다 그것은 거기에있다

그러나 그것은 내가 원하는 것을 원하지 않는다 나는 위대하고 모든 것을 의미한다 라이브로 작동하며 마우스 휠을 사용하여 확대 / 축소 할 수 있습니다 축소하지만 전체 화면 크기를 여기에두고 싶습니다 라이브 맵이있는 실제 섹션은 기본적으로 쉽게 할 수 있습니다

우리가 우리의 괄호로 돌아 가면 너비가 어디인지 알 수있다 거기 600 600 pix 및 높이 450 잘 높이 괜찮아요하지만 만들 수 있습니다 조금 더 짧지 만 600 대신에 너비를 바꾸자 화면 영역 전체에 걸쳐 100 % 표시한다고 가정합니다 당신이보기에 어떤 화면 크기가 나오더라도 그걸 저장하고 가자

다시 사이트에 우리가 새로 고침을 할 때 이것은 모든 방법으로 확장되어야합니다 건너서 거기에 우리가 간다 조금 더 내가 마음에 가지고 있었던 것이 조금 더있는 것처럼 조금 더있다 높이 현명하다 나는 괜찮다고 생각한다 나는 내가 50이나 그래서 400으로 예를 들어 그것을 시도하고 그것이 당신이 그것처럼 살면 그렇게 말할 수 있습니다

당신이 스크롤 할 때 Ctrl 키와 스크롤을 사용하여지도를 줌하면 그냥 Ctrl 키를 누른 채로 스크롤 할 수 있습니다 기본적으로 자동으로 스크롤되지만, 때로는 한 페이지 아래로 스크롤하면 그 페이지에 달라 붙어 스크롤이 시작됩니다 그들이 실제로 조금 바꿨다고 생각해 이제는 괜찮아 꽤 많이 내가 원했던 것이지만 우리가 할 수있는 높이를 바꾸자 조금 더 짧게 말하면 350을 만들고 모양이 어떤지 보도록합시다

그래서 나는이 높이 속성으로 가서 여기로 갈거야 450 대신 350 개를 사용하고 사이트에 빠른 저장 Ctrl 키를 눌러 축소해야합니다 거기서 조금만 내려 가면 물론 우리는 그 주위를 돌아 다니지 않을 것입니다 바닥에 작은 꼬리말을 추가하면 350 픽셀이됩니다 나는 우리가 450 번이 될 필요가 없다고 생각하지만 충분하다고 생각한다

전적으로 귀하의 사이트를 어떻게 보이게하고 싶으십니까? 우리는 방금 여기에이 작은 섹션을 추가했습니다 dev 우리는 구글 맵과 함께 작은 iframe을 넣었습니다 그렇게 할 준비가되었습니다 거기에 우리는 그것을 가지고 당신이 유용하다고 발견하면이 비디오를 즐겁게했으면 좋겠어 웹 사이트 제작에 관심이 있다면 YouTube 채널을 구독하십시오

우리는 멋진 웹 디자인과 웹 사이트 구축 과정을 아래에 거기에 몇 가지 워드 프레스와 쿠폰을 90 % 할인 된 가격으로 구입할 수 있습니다 다시 한번 이것은 http://wwwsystem22net과 http://web-design-and-tech-tipscom의 Jamie였습니다

보고있는 주셔서 감사합니다 좋은 하루 되세요

Bootstrap – Free twitter bootstrap website template download

안녕하세요 여러분,이 비디오의이 비디오에 오신 것을 환영합니다 자유롭게 다운로드 할 수있는 부트 스트랩 템플릿입니다

이 패키지는 http://wwwsystem22net의 Jamie입니다 http://web-design-and-tech-tipscom이 작은 부트 스트랩 사이트를 디자인했습니다

완전히 반응하는 것은 1 페이지 스크롤링 사이트입니다 그러나 당신은 당신의 브랜드를 원하거나 비즈니스 또는 개인 페이지를 다운로드하고 링크를 클릭하기 만하면됩니다 이 비디오 아래에는 무료로 만든 부트 스트랩이 있습니다 편집 방법을 모르는 경우 여기에서 매우 쉽게 편집 할 수있는 코드가 있습니다 부트 스트랩 템플릿을 사용하면 YouTube의 다른 동영상 중 하나를 볼 수 있습니다

우리가 거대한 것을 위해 제공하는 모든 측면을 포괄하는 포괄적 인 코스를 갖는다 YouTube의 구독자에게 할인 혜택이 주어집니다 아래 링크가 있습니다 텍스트 에디터가 없다면 여기에서 사용하는 텍스트 에디터는 다음과 같습니다 괄호라고 불리는 것은 무료이며 괄호 안에있는 IO에서 무료로 다운로드 할 수 있습니다

다시이 비디오 아래에 링크를 달아서 우리의 작은 사이트를 여기에 추가 할 수 있습니다 자신 만의 로고가 있습니다 여기에 몇 가지 간단한 설명이 있습니다 클릭 유도 문안 버튼을 클릭하면 페이지 나 다른 곳으로 연결할 수 있습니다 우리 섹션에 대해 조금이라도 링크하고 싶습니다

분명히 자신의 이미지를 넣으십시오 그리고 텍스트를 여기 저기 또 다른 작은 부름을 전화 섹션 이 아래에는 모든 이미지가 포함되어있어 자유롭게 사용할 수 있습니다 당신이 당신의 자신의 심상으로 더 낫게 잘하고자하는 경우에이 심상을 이용하십시오 하지만 이들은 무료 재고 이미지입니다 이제 우리는 조금 판촉 파트너를 가지고있어 좋은 주식을 얻을 수있는 곳을 모르는 사람을위한 섹션 이미지는 무료 재고 이미지를 얻을 수있는 위치에 대한 YouTube의 비디오를 보았습니다 거기에 몇 가지 정말 좋은 사이트를 얻을 수있는 환상적인 사이트가 어쩌면 엄청나게 돈이 들거나 구독하지 않아도 좋은 이미지를 얻을 수 있습니다 지금 우리는 조금 특색 지어진 서비스 단면도를 약간 조금 간단한 가격 여기에서 얻었다 제품을 판매하거나 일부 제품을 강조하려는 경우 당신은 다시 이것을 당신이 작은 시차에 연결하기를 원하는 곳으로 연결할 수 있습니다

여기 저기에 배경으로 올라가고있는 해변을 볼 수있는 섹션이 있습니다 작은 섬 또 다른 소규모 클릭 유도 문안 섹션 여기에 포트폴리오 섹션이 있습니다 우리가 여기 트리 트먼트라고 부르는 것은 물건을 만들기 위해 약간의 텍스트 오버레이가 있습니다 좀 더 흥미로운 것은 분명히 자신의 이미지를 넣고 당신이 강조하고자하는 것은 무엇이든 당신 자신의 텍스트를 넣으십시오 물론 링크하려는 경우 앵커 태그를 알고 링크 할 수 있습니다

네가 원하는 것과 그 아래에 우리는 다른 작은 시차를 가지고있다 여기에 고객의 고백이 담긴 섹션이 있습니다 컨베이어를 사용하면 필요에 따라 편집 할 수 있습니다 계속 내려 간다 우리 팀 섹션이있어 행복하다 중간에 그 사람에 대해 확실하지 않은 사람들을 보았습니다 블라드 미소 또는 젊은 친구 그리고 다시 말하지만 당신이 당신의 팀과 함께이 이미지들을 바꿀 수 있다고 이미지 또는 그 아래 사이트에서 수행하려고하는 작업이 무엇이든간에 우리는 여기에 또 다른 작은 정보 섹션을 몇 개 가지고 있습니다

어디에서나 원하는 방향으로 유도 할 수있는 클릭 유도 문안 버튼 분명히이 텍스트를 자신의 텍스트로 바꾸고 마지막으로 아래로 이동하십시오 가장 중요한 것은 우리가 연락하는 것이 중요하다는 것입니다 양식이 완벽하게 작동합니다 PHP sendmail 양식을 제공합니다 일단 라이브 서버에 연결하면 이메일을 보낼 수 있습니다

요즘 많은 부트 스트랩 템플릿이 생겨서 환상적으로 보입니다 그들은 작동하지만 실제로 메시지를 보내지는 않습니다 이 put을 사용하여 업로드 할 수있는 PHP 파일을 포함 시켰습니다 이메일 주소 그리고 그것은 당신을 위해 그것을 보낼 것입니다 이게 바로 여기에 우편 파일을 가져다 줄거야

추출한 후에는 내부에있는 것입니다 이것이 색인 인 HTML입니다 우리가 텍스트 편집 소프트웨어에서 본 페이지와 연락처 PHP 파일은 메일 양식을 보내고 볼 때 필요한 것입니다 일단 당신이 당신의 위치를 ​​편집하고 당신이이 파일 전부를 가지고가는 방법 그것을 얻으면 부트 스트랩의 상단에서 그래, 그럼 네가 면허증이 필요 없어 인덱스의 끝 부분을 온라인 서버로 끌어 올 수 있습니다

zip 파일은 그 안에 파일을 가지고 있기 때문에 연락처 형식을 구성하면 대괄호 텍스트로 열립니다 편집 소프트웨어는 여기에있다 그리고 그것은 쓰레기와 그것의 꽤 많은 사람처럼 보인다 너는 너를 위해 일하기 위해 그것을 바꿀 수있다 이제 네가해야 할 일은 너를 바꿀 뿐이다 여기 라인에 귀하의 이메일 주소를 넣어 그 괄호를 잘라하지 마십시오 나는 의미있는 거꾸로 된 쉼표를 잘라 내지 마십시오

너는 너의 사이트를 그 아래에 전화하기로 결정한 것은 무엇이든지간에 너는 예쁘다 훨씬 당신이해야 할 일은 이메일을 보내기 시작할 것입니다 당신이 여기서 태워 버린 주소로 이제 하단에 Google지도가 표시되어 여기에 위치 대신에 위치를 찾았어요 여기 있어요 뉴욕에 보냈습니다

Google에 가서 원하는 위치에 넣기 만하면됩니다 우리가 알고있는 데이터로 데이터를 교환하십시오 HTML 파일은 여기에 있습니다 내가 한 말처럼 맨 위로 돌아 가면 살고 들어갈 수 있습니다 페이지 스크롤러 그래서 우리는 부드러운 스크롤을 통해 다양한 스크롤 물론 섹션을 쉽게 추가하거나 제거 할 수 있습니다

섹션을 선택하고 삭제하는 것만으로 필요하지 않은 섹션 거기서 우리는 그것을 다운로드 할 수있는 무료 템플릿을 가지고 있습니다 너는 바란다 만약 당신이 그것을 사용하기로 결정한다면 당신은 어딘가에 링크를 넣을 수 있습니다 내 시야 시스템 22 돈은 필요 없지만 절대 자유 다 너희들에게 먹이를 주도록 먹여라

이 비디오를 즐긴다면 유용하다고 생각합니다 채널 부트 스트랩 사이트 구축에 대한 모든 종류의 팁과 WordPress 사이트 및 모든 종류의 다른 사이트 및 관심이있는 경우 웹 개발에서 내가 앞서 말했던 것처럼 아래의 과정 중 하나를 선택하십시오 YouTube 가입자에게 매우 할인 된 가격으로 당신이 다시 한번 알아야 할 모든 것에 대해 이것은 http://wwwsystem22net의 Jamie였습니다

http://web-design-and-tech-tipscom 시청 해 주셔서 감사합니다 좋은 하루 되세요 당신

Bootstrap 4 – Build and upload a landing page in 45 minutes with Bootstrap 4

안녕하세요 여러분,이 부트 스트랩 4 비디오에 오신 것을 환영합니다이 비디오는 http://www

system22net/의 Jamie이며 http://web-design-and-tech-tipscom/이 동영상에서 우리는 기본 방문 페이지를위한 부트 스트랩은 정말 신속하게 처리 할 수 ​​있습니다 먼저 부트 스트랩 커밋을 시작하려고합니다 이 비디오 아래의 링크를 클릭하면 우리는 당신이 원하는 곳에 그것을 클릭 할 수 있습니다

부트 스트랩 파일을 다운로드하면 오른쪽 상단에있는 버튼입니다 다운로드 한 번 부트 스트랩 4 압축 파일을 제공합니다 파일이 다운로드 된 폴더를 다운로드하고 압축을 풀면 제공합니다 우리가 우리가 우리에게 간다면 우리가 지금 거기에서 필요로하는 모든 것을 가진 폴더 bootstrap 4 site 여기에 예제가있다면 부트 스트랩을 얻습니다 사이트를 신속하게 구축하는 데 사용할 수있는 초보 템플릿로드 이 예제에서 실제로 사용할 예제는 여기에 있습니다

회전 목마와 그것은 당신이 정상에서 약간의 이미지와 함께 회전 목마를 볼 수있는 것을 가지고있다 여기 이미지 몇 군데 약간의 정보 상자 일부 버튼 하단의 일부 기능 요소와 작은 꼬리말 이 파일이 방금 추출한 파일임을 찾는 방법을 보여 드리겠습니다 이전에 Doc의 docs 폴더로 바로 가면 40 폴더 여기에 예제를 찾고 내부에 우리는 우리가 필요로하는 모든 것 또는 그 페이지에 나타난 모든 것을 발견하십시오 거기에서 우리가보고 있었던 하나는 회전 목마이었다 나는 그것이 회전 목마 인 것을 믿는다 그래서 우리가해야 할 일은 여기 저기에 폴더를 회전시켜 내려 오는 것입니다 이 모든 특정 비디오에 index

html 파일과 CSS 파일이 있습니다 CSS에 대해 걱정하지 않을 것입니다 스타일을 지정하면 indexhtml 파일을 실제로 빌드 할 수 있습니다 무료 텍스트 편집기가없는 경우 텍스트 편집기가 필요합니다

부트 스트랩을 위해 항상 사용하는 괄호는 절대적으로 훌륭합니다 내가 말했듯이 그것은 무료이며 당신은 괄호에서 IO를 다운로드 할 수 있습니다 이 비디오 밑에있는 링크와 다운로드 및 설치 대괄호는 마우스 오른쪽 버튼을 클릭하고 대괄호 또는 다른 프로그램과 마찬가지로 일단 열면 파일을 선택하고 인덱스 파일을 수동으로 괜찮아요 그래서 이것은 우리의 인덱스 도트 표준 HTML 파일입니다 모든 부트 스트랩 사이트와 대부분의 웹 사이트에 대해 모든 웹 사이트에는 색인 파일이 있습니다 브라우저가 처음 보는 파일이기 때문에 PHP인지 HTML인지 왜냐하면 나는 이것에 대해 너무 자세히 설명하지는 않을 것이지만 우리는 템플릿 우리가이 사이트를 보러 간다면 실제로 어떤 것을했는지 images 나는 세 개의 슬라이더 이미지를 준비했으며 이것과 같은 모양을하고 있습니다 이 섹션에 대해 세 개의 이미지를 준비했습니다

그리고 이것은 당신이하고 싶은 것입니다 그리고 나는 다시 세 가지 이미지를 만들었습니다 하단의 기능 섹션은 다시 정사각형이고 5는 5 개입니다 내가이 섹션을 위해 만든 것들은 백 개다 400 400으로 내가 말해야하고 내가 생각하는 최고의 것들은 1900 x 500이었고 그들에게 비슷한 종류의 모양을 유지 시켜서 그들이 왜곡하지 않도록하십시오

그것과 내가 실제로 여기에 만들었던 것들을 그것들에게 만들어주었습니다 어둠의 종류 당신이 여기에 다시 넣어 무엇을 생각하고 싶어 사촌 내가 만든 약간 어둡기 때문에 밝은 색을 띠면이 텍스트가 눈에 will 것입니다 배경 및이 흰색 텍스트는 잘 돋보이지 않습니다 그래서 내 이미지에 컬러 오버레이를 주었고 홈 페이지 여기에 대괄호로 열어 둔 HTML로 돌아가 보겠습니다 여기서 CSS와 index

html 파일이있는 회전식 폴더에 가져올 것입니다 이미지를위한 새로운 폴더를 만들고 IMG로 부를 수 있습니다 IMG 또는 이미지를 원하는대로 호출하십시오 이런 종류의 프로젝트와 내부에서는 내가 가지고있는 이미지를 가져올거야 우리가 준비한 모든 이미지가 여기에 있도록 준비했습니다

이 사이트에서 볼 수 있듯이 그것들은 슬라이더이고 실제로는 1903 년에 507 명 이었지만 1900 년에 500 명이 벌금을 부과했으며 여기에 다른 섹션을 준비했고 콘텐츠 파일이 있다는 것을 보여 드리겠습니다 서면으로 작성된 내용이나 텍스트에 대해 내가 원하는 내용으로 그냥 여기에있는 것들을 복사해서 여기에있는 텍스트를 대체하십시오 우리 사이트의 이름이나 제목에 대해 우리는 빨리 부트 스트랩을 호출 할 것입니다 이제 문자 그대로 빌드하십시오 그냥 붙여 넣기 만하면됩니다

여기에있는 작은 태그를 잘라 내지 마십시오 설명에서 여기서 일하는 것을 멈추게 할 것입니다 실제로 원하는 두 개의 쉼표 사이에 들어가기를 원합니다 귀하의 사이트에 대한 설명은 무엇이든 넣으십시오하지만 그것이 무엇이든간에 귀하의 사이트와 관련성이 있으며 Google의 메타 설명에 대해 2017 년 12 월의 문자 길이를 300 자로 늘 렸습니다

너는 내가 한 50에서 300 자 사이에 뭔가를 넣고 싶다 조금 짧지 만 분명히 데모 용입니다 괜찮습니다 아래 라인 22에서 우리는 실제 이름 인 navbar 브랜드를 얻었습니다 사이트 그래서 만약 우리가 우리의 폴더에 다시 색인을 두 번 클릭하여 점으로 이동 HTML을 여기에 파일을 열면 브라우저에 열립니다

Chrome은 내가 여기서 사용하고있는 것이지만 전적으로 당신에게 달렸습니다 그래서 여기 있습니다 실제 사이트 우리가 우리의 괄호로 돌아 가면 나는 단지 나의 사이트를 복사 할 것이다 제목을 반복해서 말하면 그 작은 파란색 괄호를 잘라 내지 마십시오 거기에있는 모든 태그에 화살표가있다

여기에 메뉴 항목 인 우리의 작은 메뉴 항목이 있습니다 그 마지막 것 그리고 수색 상자 나는 우리가 원하지 않는다는 것을 제거 할 것이다 이 사이트의 검색 창 및 실제 검색 창은 여기 38 행에 있으며 if 폼의 시작 부분을 강조 표시하여 폼의 끝 부분을 강조 표시합니다 양식의 처음부터 끝까지 그 전체 제비 뽑기를 지우겠습니다 우리의 콘텐츠로 내려가는 형식은 여기 실제 우리 회전 목마입니다

당신이 볼 수있는 종류의 패턴을 볼 수 있고 이것들 각각은 슬라이드 그 자체입니다 여기 콘텐츠가 있습니다 여기 실제 사용하는 이미지가 있습니다 우리는 교체해야하고 기억한다면 나는 그 이미지 폴더를 새로운 이미지가 들어 있으므로이 이미지 폴더의 이미지를 여기에서 가져와야합니다 그리고 저는 JPEG로 1, 2, 3을 호출했습니다

그래서 우리가 필요로하는 것은 무엇입니까? 그 반전 된 쉼표는 모든 것을 선택하고 모든 것을 삭제 한 직후입니다 끝까지 두 번째 거꾸로 쉼표를 지우지 마십시오 그 두 개의 거꾸로 된 쉼표는 우리가 이제 IMG 인 폴더의 이름을 입력 할 예정이며 이미 우리에게 메시지를 보냈습니다 그 안을 클릭하면 이미지 그래서 나는 그것에게 다음 하나를 위해 똑같은 것을하는 이미지를 줄 것이다 line 62 여기 이미지 2 원하는대로 원하면 숫자 3 이미지 3과 똑같이 당신이 할 필요가있는 또 다른 슬라이드 당신이 그것이 할 수있는 회전 목마 항목을 말하는 곳을 보아라

닫는 div에 대한 여는 딥에서 선택하십시오 그것을 열어 자동으로 닫는 div 선택 ctrl C 한 줄을 내려 놓고 Ctrl 키를 누른 상태에서 붙여 넣기하면 여기에 네 번째 슬라이드가 있지만 우리는 그렇게하고 싶지 않습니다 당신은 단지 당신이 삭제할 수있는 슬라이드를 원하는 3 개의 슬라이드를 원하지 않습니다 당신이 원하는만큼 많은 것을 가지고있어서 거기에 우리의 이미지를 넣었습니다 빨리 저장하자

대괄호로 ctrl을 사용한다 저기서 도트 그는 우리가 당신이 그것을 저장 한 후에 우리가 이것을 저장하지 않았다는 것을 말하고 있습니다 ctrl S 또는 파일을 저장하고 작은 점 맵을 없애 버리면됩니다 그것을 저장하고 우리의 사이트로 돌아 가자 그리고 우리가 새로 고침 할 때 우리는 슬라이더 뒤에있는 새로운 이미지는 여기에서 새로 고침 해 보겠습니다

이미지 하나를 보겠습니다 이미지를 3 번 ​​이미지로 볼 수 있습니다 우리는이 콘텐츠를 우리 자신의 콘텐츠로 바꾸고 싶습니다 다시 한 번 내 콘텐츠 시트에서 여기로 가져와 붙여 넣기 시작합니다 우리 괄호로 돌아 가라

여기에 우리의 콘텐츠가 있습니다 여기에 작은 제목이 있습니다 단추에 대해 말하면 내가 보여줄 것이며 여기에 우리가 버튼을 다른 곳에 연결하고 싶으므로 그들이 말하는 작은 태그를 잘라내지 않도록 조심스럽게 다시 다음 일과 우리가 원하지 않는 일은 우리가 작은 태그가 맞고 세 번째 태그 그리고 마지막으로 여기에서 모든 슬라이더 텍스트를 빠르게 변경했습니다 자주 버튼을 저장하는 것이 좋습니다 이제는 버튼에서 원하는 것을 말하십시오

우리 사이트를 간략하게 살펴 보도록하겠습니다 여기에 새로운 텍스트로 바뀌어야합니다 우리는 4 개의 웹 사이트를 부트 스트랩으로 이동합니다 자동으로 스크롤됩니다 우리의 단추가 말하기를 바란다

그리고 어디에서 우리의 단추가 잘 가야 할까? 우리 사이트로 돌아 가기 첫 번째 이야기하자 부트 스트랩을 얻는다 우리가 방금 다운로드 한 부트 스트랩 사이트를 얻는 것은 우리는 가정에 가서 URL을 복사 할 부트 스트랩 사이트를 얻습니다 indexhtml 여기에 문서가 있습니다

H ref라고 쓰여져 있습니다 작은 해시 태그가있는 곳입니다 우리가 그 URL을 넣고 자하는 곳이며 그 버튼은 이제 우리를 그 곳으로 데려 갈 것입니다 그곳에 사이트를 설치하고 다음 번에는 무료 다운로드 사이트에 연결하십시오 여기에 무료 부트 스트랩 템플릿이나 광산에 대한 링크가 있습니다 다시 다운로드하십시오

거기에있는 두 개의 거꾸로 쉼표 사이에 넣기 만하면됩니다 그것들을 잘라내 지마 그리고 이걸 우리가 조금 만들거야 다른 그리고 이것은 지금은 작동하지 않을 것이지만 그것은 우리가 마칠 때까지 할 것입니다 이 기능을 말하면 기능이라고 부르고 싶습니다

왜 잠시 동안 우리는 그 작은 해시 태그를 그곳에 남겼습니다 당신이 우리의 사이트를 볼 때 우리 사이트에 다시 저장하고 사이트를 새로 고침 할 수 있음을 알아 두십시오 버튼 텍스트는 클릭하면 변경됩니다 부트 스트랩 사이트와 다음 무료 템플릿 다운로드로 연결됩니다 사이트 및이 하나도 그것을 클릭하지 않을거야 사촌 지금 당장 작동하지 않습니다 왜냐하면 나는 실제로 그걸로 아무 것도하지 않았기 때문에

좋아 다음으로 넘어 가자 섹션에서 내가하고 싶은 첫 번째 작업은이 이미지를 대체하는 것입니다 그러니 그걸 진짜로 빨리하자 여기에 다음 절이 있습니다

다시 102 행에서 우리는 이것을 다음과 같이 변경해야합니다 우리 이미지가 사는 이미지 폴더 클래스 그리고 그것은 모두 하나 둘입니다 저는 다음 줄에 대해 똑같은 것을 하나 믿습니다 제로 여덟 그리고 r2와 같은 일은 1 행 4 그리고 우리의 3 funnily 충분히 좋아 그래, 모든 이미지는 정말 alt 우리가 여기에있는 태그는 원하는 일반적인 제 자리 이미지를 말합니다 거기에 귀하의 이미지에 대한 간단한 설명을 넣어 또는 일부 서재응에 넣을 수 있습니다 사이트에서 판매하려는 기능이나 사안에 관한 콘텐츠 그곳에있는 alt 태그에있는 것을 염두에 두어라

나는 그렇게하지 않을 것이다 우리는 똑같은 일을 할 것입니다 이 텍스트는 우리 자신의 텍스트와 함께 그래서 내가 할거야 콘텐츠에서 할거야 내 콘텐츠의 첫 번째 콘텐츠가 여기에 있습니다 그런 다음 아무런 이유가 없어 일시 중지합니다 너는 계속해서 이것을보고있다

그래서 나는 그것을 잠시 멈추고 빨리 나머지를 채울거야 이제 사이트에 ctrl을 신속하게 저장하고 이제는 여기에 이미지가 있어야합니다 여기에 우리의 새로운 텍스트가 있습니다 거기에 우리의 새로운 이미지가 있습니다 우리에게 친절하고 멋진 수업을 해준 수업이었습니다

여기에서했던 것처럼 우리 버튼으로 같은 것을하고 싶습니다 그 (것)들에게 빠른 제목을 주 거든 나는 진짜로 그 (것)들에게 동일한 H 심상을 줄 것이다 또는 동일한 링크 그래서 여기에 우리의 버튼이 기능을 다시 부르 겠어 이 모든 것이 잠시 동안 명백해지며 다음 사람이 링크를 부트 스트랩 사이트로 보내면 거기에 넣고 싶습니다 그 작은 태그들을 잘라내어 부트 스트랩을 얻지 마라 마지막 하나는 무료로 다운로드 할 수 있습니다 그 작은 앰퍼샌드가 옆에있는 작은 아이콘을위한 aq 유로라는 것을보십시오

이 링크를 여기에 넣으면 잠시 후에 보여 드리겠습니다 그것은 그 아이콘을위한 단지 짧은 코드 일 뿐이며 ctrl을 사이트를 새로 고침하고 새로 고침하세요 여기에 글을 올리거나 여기에 글을 올렸습니다 저 작은 아이콘이 내가 그곳에 대해서 그 작은 앰퍼샌드에 대해 말하고 있었 잖아 if 우리가 그냥 삭제하면 3 번째로 보여주기 위해 다시 돌아가겠습니다

그것을 삭제하고 빠른 저장을하십시오 ctrl 당신은 저것을 볼 것이다 위치 등을 맞댄 s 저기서 사라져 버릴거야 그래서 너는 버튼에 텍스트가있어 내가 가야 해 앞뒤로 뒤쪽에 놓고 괄호로 그냥 놓기 만하면됩니다 Ctrl Z 또는 Ctrl Z를 눌러서 이제는 잘하고 있다고 말하면서 우리가하고있는 일은 이미지를 다시 대체하고 텍스트를 대체하는 것입니다 이 첫 번째 작업을 수행하십시오 왜냐하면 이 데이터 소스에서로드되었습니다

그래서 우리가 가져온 피처를 아래로 이동하면 여기에 그것의 이미지가 있습니다 우리가 필요로하지 않는 데이터 소스가 있습니다 데이터를 삭제하고자하는 데이터 소스 – 그래서 소스를 얻었습니다 평소처럼 거꾸로 된 쉼표 사이에서 이미지 폴더로 이동하거나 어디에서나 당신의 이미지를 가지고 있습니다 그 사람들을 거기에 넣고 나는 단지 내 작은 내용에서 그것을하고있다

폴더 여기에 첫 번째 제목 여기에 난 그냥 당신이 먼저 보여줄거야 우리가이 텍스트를 볼 수있는 사이트를 돌아 보면, 우리는 하나의 span을 가지고 있습니다 약간 가볍기 때문에 그것이 내면에 있기 때문에 내가 할 일은 우리는 우리 일로 돌아갈 것이고, 여기에 나의 표제가있다 나는 그 반쪽을 마지막 순간에 놓기를 원한다 스팬을 삭제하고 평소와 그냥 거기에 귀하의 h2 태그 사이에 그렇게 나는 그곳에 나의 것을 넣을 것이고,이 향상이 이긴다 여기 우리 경계선 안에는 그 작은 뾰족한 부분을 잘라 내지 않도록 조심해야합니다

대괄호는 내용을 추가하기 만하면됩니다 그냥 조금만 정리해 봤는데 삭제 단추를 사용하여 모든 것을 단단히 잡아 당겨서 여기 저기에 새 이미지가 있고 여기에 새 텍스트가 있습니다 우리는 새로운 이미지가 있습니다 새로운 텍스트가 있습니다 너가 너가 범위 안에 그것을 원하지 않는다는 것을 결정하면 너는 저 경간 안에 있던 조금

그 span 태그를 지우면 모두 똑같을거야 다시는 안가 이 일을 다시하는 법을 알기 때문에 일을 멈추고 빨리 채울 것입니다 이 두가지는 괜찮아요 그래서 나는 그 사람들을 채워서 빠른 저장을하고 외모를 갖도록했습니다

사이트에 돌아와서 이미 가지고있는 첫 이미지와 새 이미지가 있습니다 텍스트 두 번째 이미지 새 텍스트 세 번째 이미지 그들은 진짜입니다 여기 바닥 글에 그리고 네가해야 할 일은 네가 거기서 네 이름을 붙이는거야 우리가 정말로 아래로 내려갈 필요가 없기 때문에 조건에서 프라이버시를 제거하십시오 여기 바닥 글이 있으며 우리는 이제 2018 년이고 우리는 회사 이름이나 기타를 넣을 것입니다

당신은 거기에 넣어 선택 괜찮아요 아이콘에 대한 단축 코드이며 우리는 프라이버시를 제거 할 것입니다 우리는 우리가 필요로하지 않는 조건들을 제거 할 것이지만, 우리는 P를 필요로합니다 닫기 P 태그를 여기에서 끝내십시오 닫는 P 태그를 그곳에서 빨리 지우지 마십시오

사이트에 다시 저장하고 새로 고침합니다 빠른 빌드를위한 저작권 2018 부트 스트랩을 통해 이러한 정책을 없애고 우리는 무엇을 가지고있어 위 버튼으로 돌아가는 것이 굉장히 똑똑합니다 이제 여기에이 링크를 다루겠습니다 잘하고 싶습니다 집에 분명히 내가 원하는 바로 여기있는 집에 남아있을거야

전화해서 나는 우리를 여기로 데려가 길 바란다 또 다른 하나는 내가 가지고 가고 싶어하는 기능을 지금 여기로 가져 가라 우리는 실제로 약간의 HTML을 편집해야 할 것이지만 정말 간단합니다 그냥 나와 함께 따라 가면 틀리게되지 않을 것입니다 정말로 아무 것도 없습니다

이 두 섹션을 만들려면이 섹션을 제공해야합니다 다음 섹션에서는 ID라고 부르며 정말 쉽습니다 돌아 가자 우리 대괄호 컨베이어를 위로 올려다 보면 여기에 ID가 이미 있습니다 div를보세요

ID는 내 컨베이어와 같으므로 여기에 다음 섹션 div가 있으며 클래스가 있습니다 그래서 우리는 그 클래스 바로 앞에 ID를 추가했습니다 이것은 ID가 같고 그 다음에 두 개입니다 거꾸로 된 쉼표는 정말 중요합니다 한 가지가 빨간색으로 바뀌기 시작합니다

올바르게 걱정하지 않기 때문에 두 가지가 있습니다 거꾸로 된 쉼표 및 나중에 공간을 변환하려는 공간 그런 다음 두 세트의 거꾸로 된 쉼표 사이에서 이 섹션에 대해 지금 전화하면 ID가 약이고 같은 것을하고 싶습니다 클래스 바로 앞에 ID가 W와 같습니다 거꾸로 표시된 쉼표와 공백을 사용하여이 기능 및 사물을 내가 그 버튼들에 대해 이전에 이야기했던 것을 이해하기 시작할 것입니다 미래의 섹션으로 갈 것입니다

좋아요 이제 작동 할 것입니다 그러나 우리는 약간의 패딩을 추가해야하므로 사이트에 다시 저장해 두어야합니다 이것들을 about과 features로 변경하십시오 우리가 우리의 괄호로 돌아 간다면 우리가 여기 있습니다

메뉴 상단에있는 집에 링크가있다가 비활성화 되었기 때문에 장애가있는 링크가있어서 28 행에서 우리가 여기서 원하는 것은 우리가 제거하고자하는 것입니다 이 링크는 활성 링크이고 우리는 여기서 한 페이지 만 가져 왔으므로 아무 것도 관련이 없으므로 단지 페이지 일뿐입니다 항목을 탐색하고 다시 그 빗장을 잘라내 지 마십시오 이제 괜찮은 집에 우리가 원하는 두 번째 집 해시 태그 이후에 우리는 해시 태그와 href를 유지하기를 원합니다 여기에 우리가 첫 번째 섹션 ID라고 부르는 부분이 있고 여기에 있습니다

네가 원하는대로 부르지 만 나는 우리에 대해 말할거야 그리고이 두 번째 것은 여기에 실제로 그것은 그들이 nav 링크를 사용 안함이라고 부릅니다 쉬운 방법으로 시작하고 상단을 클릭하면 열리고 닫히는 것을 볼 수 있습니다 항목을 대괄호로 묶어서 그냥 지워 버리자 우리가 우리의 링크에 대한 우리의 마지막 링크를 선택하자

닫는 태그 ctrl의 끝에 태그를 여는 C와 아래에 드롭 다운 나는 그냥 컨트롤 V에 붙여 넣거나 마우스 오른쪽 버튼으로 클릭 한 다음 붙여 넣기 만하면됩니다 우리가해야 할 일은 해시 태그를 수정 한 후 변경하는 것입니다 그것을 기능으로 변경하고 메뉴에서 실제로 무엇을 말할 것인가? 거기서 우리는 당신이 지금 그것을 부르기로 결정한 것이 무엇이든지 그 특징들을 만들고 싶습니다 우리가 돌아갈 때 이것을 저장하고 사이트로 돌아가서 지금 새로 고침하자 우리를 클릭하면 여기에 우리와 기능에 대한 집이 있어요

아래로 가고 싶어요 여기를 클릭하면 여기로 내려 가고 싶습니다 그래서 무엇을 보죠 일이 우리가 간다 About 섹션으로 갔다

하지만 내가 말하는 것처럼 우리는 그 때문에 약간 멀리 패딩을 추가해야 할 것입니다 이 메뉴는 여기에 있습니다 우리는 그곳에 종류와 기능이 있기를 원합니다 당신이 아니기 때문에 실제로 똑같은 기능은별로 중요하지 않습니다 정말로 아무것도 놓친다

그러나 우리는 그것을 확실히 떨어 뜨리고 싶어한다 우리가 HTML로 돌아 가면 지금 약간의 패딩을 추가해 보겠습니다 우리는 여기서 인라인 스타일로 부르는 것을 조금 할 것입니다 계단식 스타일 시트에서이 작업을 수행해야하지만이 작업을 가능한 한 간단하게 여기에서 할 일은 About 섹션입니다 그것은 추락하고있다 나는 우리가 sty le를 쓸 정도로 그것을 단지 약간의 스타일에게 줄 것이다

거꾸로 된 쉼표와 뒤집힌 쉼표 안에있는 두 개의 쉼표와 같습니다 패딩 톱 피크 광고 D 작성 IMG – top : 내가 추측한다고 말하자 우리는 항상 75 피트 X를 약간의 세미콜론으로 변경할 수 있습니다 우리는 그것을 구할 것이고, 이것이 효과적으로 이루어져야 할 부분은 75 픽셀이므로 ctrl로 저장하자 우리 사이트로 돌아 간다

위로 가기 새로 고침 그리고 이것이 실제로 약 75 픽셀만큼 떨어 졌다는 것을 알아야합니다 지금 거기에서 볼 수있는 간격이 조금 더 있습니다 섹션에 관해서는 우리를 그것에 데려 가야하고 메뉴로 끝내지 않을 것입니다 이봐 요, 그게 우리가 원했던 것입니다

그게 좋아서 그렇게 중요 하거든 그게 집에있는 우리에 관한 것입니다 첫 번째 캡처 페이지 또는 부트 스트랩이 포함 된 방문 페이지를 정말 쉽지 않았어 지금해야 할 일은 호스팅 제공 업체에 부트 스트랩은 WordPress와는 달리 쉽게 설치할 수 있습니다 이 파일을 Google 호스팅에 올리려면 아무 것도 괜찮습니다

서버가 로컬 서버에서 작동하기 때문에 몇 가지 사항을 변경해야합니다 여기에 컴퓨터가 있지만 몇 가지 사항을 조정하고 몇 장만 복사하면됩니다 파일을 넘겨서 우리는 우리의 indexhtml을 본다 우리는이 사이트를 어떻게 보는지 우리 부트 스트랩 핵심 CSS를 사용하고 있습니다

dist라는 폴더의 백 백 백 폴더를 본다 CSS 폴더 안쪽에서 가져 와서 괜찮아요 몇 가지 스크립트 예 여기에 우리가 간다 이 jQuery 스크립트는 다시 assets 및 same이라는 폴더에서 가져옵니다 거기서 벤더 J와 미니 부팅 된 부트 스트랩 J와 이것 또한 홀더를 축소 시켰습니다

그래서 우리가해야 할 일은이 두 폴더를 복사하는 것입니다 자산과 우리는 우리가 다루고있는 유일한 두 가지이며 그것은 dist 우리 회전 목마 폴더에서 1 2 3 4 개의 폴더 나는이 소리를 안다 내가하고있는 일을 따라하기 만하면된다 그렇게 잘못 할 수 없다 우리가 돌아 가면 우리가 작업 해 왔던 우리의 주요 회전 목마 폴더가 있습니다

우리는 백업 중이며 우리는 백업 중이며 우리는 백업 중이며 우리는 백업 중입니다 이것은 zip 파일의 실제 압축 해제 된 부트 스트랩 폴더입니다 우리는 원래 dist 폴더와 assets 폴더를 찾고 있습니다 dist 및 assets은 여기에서 보면 정확한 자산인지 dist인지 확인합니다 기본적으로 배포 및 자산이 있으므로 두 가지를 모두 선택합시다

하나를 선택하고 컨트롤을 치십시오 다른 하나를 선택하십시오 ctrl C 돌아 가자 우리의 문서에 있던 우리의 회전 목마 폴더에 지금 다시 앞으로 간다 예 회전 목마가 여기에 두 개의 폴더를 놓아 두었습니다 거기에 자산과 배급이 있습니다 현재 indexhtml에 있습니다

이것들은 모두 우리가 필요로하는 것에서 이것들을 가져간 곳으로 되돌아 간다 여기 앞의 모든 자산을 자산 앞에서 선택합니다 자산을 찾아 내고 첫 번째 거꾸로 표시된 쉼표는 클립하지 않습니다 그 반전 된 쉼표를 떼어내어 삭제하면 충돌이 없어 지므로 공통된 자산 이 dist와 똑같은 것을 말하는 어떤 사람들에게도 똑같은 일을하십시오 이 마지막 자산 폴더가있는 182 번째 줄의 동일한 항목이 가리키고 있습니다

우리 폴더 안에 직접 그들은 우리의 폴더를 똑바로 가리키고 있습니다 이제 우리는 사이트로 업로드 할 때 업로드 할 파일 만 업로드합니다 우리는 모든 파일을 업로드하지 않을 것입니다 이전에 우리가 가지고 있었던 정상을 잊지 마라 부트 스트랩 CSS는 13 번 줄에서 다시 dist 앞에서 다시 축소되었습니다

그 폴더는 그 반전 된 쉼표로 다시 가져갑니다 이제는이 ctrl을 저장하도록하겠습니다 그러면이 모든 것이 오른쪽으로 향하게됩니다 지금 장소와 우리가 이것을 변경 한 동일한 폴더에 모두 넣었 기 때문에 그들이 그것을 찾고있는 곳은 바로 작은 아이콘 인 favicon입니다 거기에 브라우저 창에 우리가 변경하지 않은 것을 표시합니다

우리는 심지어 이것도 여전히 로컬에서 작동해야한다는 것을 망설이지는 않습니다 우리 사이트 또는 현지 사이트로 가야하는지 다시 한번 확인하십시오 아직도 잘 작동하고있어 모든게 괜찮아 좋아, 그럼 괜찮아

그래서 나는 호스팅 공급자에 대한 디렉터리를 만들었습니다 이것과 나는 FileZilla라는 무료 클라이언트를 FTP 또는 파일 전송 프로토콜 프로그램과 이것에 대한 링크도 여기에 넣을 것입니다 이 폴더를 추가했기 때문에 새로 고쳐졌습니다 당신이 지금 볼 필요가있는 모든 것은 내 디렉터리에이 파일을 드래그하는 것입니다 라이브 호스팅 제공 업체는 호스팅 제공 업체 서버의 수명입니다

오른쪽에 우리가 왼쪽에 사이트를 구축 내 로컬 컴퓨터 여기에 손을 대면됩니다 단순히 여기를 드래그하면됩니다 그리고 이것은 너무 오래 걸리지 않아야한다 WordPress 또는 실제 설치가 없거나 아무것도 보이지 않는 것과 같은 것 이미 완성 했으므로 어디서든 파일을 그대로 복사 할 수 있습니다 사이트로 이동하여 서버에 배치하면 이제 해당 사이트로 이동할 수 있습니다

나는 그것이 내 메인 사이트 중 하나의 서브 디렉토리이지만 살아 있어야한다 온라인 그래서 내 주요 사이트에 가자 그냥 슬래시와 이름을 누르십시오 디렉토리가 있다면 루트 디렉토리에있을 것입니다 당신은 그것을위한 도메인 네임을 가질 수 있습니다

디렉토리 내가 한번 입력하면이 사이트를로드해야합니다 우리는로드가 정말 멋지고 신속하게 만들어집니다 우리 메뉴가 우리 구역에 대해 잘 작동하는지 내 섹션과 기능 섹션 우리는 사이트가 인터넷에 살아 있고 모든 것이 잘 작동하도록했습니다 그것이 얼마나 쉬운가 그것이 당신의 첫 번째 빠른 방법을 만드는 방법입니다 부트 스트랩이있는 사이트는 훌륭한 플랫폼이며 물론이 작업을 수행 할 수 있습니다 당신이 이것을 즐긴다면 그들이 가지고있는 예제 템플릿들로 비디오 웹에 관심이 있으시면 YouTube의 YouTube 채널을 구독하십시오

디자인 우리의 코스 중 하나를 가져 가세요 우리는 그들을 무겁게 할인있어 우리 YouTube 가입자들에게는 또 다시 훌륭한 무료 코스가 있습니다 이것은 http://wwwsystem22net/에서 jamie이고 http://web-design-and-tech-tipscom/에 감사드립니다

좋은 하루 되세요

Dreamweaver Bootstrap Slider Oxygen how to

산소 부트 스트랩 슬라이더 Dreamweaver에 대한 방법 안녕하세요 여러분 콜린 프레이저 i3d 테마에서 오늘은 시연하고 싶습니다 이 예제에서 부트 스트랩 슬라이더를 업데이트하는 방법 저는 우리의 산소를 사용할 것입니다 템플릿과 나는 나를 위해 Dreamweaver CC 최신 버전을 사용할 것입니다

2018에서 설명 할 내용은 슬라이드 추가 및 제거 방법입니다 그림을 변경하여 설명과 단추를 제목을 변경하는 방법 물론 앞뒤로 탐색 버튼을 유지해야합니다 그것들에 대한 최신 정보도 바꿀 것입니다 슬라이드 사이의 간격 또는 간격으로 인해 늘릴 수 있습니다 또는 각 슬라이드가 페이지에 머무르는 시간을 줄이십시오

우리가 Dreamweaver에 바로 들어가겠다고 말했습니다 이미 사이트가 열려 있고 우리가 할 일은 라이브러리 슬라이더 부트 스트랩 슬라이더 폴더를 열고 마지막으로 열어 보겠습니다 부트 스트랩 부트 스트랩 슬라이더를 LBI로 바꿔서 코드 뷰로 전환 할 때 시작하는 코드 관점에서의 데모 각 슬라이드는 주석 태그에 래핑되므로 코더 또는 HTML에서 일을하고 싶다면 여기로 뛰어 와서 모든 것을 볼 수 있습니다 댓글을 달았습니다 이미지 링크는 바로 여기에 제목이 있습니다

설명이 바로 여기에 있으며 텍스트 또는 Learn more 버튼이 여기에 있습니다 마지막으로 각 링크의 하이퍼 링크 인 링크를 변경하려는 경우 물론이 버튼을 아래로 내려서 각각 업데이트 할 수 있습니다 HTML 이제 디자인보기에서이 작업을 대부분 수행 할 것입니다 우리가 볼 때 첫 번째 이미지에서 첫 번째 슬라이드까지 열어보기 및 디자인보기 우리는 그 이미지가 시작되는 것을 보았습니다 그리고 그 이미지의 제목이 있습니다

설명 및 버튼 텍스트를 클릭 한 다음 두 번째 이미지로 이동합니다 패턴은 제목 설명 버튼 텍스트를 반복하며 실제로이 시점에서 평소와 같이 페이지의 그림을 변경하는 문제와 페이지 및 하이퍼 링크를 사용하여 그림을 변경하십시오 내가 추천하는 것은 디자인보기에서 기존 그림을 사용하여 선택 이미지 소스 패널과 Dreamweaver를 엽니 다 일반적으로 이미지가있는 폴더로 이동합니다 내 경우에 Dreamweaver를 설정 한 방법에 달려 있습니다

당신이하고 싶어하는 것은 우리가 얻을 때 당신이 지금 당신의 이미지를 저장 한 곳을 찾으러가는 것입니다 이미지로 작업하는이 부분에 내가 추천하는 것은 이미지를 부트 스트랩 슬레이트 폴더의 이미지 폴더 조직화되어 현재 대부분의 사람들이 업데이트하기가 더 쉽습니다 이미지를 범주로 정렬하거나 다른 위치에 배치하는 것을 좋아합니다 자신의 이미지에 대한 경로가있는 한 멋지고 멋스러운 사이트 정확하고 이미지 자체가 현명하다 나는 우리 모두에게 추천 할 것이다 부트 스트랩 슬라이더의 권장 이미지 크기는 1920×1080입니다

높이 1920 x 1080 픽셀 전체 고화질 이미지 크기로 작동합니다 모든 해상도 데스크톱 AMODAL 모바일에 적합하므로 자동으로 축소 및 크기가 내려 가고 이제는 이미지를 바꾸어 보겠습니다 기존 이미지를 두 번 클릭하기 만하면됩니다 이 폴더에 이미지를 저장 한 이미지가있는 폴더로 이동합니다 케이스 전체 화면 슬라이더 1을 새 것으로 교체 할 예정입니다

전체 화면 슬라이더 5 그래서 나는 그 이미지를 선택하려고합니다 확인을 클릭하십시오 코드보기로 변경하면 페이지에서 변경됩니다 변경된 것입니다 다른 모든 것은 그대로 유지됩니다

이미지가 바뀌면 멋지게 변합니다 좋아, 그럼 그냥 가서 일반 텍스트처럼 제목을 바꿀 것입니다 새 제목 그래서 설명을 실제로 철자 수 있습니다 그냥 문질러 단추 텍스트에 대한 새로운 설명을 입력하십시오 여기에 새로운 링크를 알고 물론 물론 나는 어퍼 낮은 한 번 버튼의 텍스트를 바꾼 후 바꿀 때까지 여기에서이 속성을 볼 수 있습니다

귀하의 사이트 또는 귀하의 창으로 가서 속성 패널을 가지고 있지 않은지 확인하십시오 그 속성은 가능하지만 그것은 키보드 사용에 f8과 같은 것입니다 이 파일 도구를 가리켜 링크하려는 페이지를 가리 키거나 페이지의 이름 바로 여기 페이지의 전체 URL입니다 외부 소스 그래서 정말 그 사진 제목이야 슬라이드를 더 추가하려면 설명과 버튼 텍스트를 사용하십시오 코드보기에 넣으십시오 마지막으로 가장 아래쪽으로 복사하는 것이 좋습니다

마지막 슬라이드 사본을위한 코드는 여기에 약간의 공간을 제공합니다 바로 여기를 클릭하여 패널까지 멈추도록하십시오 죄송합니다 우리가 지금 복사해야하고 붙여 넣었던 왼쪽 가장자리 슬라이드 이름을 4에서 5로 변경하는 것이 좋습니다

클래스는 대부분의 부트 슬롯 부트 스트랩 슬라이더에서 사용되지 않습니다 우리가하는 템플릿은 다른 것들을 위해 다른 클래스 이름을 사용하지만 용어로는 귀하의 콘텐츠를 조직 유지하는 것만으로 여기에 클래스 이름을 변경하는 것이 좋습니다 좋아, 그럼 슬라이드가 어떤 슬라이드인지 알게되면 슬라이드를 제거하고 싶다면 전체 블록을 선택하는 것과 똑같습니다 주석 태그를 포함한 코드를 삭제하고 삭제하려면 삭제하십시오 우리가 5에서 3으로 내려 가고 싶다면 또 하나, 나는 그것을 그냥 지울 것이다

페이지에서 벗어나 괜찮은 것 같아서 결국 나는 내 슬라이더에 대한 세 개의 이미지가 있으면이 작은 탐색 기능이 있습니다 버튼이 자동으로 업데이트되지 않으면 업데이트해야합니다 수동으로 수행하면 코드 뷰에서 페이지의 맨 위로 이동합니다 이제 비디오의 맨 처음에이 곡을 보았다면이 곡을 보았습니다 총알은이 총알 숫자를 여기에 열거하고이 숫자는 총알 목록과 그 정보는 통해 변환됩니다 CSS를 추가하면 앞 페이지에있는 버튼에 추가됩니다

slide 기존 목록을 복사 할 수 있도록 다른 목록 항목도 추가해야 함 나는 약간의 공간을 여기에 붙여 넣고 붙여 넣을거야 그것이 0에서 어떤 순서로 번호가 매겨 졌는지 확인하려고합니다 번호 그래서 나는 0 1 2 3이 마지막 하나는 4 일 것입니다 이제는 중요합니다 번호에 대한 데이터 슬라이드가 부트 스트랩과 아무 관련이 없음을 주목하십시오 슬라이드 또는 클래스 이름이 완전히 다른 것들 이 번호는 0부터 시작하여 0으로 지정해야하며 여기서는 1부터 시작합니다 이것이 첫 번째 슬라이드이기 때문에 두 가지 모두와 혼동하지 않으므로 우리가 다른 이미지를 추가 할 때 우리는 다른 목록 항목을 추가해야합니다 슬라이드 우리는 제거한 각 슬라이드에 대한 목록 항목을 제거해야합니다

기본적으로 나는 전체 라인을 잡고 삭제했다 그래서 3 슬라이드 만 원한다면 0 1과 2를 총 3 개의 총알 목록으로 갖게 될 것입니다 여기에있는 항목은 모두 거기에 있습니다 이제 마지막 부분입니다 데이터 슬라이드 통합 또는 슬라이드가 머무르는 시간입니다

페이지 및 많은 경우에 많은 템플릿에 대해 매우 높은 귀하의 사이트가 처음 메인을로드 할 때와 같은 데이터 간격의 숫자 사진은 페이지에서 훨씬 더 오랜 시간 동안 제목과 설명을 변경하고이를 변경할 수 있으므로 산소 템플릿에있는이 예제의 데이터 간격 바로 위 80,000 밀리 초 또는 80 초 그러면 사진이 그곳에 머물러있게됩니다 거의 1 분 30 초가 지나면 사이트 방문객이 그림을 스크롤하여 여가 시간에 읽는 법을 알지 못합니다 당신이 당신의 제목과 당신의 설명과 당신의 클릭을하면 이미지에 무엇이 들어 있을지 알 수 없으므로 경주 ​​대신 사진을 통해 5 초마다 새로운 슬라이드를 알 수 있습니다 방문자가 수동으로 이동하여 다음 방문을 볼 수있게하는 높은 숫자 당신이 그 사이의 지연을 증가시키고 싶다면 이것을 바꿀 수 있습니다

이미지를 사용하면 몇 초를 선택하고 3 초를 추가했는지 0으로 설정하면 5 초 밖에 걸리지 않으면 5 단계로 이동합니다 3 천 0을 합계 5 천 개 더하면 5 천 개가됩니다 밀리 세컨드 (milliseconds)로 설정하고 마지막 순간에 그 지점에서 알 수 있도록 조정하십시오 귀하의 이미지를 가리 키십시오 귀하가 우리의 이름을 어떻게 지 었는지 살펴 보는 것이 가장 좋습니다

jpg의 파일 확장명을 포함하여 JPEG의 경우 모두 소문자 이미지 소문자 이미지 이름에 하이픈으로 연결된 공백이 없습니다 또는 당신이 밑줄을 사용할 수 있다면 그렇게하는 것이 좋습니다 당신은 대문자와 소문자로 된 공백이 있으며, 또 다른 두 가지 이상한 일들이 진행되고 있습니다 파일 이름을 사용하지만 모두를 사용하는 습관을 가질 수 있다면 최선의 방법입니다 사이트를 리눅스 나 리눅스에 올리면 가장 좋은 방법입니다

UNIX 서버 파일 이름은 매우 중요하고 대소 문자를 구분합니다 어쨌든 그 사람에 대한 경고입니다 템플릿을 만들고 부트 스트랩 슬라이더를 업데이트하면 재미 있을지 알 수 있습니다 어떤 도움