Cách tạo bản trình bày HTML với các trang web

Trong một thế giới nơi hiển thị ý tưởng của chúng tôi trên internet ngày càng trở nên cần thiết và ở đó sự đa dạng của các công cụ đã khiến chúng tôi tạo ra các bản trình bày tuyệt vời, mà trong nhiều trường hợp, kết quả là không tương thích với một số phương tiện, không nghi ngờ gì nữa, Bản trình bày HTML chúng sẽ tiếp tục là sự thay thế phổ biến trong lĩnh vực này.

Nhưng không có gì bí mật đối với bất kỳ ai rằng việc tạo các bản trình bày HTML đẹp có thể mất nhiều thời gian và đòi hỏi kiến ​​thức nâng cao về HTML, CSS và trong một số trường hợp là JavaScript. Từ những vấn đề này, một công cụ tuyệt vời xuất hiện được gọi là các trang web.

Webslides là gì?

Nó được gọi bằng cách nào đó là một "khuôn khổ" nguồn mở, được tạo ra bởi Jose Luis Antunez, điều đó cho phép chúng tôi tạo bản trình bày HTML nhanh chóng và dễ dàng. Công cụ này có các yếu tố cần thiết để bạn tạo bản trình bày của riêng mình, tương tự như vậy, bạn có thể lấy một trong các bản trình bày demo và tùy chỉnh nó theo ý thích của bạn trong vài phút.

Các bài thuyết trình HTML mà tôi đã thực hiện bằng công cụ này sẽ có tính thẩm mỹ ấn tượng. Điều đáng chú ý là công cụ này yêu cầu kiến ​​thức rất cơ bản về HTML và CSS, vì vậy nó lý tưởng cho mọi đối tượng người dùng, những người chỉ nên tập trung vào nội dung và rất ít về cách họ chuẩn bị bản trình bày.

Làm thế nào để tải xuống các trang web?

Để tải xuống các trang web, chỉ cần thực hiện lệnh sau từ thư mục yêu thích của bạn:

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

Bạn cũng có thể sao chép kho lưu trữ chính thức với

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

Bên trong thư mục dự án, bạn sẽ nhận được js, css và demo cần thiết để bắt đầu tạo bản trình bày HTML của riêng bạn một cách dễ dàng.

Làm thế nào để sử dụng các trang web?

Ưu điểm lớn nhất của webslides là dễ sử dụng, công cụ này thực sự giúp bạn dễ dàng tạo các bài thuyết trình với nhiều mục tiêu khác nhau và chuỗi demo của nó giúp tăng tốc quá trình tạo bài thuyết trình lên rất cao%.

Chúng ta nhận được gì khi tải xuống các trang web?

Khi tải xuống các trang web, chúng tôi truy cập vào các thư mục khác nhau, bao gồm các bản trình diễn và hình ảnh (thiết bị và biểu trưng).

• Thư mục css sẽ lưu trữ các kiểu bản trình bày của chúng tôi
• Các javascripts cần thiết sẽ được lưu trữ trong thư mục js, bao gồm webslide.js cơ bản, nơi mà hầu hết các phép thuật được thực hiện.
• Hình ảnh và tệp html của bản trình diễn sẽ được lưu trong thư mục hình ảnh và thư mục trình diễn tương ứng.

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

Tạo bản trình bày HTML với các trang web

Có 2 ưu điểm cơ bản khi sử dụng webslide mà chúng tôi đề cập dưới đây:

• Mã sạch và có thể mở rộng. Nó cũng bao gồm đánh dấu trực quan với việc sử dụng các danh pháp phổ biến nhất. Không cần sử dụng các lớp hoặc lạm dụng lồng ghép.
• Môi <section> trong #webslides, nó đại diện cho một trang trình bày. Vì vậy việc phân trang cực kỳ đơn giản.

Trang trình bày 1  Trang trình bày 1

Theo cách tương tự, chúng ta có thể tạo các trang trình bày dọc, thêm một kiểu dọc

Các lớp tạo nên CSS trang web

• Kiểu chữ: .text-landing, .text-data, .text-intro ...
• Màu nền: .bg-primary, .bg-apple, .bg-blue ...
• Hình nền: .background, .background-center-bottom ...
• Các thẻ: .card-50, .card-40 ...
• Các khối linh hoạt: .flexblock.clients, .flexblock.metrics ...

Mở rộng sang các trang web

webslides cho phép chúng tôi thêm các kiểu và chức năng mới, ví dụ: chúng tôi có thể thêm một số tài nguyên sau:

• Unsplash
• animate.css
• hạt.js
• pt

Các bản demo trình bày HTML được tạo bằng các trang web

Bạn có thể xem một loạt các bản trình diễn các bản trình bày HTML được tạo bằng các trang web đây. Tương tự như vậy, khi bạn tải xuống khuôn khổ, bạn có thể truy cập mã hóa của từng bản trình diễn này.

Đây là một công cụ cho phép chúng ta tạo các bài thuyết trình HTML một cách nhanh chóng và có độ hoàn thiện tuyệt vời, nhưng nó cũng sẽ giúp chúng ta tập trung vào nội dung và đạt được kết quả mà chúng ta không tưởng tượng trước đây.