웹 슬라이드로 HTML 프레젠테이션을 만드는 방법

세상에서 인터넷에 우리의 아이디어를 보여 점점 더 필요 해지고 도구의 다양성으로 인해 놀라운 프레젠테이션을 만들 수있게되었습니다. 많은 경우 의심 할 여지없이 일부 미디어와 호환되지 않는 HTML 프리젠 테이션 그들은이 분야에서 계속해서 보편적 인 대안이 될 것입니다.

그러나 멋진 HTML 프리젠 테이션을 만드는 데 시간이 오래 걸리고 HTML, CSS 및 경우에 따라 JavaScript에 대한 고급 지식이 필요할 수 있다는 것은 누구에게도 비밀이 아닙니다. 이러한 문제에서 훌륭한 도구가 나타납니다. 웹 슬라이드.

웹 슬라이드 란 무엇입니까?

그것은 어떻게 든 오픈 소스 "프레임 워크"라고 부르는 것입니다. 호세 루이스 안투 네즈,이를 통해 HTML 프리젠 테이션 만들기 빠르고 쉽게. 이 도구에는 자신 만의 프레젠테이션을 만드는 데 필요한 필수 요소가 있습니다. 마찬가지로 데모 프레젠테이션 중 하나를 가져와 몇 분만에 원하는대로 사용자 지정할 수 있습니다.

이 도구로 만든 HTML 프레젠테이션은 인상적인 미학을 가질 것입니다. 이 도구는 HTML 및 CSS에 대한 매우 기본적인 지식이 필요하므로 콘텐츠에만 집중하고 프레젠테이션을 준비하는 방법에 거의 집중하지 않는 모든 유형의 사용자에게 이상적입니다.

웹 슬라이드를 다운로드하는 방법은 무엇입니까?

웹 슬라이드를 다운로드하려면 즐겨 찾는 디렉토리에서 다음 명령을 실행하십시오.

wget https://github.com/jlantunez/webslides/archive/master.zip

다음을 사용하여 공식 저장소를 복제 할 수도 있습니다.

git clone https://github.com/jlantunez/webslides.git

프로젝트 폴더 안에는 HTML 프리젠 테이션을 쉽게 만들 수있는 데 필요한 js, css 및 데모가 있습니다.

웹 슬라이드를 사용하는 방법?

웹 슬라이드의 가장 큰 장점은 사용의 용이성입니다.이 도구를 사용하면 다양한 목표를 가진 프레젠테이션을 쉽게 만들 수 있으며 데모 시리즈는 프레젠테이션 생성 프로세스를 매우 빠르게 만들 수 있습니다.

웹 슬라이드를 다운로드하면 무엇을 얻을 수 있습니까?

웹 슬라이드를 다운로드 할 때 데모 및 이미지 (장치 및 로고)를 포함하는 다양한 폴더에 액세스합니다.

• css 폴더에는 프레젠테이션 스타일이 저장됩니다.
• js 폴더에는 대부분의 마법이 수행되는 기본 webslide.js를 포함하여 필요한 자바 스크립트가 저장됩니다.
• 데모의 이미지 및 html 파일은 각각 이미지 및 데모 폴더에 저장됩니다.

webslides/
├── index.html
├── css/
│   ├── base.css
│   └── colors.css
│   └── svg-icons.css (optional)
├── js/
│   ├── webslides.js
│   └── svg-icons.js (optional)
└── demos/
└── images/

웹 슬라이드로 HTML 프리젠 테이션 만들기

웹 슬라이드를 사용할 때 다음과 같은 두 가지 기본 이점이 있습니다.

• 코드는 깨끗하고 확장 가능합니다. 또한 가장 인기있는 명명법을 사용한 직관적 인 마크 업도 포함되어 있습니다. 클래스를 사용하거나 중첩을 남용 할 필요가 없습니다.
• 각각의 <section> #webslides에서는 슬라이드를 나타냅니다. 따라서 페이지 매김은 매우 간단합니다.

슬라이드 1  슬라이드 1

같은 방법으로 세로 슬라이드를 만들고 세로 스타일을 추가 할 수 있습니다.

웹 사이드 CSS를 구성하는 클래스

• 타이포그래피 : .text-landing, .text-data, .text-intro ...
• 배경색 : .bg-primary, .bg-apple, .bg-blue ...
• 배경 이미지 : .background, .background-center-bottom…
• 카드 : .card-50, .card-40 ...
• 유연한 블록 : .flexblock.clients, .flexblock.metrics ...

웹 슬라이드로 확장

웹 슬라이드를 사용하면 새로운 스타일과 기능을 추가 할 수 있습니다. 예를 들어 다음 리소스 중 일부를 추가 할 수 있습니다.

• Unsplash
• animate.css
• particle.js
• pt

웹 슬라이드로 만든 HTML 프레젠테이션 데모

웹 슬라이드로 만든 HTML 프레젠테이션의 일련의 데모를 볼 수 있습니다. 여기에. 마찬가지로 프레임 워크를 다운로드하면 이러한 각 데모의 코딩에 액세스 할 수 있습니다.

이것은 우리가 HTML 프리젠 테이션을 신속하고 훌륭하게 완성 할 수있게 해주는 도구이지만, 컨텐츠에 집중하고 이전에는 상상하지 못했던 결과를 얻는데도 도움이 될 것입니다.