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