Hướng dẫn xem file mà không cần giải nén trên Linux
Bài viết này sẽ hướng dẫn các bạn cách xem tập tin bị nén mà không cần giải nén trong hệ điều hành Linux.
26/07/2024
Đang Tải...
Trong quá trình tìm hiểu về thiết kế website, chắc chắn bạn sẽ nghe đến Bootstrap. Vậy nó là gì? Liệu Bootstrap còn sử dụng được không? Lý do nên sử dụng framework này là gì? Cùng Tothost tìm hiểu nhé!
Mục lục
Mục lục
Bootstrap là một Framework với 3 thành phần HTML, CSS và JavaScript được sử dụng để phát triển website chuẩn responsive.
Framework Bootstrap là một bộ sưu tập miễn phí của các mã nguồn mở và công cụ dùng để tạo ra một mẫu webiste hoàn chỉnh. Nó sẽ quy định sẵn kích thước, màu sắc, độ cao, độ rộng… người dùng có thể dễ dàng thao tác tạo ra các website theo mong muốn.
Đọc thêm: Framework là gì? Cách lựa chọn Framework phù hợp cho dự án của bạn
Lịch sử phát triển
Mark Otto và Jacob Thorton (hai kỹ sư của Twitter – hiện giờ là X) là những người đã phát triển Bootstrap Framework. Lịch sử phát triển của framework phổ biến này thông qua một số cột mốc sau:
Hiện tại, Bootstrap đã phát triển đến phiên bản 5 sau gần 10 năm phát triển. Nó vẫn duy trì vị trí dẫn đầu trong lĩnh vực thiết kế web với số lượng người dùng và sự quan tâm rất lớn.
Để hiểu rõ hơn về framework này, tiếp tục chúng ta sẽ đến với 3 file chính:
a. Bootstrap.CSS
Bootstrap CSS là một framework CSS hữu ích được dùng để quản lý và sắp xếp bố cục của trang web bạn đang thiết kế. Trong quá trình phát triển trang web, HTML chịu trách nhiệm quản lý cấu trúc và nội dung, trong khi CSS đảm nhiệm công việc tạo ra bố cục hấp dẫn. Vì vậy, Bootstrap tổng hợp cả hai khía cạnh này, tạo điều kiện thuận lợi cho người thiết kế web.
Sử dụng Bootstrap CSS, bạn không cần mất thời gian và công sức chỉnh sửa thủ công cho các yếu tố bố cục nhỏ. Thay vào đó, chỉ vơi vài thao tác đơn giản, bạn có thể tạo ra giao diện thống nhất cho nhiều trang web khác nhau. Bootstrap không giới hạn ở đó. Đặc biệt, nó cung cấp sẵn các kiểu dạng cho bảng biểu, cấu trúc hình ảnh, và kiểu văn bản. Điều này loại bỏ nhu cầu phải chờ đợi để tạo và khai báo các lựa chọn CSS một cách riêng lẻ.
b. Bootstrap.JS
Trong Bootstrap, nếu Bootstrap CSS đảm nhiệm việc quản lý bố cục của trang web, thì Bootstrap JS lại có nhiệm vụ quản lý các tệp JavaScript. Đây chính là phần quan trọng nhất, đóng vai trò lõi của Bootstrap và xử lý tương tác của trang web.
Để giúp người dùng dễ dàng thiết kế và tiết kiệm thời gian hơn, các nhà phát triển Bootstrap đã tích hợp jQuery, một thư viện mã nguồn mở chứa nhiều tính năng JavaScript tiện lợi. jQuery giúp người dùng:
c. Glyphicons
Trong thiết kế giao diện trang web, biểu tượng (Icons) đóng vai trò không thể thiếu. Chúng thường liên quan đến dữ liệu cụ thể và các hành động trên giao diện người dùng.
Bootstrap sử dụng bộ biểu tượng Glyphicons để đáp ứng nhu cầu này và cung cấp bộ Halflings Glyphicons miễn phí cho bạn sử dụng. Phiên bản miễn phí này có các biểu tượng cơ bản, nhưng vẫn đủ để đáp ứng các nhu cầu cơ bản.
Nếu bạn muốn sử dụng các biểu tượng có phong cách đặc biệt hơn, có thể xem xét việc mua các bộ biểu tượng Premium khác nhau. Chắc chắn rằng sử dụng các biểu tượng từ Glyphicons sẽ làm cho trang web của bạn trở nên hấp dẫn và nổi bật hơn.
Như đã đề cập ở trên, 3 file chính được nén lại giúp người dùng dễ dàng tải, sử dụng và lưu trữ. Công cụ này được thiết kế dưới dạng Module nên có thể dễ dàng tích hợp với nhiều loại mã nguồn quen thuộc như WordPress, Joomla, Drupal, Magento,… Ngoài ra, Bootstrap cũng có nhiều tính năng nổi bật khác như:
Khi tìm hiểu về thiết kế website nói chung hoặc Bootstrap nói riêng, chắc chắn bạn sẽ có câu hỏi rằng “Có nên sử dụng Bootstrap?”. Và để trả lời cho câu hỏi này, Tothost sẽ nêu ra cho bạn thấy những lý do nên sử dụng Bootstrap.
Nhờ những ưu điểm vượt trội, Bootstrap là Framework mà bạn không thể bỏ qua. Sau đây sẽ là hướng dẫn cách cài đặt và nhúng nó vào HTML về web hosting.
Bạn có thể lựa chọn tải về theo 1 trong 2 cách sau đây:
Tải trực tiếp qua trang chủ: https://getbootstrap.com/.
Sau khi tải về bạn sẽ thấy 2 file JS và CSS – đó là 2 trong 3 file chính. Sau đó bạn cần giải nén và cài đặt vào web hosting qua giao thức FTP. FTP giúp người dùng có thể trao đổi dữ liệu từ máy tính qua web hosting giúp quá trình làm việc đơn giản và thuận tiện hơn.
Nhúng qua liên kết của Bootstrap:
Liên kết của Bootstrap sẽ cung cấp các đường link có sẵn, bạn chỉ cần dùng các đường link này để nhúng trực tiếp vào website đang thiết kế.
Lưu ý, cách làm này có thể sẽ khiến site chậm hơn do phải kết nối với các website khác.
Nhúng bằng cách tự Host: Bạn có thể tự host bằng tệp tin index.html:
<!DOCTYPE html> <html lang="vi"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Chào mừng bạn đến với website tothost.vn</title> <link rel="stylesheet" href="css/bootstrap.min.css"/> <link rel="stylesheet" href="css/style.css"/> </head> <body> <h1>Chào mừng bạn đến với website Tothost </h1> </body> </html> |
Bootstrap là một framework phổ biến và tối ưu cho phát triển trang web, mặc dù đã phát triển từ lâu nhưng nó vẫn được ưa chuộng. Hy vọng bài viết này đã đem lại cho bạn những kiến thức quan trọng về Bootstrap và sau đó bạn có thể làm theo hướng dẫn và sử dụng framework này.
TAG: website