웹페이지를 만들기 위한 부트스트랩 - 부트스트랩을 사용하여 랜딩 페이지를 디자인하는 방법

부트스트랩으로 웹사이트 만드는 방법

안녕하세요, 부트스트랩 웹사이트를 만드는 방법은 다른 웹사이트와 동일합니다. 부트스트랩을 이용하여 구매한 호스트에 업로드하고 도메인을 해결하세요. 이름. 호스트에게 가세요. 부트스트랩은 단지 CSS 보조 기능이거나 프레임워크입니다. 주요 목적은 자주 사용되는 CSS 및 코드 효과를 많이 저장하는 것입니다. 부트스트랩을 사용하여 랜딩 페이지를 디자인하는 방법

구체적인 코드를 살펴보세요. 여기서 주목해야 할 것은 템플릿이 튜토리얼의 첫 번째 시리즈에 있다는 것입니다.

class=" 컨테이너"를 사용하면 페이지가 중앙에 배치될 수 있습니다. 이 태그는 중첩될 수 없습니다.

역할 속성은 HTML5의 새로운 속성으로, 사용하기 위해 일부 속성을 더 잘 맞춤설정할 수 있습니다.

class="form-control" 이 태그는 일부 표현식 태그의 너비를 100으로 설정합니다.

여기서 btn은 부트스트랩에 기본적으로 정의된 버튼으로, 버튼의 스타일입니다.

그중 가장 큰 스타일은 btn-xs, btn-sm, btn-md 입니다.

여기서 다시 두 가지 스타일을 작성했습니다. 하나는 양식의 최대 너비입니다. 이는 로그인이 너무 넓을 필요가 없기 때문입니다. 그렇지 않으면 보기에 좋지 않습니다. 스타일은 기본 btn-lg가 한 줄을 차지하기 때문에 두 개의 양식 텍스트 상자가 서로 너무 가깝기 때문에 간격이 3px 더 낮아집니다.

그림과 같이 다양한 btn 크기가 표시됩니다. 시도해 보는 방법 자신만의 웹 페이지를 만드는 방법을 이해하게 될 것입니다.

주니어 프론트엔드

주로 HTML, CSS, JavaScript 세 부분을 배웁니다.

1 HTML CSS 부분:

이 부분입니다. 특별합니다. 간단합니다. 인터넷에서 정보를 검색하기만 하면 책과 동영상이 많이 있습니다. CSS의 박스 모델, 플로우, 블록, 인라인, 캐스케이딩, 스타일 우선순위 등을 스스로 배우는 것도 매우 쉽습니다. 마지막으로 브라우저 간의 차이점에 대해 자세히 살펴보겠습니다. IE9 이하의 브라우저가 사라지는 추세입니다. 주류와 호환되도록 학습하는 데 많은 시간을 낭비할 필요는 없습니다. 구글 크롬 브라우저, 파이어폭스 브라우저 등 하위 버전의 브라우저는 사파리 브라우저나 오페라 브라우저를 사용하시면 됩니다. 브라우저마다 차이가 많으며, 실제로는 더 많이 쌓아두는 것이 좋습니다.

2. 자바스크립트 부분.

1. 기본 학습:

다른 프로그래밍 언어에 대한 기초가 없으면 배울 것이 정말 많습니다. 클로저, 프로토타입, 객체지향, 캡슐화 등과 같은 더 추상적인 개념을 깊이 이해하고 철저하게 이해해야 합니다. 읽기는 필수입니다. 훌륭한 JS 책을 찾아 처음부터 끝까지 공부하세요. 처음에 빨리 읽을 수 있으면 일반적으로 두 번째 또는 세 번째로 깊이 공부해야 개념을 이해할 수 있습니다. 또한, js 객체 지향 프로그래밍을 배워야 하는데, 이는 매우 중요합니다. 저는 개인적으로 Stoyan Stefanov가 집필하고 Ling Jie가 번역한 "Javascript Object-Oriented Guide"라는 책을 추천합니다. 배우고 실천하면 동시에 진정한 지식을 얻을 수 있습니다.

조건이 있는 사람들에게는 독학을 선호하는 친구들이 많습니다.

하지만 결국 독학의 힘은 한계가 있습니다. 배우고 싶은 분들이 더 잘 배울 수 있도록 스커트는 앞이 611, 가운데가 428, 뒤가 142 를 추천드려요. 배우고 싶은 사람은 여기에서 소통할 수 있고, 매일 밤 무료로 가르치는 전문가도 있습니다. 배우고 싶은 사람은 누구나 참여할 수 있지만, 배우고 싶은 사람만 환영합니다. 배우세요, 그냥 둘러보고 들어오지 마세요.

2. jQuery 학습:

이러한 기본 지식을 익힌 후에는 매우 뛰어난 Javascript 라이브러리이자 대규모 개발에 필요한 jQuery도 배워야 합니다. 이는 Javascript의 복잡한 작업을 단순화하고 Javascript 교차 플랫폼 호환성 문제를 제거하며 많은 실용적인 방법을 제공하고 좋은 문서와 도움말 매뉴얼을 갖추고 있으며 매우 성숙한 Javascript 라이브러리입니다. MOOC 학습 비디오 커리큘럼 네트워크. 학습 방법도 매우 간단합니다. 제품 설명서를 따라 몇 페이지만 만들면 됩니다. 나중에 문제가 발생하면 설명서를 확인하면 됩니다.

과정은 대략 이렇습니다.

3. 고급 학습:

위의 지식을 바탕으로 대부분의 소규모 웹사이트에서는 다음과 같이 작성할 수 있습니다. 지금 코드. 하지만 좀 더 전문적인 프론트엔드가 되고 싶다면 계속해서 열심히 노력해야 합니다. 쉬운 유지 관리, 테스트 가능성, 고성능, 낮은 트래픽(모바일 단말기)이라는 네 가지 더 높은 요구 사항이 있을 수 있습니다.

중급 및 고급 프런트엔드

1. 도구 학습: 대규모 프로젝트에서 프런트엔드 코드 구성은 더 이상 종속성 관리, 모듈 병합의 단순한 문제가 아닙니다. , 다양한 컴파일이 단계별로 누락되어 있으므로 grunt 및 gulp와 같은 프런트 엔드 구성 도구를 사용하는 방법도 배워야 합니다. 패키지 관리자 bower 및 npm, 코드 최적화 CSSLint, JSHint, JSLint, CSS 전처리기 less, sass, 코드 관리 및 버전 제어 svn, Git, 웹 프레임워크/서버 Node, Express, 코드 사양, HTML 모듈화, CSS 모듈화.

2. 부트스트랩과 같은 레이아웃 프레임워크를 알아보세요.

3. 새로운 기술인 HTML5를 배워보세요.

4. js 프레임워크, requireJS, AngularJS 등에 대해 배우고 프런트엔드 설계자에 더 가까이 다가가세요.

5.nodejs 학습.

채용 홈페이지에 가서 채용요건을 참고하세요. 예는 다음과 같습니다.

1. HTML과 CSS에 능숙하고 정적 페이지를 만들 수 있어야 합니다. W3C 표준을 준수하며,

2. JavaScript 프로그래밍에 능숙하고 객체 지향 프로그래밍 아이디어에 대해 깊이 이해하고 있습니다.

3. 주류 Javascript 라이브러리/프레임워크에 능숙합니다.

4. Javascript 성능 최적화에 대한 JavaScript 언어 기술 DOM 및 BOM 경험의 핵심을 이해하고 숙달합니다.

5. 브라우저 문제

6. MVC, AngularJs 및 기타 Framework와 실제 프로젝트 개발 경험을 이해합니다.

7. 서버 배경 기술을 이해하고 특정 C 프로그래밍 능력을 갖춘 지원자가 선호됩니다.

8. 인터랙티브 경험, 사용성, 사용자 경험에 대한 어느 정도의 이해도를 갖고 있으며, 책임감과 팀워크 능력이 뛰어나며, 더 큰 것을 견딜 수 있는 분입니다. 압력;

직접 검색하여 목표와 방향을 결정하세요. 위는 개인적인 경로이며 참고용입니다.