Cách Tạo Mẫu Cho Trang Web

Mục lục:

Cách Tạo Mẫu Cho Trang Web
Cách Tạo Mẫu Cho Trang Web

Video: Cách Tạo Mẫu Cho Trang Web

Video: Cách Tạo Mẫu Cho Trang Web
Video: Cách để tạo một trang web từ A tới Z - Chỉ với 4 bước đơn giản 2024, Tháng tư
Anonim

Nếu bạn đang lập kế hoạch cho một trang web bao gồm nhiều trang, điều cực kỳ quan trọng là phải biết cách tạo một mẫu trang web. Nó sẽ đơn giản hóa cuộc sống của cả người thiết kế bố cục và người lập trình.

Cách tạo mẫu cho trang web
Cách tạo mẫu cho trang web

Mẫu trang web là gì?

Bất kỳ trang web nào cũng bao gồm nhiều trang, mỗi trang chứa các yếu tố giống nhau: thông tin dịch vụ, menu, thiết kế giống hệt nhau, v.v. Nếu bạn đặt cho mình mục tiêu thay đổi một phần tử tương tự trên toàn bộ trang web - chẳng hạn như thêm một mục mới vào menu - thì bạn sẽ phải thực hiện hành động này trên mỗi trang. Nếu có 10 người trong số họ trên trang web, thì nhiệm vụ không quá khó. Nếu 100 hoặc nhiều hơn thì sao?

Mẫu là một loại bố cục thực hiện logic hiển thị vật liệu. Trong đó, bạn có thể đặt vị trí hiển thị của menu, tiêu đề trang, nội dung chính, v.v. Chính nội dung của các phần tử được viết trong mẫu được đặt trong tập lệnh hoặc thông qua chức năng được cung cấp bởi hệ thống quản lý nội dung.

Bạn có thể tưởng tượng một vài tài liệu như một mẫu. Một tệp chứa đánh dấu. Đây là chính bố cục, nơi chỉ ra vị trí cụ thể của nội dung này hoặc nội dung đó. Tệp thứ hai chịu trách nhiệm về những gì chính xác sẽ được hiển thị. Nhiệm vụ của tài liệu thứ hai là phân tích tệp bố cục và thay thế các giá trị thực của các biến.

Hai tài liệu này không thể tách rời, vì nếu không thì chúng không thú vị lắm: nếu bạn chạy tệp mẫu, nó sẽ không hiển thị bất kỳ thông tin hữu ích nào. Điều tương tự sẽ xảy ra nếu bạn chạy tập lệnh xử lý mà không có chính bố cục.

Làm thế nào để tạo một mẫu trang web?

Việc tạo bố cục trang của trang web được rút gọn thành việc tạo một tài liệu html đơn giản, chứa logic để hiển thị các phần tử của trang. Đồng thời, bạn cần tạo một tệp điều khiển việc hiển thị mẫu. Tệp này sẽ chứa các giá trị thực của các biến.

Công việc này khá tốn thời gian nên bạn có thể sử dụng công cụ tạo mẫu sẵn. Smarty và Twig là những ví dụ. Trong trường hợp này, chỉ cần tải xuống bộ phân phối công cụ mẫu, và theo hướng dẫn, hãy cài đặt nó trên máy chủ. Trong trường hợp này, bạn không cần phải tạo một tệp chịu trách nhiệm hiển thị các biến thực, vì nó đã được tạo - đây là bản phân phối, tức là một tập hợp các tệp. Bạn chỉ cần tạo bố cục trang.

Cần lưu ý rằng các công cụ mẫu hiện đại khá linh hoạt. Bạn có thể nói về một ngôn ngữ lập trình riêng cho các mẫu, vì trong bố cục, bạn có thể nhập hiển thị theo điều kiện, trong một vòng lặp, v.v.

Phần kết luận

Tạo mẫu là một cách rất tốt để tách logic hiển thị khỏi logic ứng dụng. Điều này giúp người thiết kế bố cục dễ dàng hơn và đơn giản hóa công việc của người lập trình.

Đề xuất: