Làm cách nào để tạo bố cục tương tự cho tất cả các trang web

Question

Tôi hiện đang làm việc trên HTML Tôi muốn hỏi một câu hỏi về phát triển trang web.Tôi đang phát triển một trang web trong đó bố cục cơ bản vẫn giống như menu, menu phụ, v.v. changes.Currently tôi đã tạo tệp .html riêng cho tất cả các trang web. Bất kỳ ai có thể cho tôi biết có cách nào để tôi có thể tạo một tệp riêng biệt, v.v. cho tất cả và gọi nó trong tệp html của tôi. Tôi đã nghe nói về CSS nhưng nó sẽ chỉ thay đổi kiểu và bố cục. nhờ

Answer 1

đặt cược tốt nhất của bạn trong thời gian dài là sử dụng một ngôn ngữ phía máy chủ như ASP.net hay PHP

Answer 2

Tôi không tin đó là có thể, chặt chẽ thông qua HTML. Tuy nhiên, bạn có thể sử dụng kịch bản lệnh phía máy chủ như PHP để hoàn thành nó. Những gì bạn đang nói đến là một mẫu và được sử dụng khá thường xuyên. Những gì bạn muốn, là có các mục menu (và CSS) và mã đầu trang/chân trang của bạn trong các trang riêng biệt. Bằng cách này, nếu bạn thực hiện thay đổi cho menu hoặc đầu trang/chân trang, nó sẽ được phản ánh trong tất cả các trang (được viết bằng PHP), bạn đã viết kịch bản với phương thức mẫu.

Bạn sẽ cần menu.html, header.html và footer.html ở một nơi có thể truy cập được bằng mã trang chính của bạn. Tức là, bạn sẽ sử dụng phương thức mẫu để viết nội dung của các trang của bạn.

Một mã giả dụ trong PHP sẽ như thế nào như vậy:

<?php 
    include('header.html'); 
    include('menu.html'); 

    echo "Your main content items here"; 

    include('footer.html'); 
?> 

Answer 3

Đây là chủ đề rất lớn để đưa vào chỉ là một câu trả lời. SO tôi sẽ chỉ cho phần logic.

riêng mẫu của bạn thành nhiều khối như:

1. header.php 
2. leftSidebar.php 
4. rightsidebar.php 
5. footer.php 

Bây giờ, bao gồm các phần phổ biến trên tất cả các trang của bạn.

Ví dụ: index.php

<?php 

    include "header.php"; 
    include "leftSidebar.php"; 
    echo "<div>".$thedifferentpart."</div>"; //Change only this part on every other page you will create. 
    include "footer.php"; 

?> 

_{LƯU Ý: Đây chỉ là một phần hợp lý, áp dụng các khái niệm về mã của bạn}

Answer 4

Nếu HTTP của bạn (apache 2 và IIS làm) máy chủ hỗ trợ Server Side Includes thì bạn chỉ có thể bao gồm một tệp HTML khác:

<!--#include file="header.html"--> 

your content 

<!--#include file="footer.html"--> 

không cần cho một ngôn ngữ phía máy chủ sau đó - chỉ HTML đơn giản

Answer 5

Vâng, đặt cược tốt nhất của bạn là một máy chủ ngôn ngữ phụ, như Adam nói. Tuyệt đối tránh sử dụng các khung html kiểu cũ: chúng không được chấp nhận và gây ra một số vấn đề nhất định, cả về mặt lập trình và tối ưu hóa trên google.

Bằng cách sử dụng ngôn ngữ phía máy chủ, bạn sẽ vẫn có toàn bộ trang, nhưng chúng sẽ được tạo ra một phần bởi php (hoặc asp) bằng cách in nhiều tệp hơn thành một. Ví dụ:

http://www.php.net/manual/en/function.include.php

Tạm biệt!