Internet, Thiết kế Web

Khung - đây là những gì? Cấu trúc và tạo ra các khung

Khung - một khu vực của trang web (cửa sổ), trong đó chúng ta thấy một trang web khác. Webmaster đang sử dụng cơ hội này để hiển thị trang chủ của bạn bè hoặc đối tác của họ. Cùng một phương pháp được sử dụng để hiển thị trong hộp cửa sổ tìm kiếm và một số kết quả của nó, và vân vân. D.

Nhưng hầu hết các khung hình được sử dụng trong việc tạo ra các cổng web lớn, nơi mà một số lượng đáng kể của các menu và các menu con. Như vậy thường nói: "Trang web trong khung." Để tạo một nguồn tài nguyên như vậy đòi hỏi một kiến thức tốt về HTML-ngôn ngữ.

Tạo khung hình trong xây dựng trang web

Trong một số trang web builder cung cấp tự động tạo ra một mã số như vậy. Thông thường, việc bổ sung các khung quan trọng là trong menu chính chương trình. Trước tiên, bạn phải đặt con trỏ vào đúng nơi trên trang web, sau đó nhấn nút để mở cửa sổ (như trong ảnh chụp màn hình). Có thể xác định địa chỉ của trang đó sẽ mở ra trong khung hình, và điều chỉnh kích thước: chiều rộng và chiều cao.

Nhưng hầu hết các khung hình được sử dụng trong việc tạo ra các cổng web lớn, nơi mà một số lượng đáng kể của các menu và các menu con. Như vậy thường nói: "Trang web trong khung." Để tạo một nguồn tài nguyên như vậy đòi hỏi một kiến thức tốt về HTML-ngôn ngữ.

Với điều này "dịch vụ" là có thể tạo ra nhiều khung trên một trang, chỉ các yếu tố liên quan với nhau, do đó bạn không nhận được.

Khung trong CMS

Nhiều chương trình để tạo các trang web có khả năng lắp đặt các module. Ví dụ, cho Joomla khung - module này "wrapper (Wrapper)".

Nó có thể được tìm thấy và thiết lập trong bảng điều khiển CMS Joomla: "Extensions" - "Module Manager" - "New" (nút màu cam tròn với một dấu cộng bên trong). Trong cửa sổ pop-up, trong danh sách, bạn sẽ thấy một mô-đun của "wrapper".

Nếu nó không phải là, sau đó nó không được bao gồm. Để sử dụng nó, trước tiên bạn cần phải kích hoạt nó ở đây: tab "Extensions", các "Extension Manager", sau đó "Quản lý" tab. Và nhìn vào danh sách hiện ra, bạn có thể nhanh chóng tìm kiếm trong "Bộ lọc" để nhập từ: Wrapper. Đối diện module này nên biểu tượng dấu kiểm màu xanh bên trong. Một vòng tròn màu đỏ với một dấu chấm bên trong có nghĩa là các plugin bị vô hiệu hóa.

Sau khi thủ tục này, bạn có thể trở lại "Module Manager", tạo ra một khung và thiết lập các thông số của nó.

Như có thể thấy trong hình, các mô-đun cho phép bạn thiết lập: tiêu đề của khung hình, vị trí module, chọn trang của trang web mà trên đó nó được hiển thị. Bạn cũng có thể điều chỉnh độ rộng, chiều cao; thêm một khung và liên kết thực tế trên một trang web. Nếu khung bạn muốn hiển thị trang chính của một trang web đầy đủ chiều rộng, 100%, mặc định, sẽ không đủ. Bạn có thể an toàn đặt đúng 400%. Một chiều cao của 200 thường là đủ để hiển thị menu trên cùng của trang. Phần còn lại của nội dung sẽ hiển thị nếu người dùng (người truy cập) sử dụng thanh cuộn.

Dưới đây là một ví dụ về những gì một khung trong Jumla.

Joomla Module để tạo khung là rất thuận tiện và dễ sử dụng. Tuy nhiên, phạm vi của nó bị hạn chế, cũng như các tính năng được thiết kế riêng.

Lịch sử và thực tế

Trong thực tiễn của việc tạo ra các trang web của các khung mà thẻ (ứng dụng của mình) từ lâu đã được chuyển xuống nền. Họ đã có thể thay thế mô-đun, trong thiết lập một chương trình thiết kế mà tạo ra mã cho một trang web mà không cần saytostroitelya. Tuy nhiên, trong một số trường hợp này là không đủ. Ví dụ, khi khung - là một cấu trúc phức tạp tích hợp trong những lĩnh vực sẽ được hiển thị trong trình duyệt. Vì vậy, xem các chủ sở hữu trang web có cấu trúc phức tạp. Tại tạo của nó chỉ là trong trường hợp nghiêm trọng bởi vì trang web freymovskie tạo độc quyền với các thẻ chuyên dụng.

các trang web có cấu trúc phức tạp

Đối với họ, việc tạo ra một số khung hình liên quan đến nhau là một giải pháp tối ưu tổ chức nội dung trên tài nguyên. Điều này thường là các cổng lớn, sắc màu rực rỡ với mạnh hơn mỗi năm.

Làm thế nào để đạt được kết quả tương tự? Làm thế nào để tạo ra một cấu trúc khung?

Làm thế nào để nhập vào khung trong mã trang

Khung được thêm vào HTML sử dụng thẻ:

  • khung (đối với một cửa sổ riêng biệt)
  • frameset (toàn bộ cấu trúc được tạo ra với nó);
  • iframe ( "nổi" khung hình);
  • noframes (trong trường hợp của khung không hiển thị trong trình duyệt của người dùng).

Thẻ quy định đầu tiên luôn phù hợp trong một cặp và . Và nó sẽ thay thế thẻ và . Và với các thuộc tính thích hợp, bạn có thể điều chỉnh các đặc điểm của từng hạng mục: tên (name =), kích thước (cols = và rows =), sự hiện diện của khung (biên giới), hình thức thanh cuộn và, tất nhiên, một liên kết đến một trang web để hiển thị.

đăng ký biến

Toàn bộ trang trang web có thể được chia thành các vùng. Ví dụ, như thế này:

trái

khung đầu

đúng

một cấu trúc như vậy (nó được gọi là lồng nhau) có thể thu được bằng cách viết một thẻ bên trong thuộc tính cols, cho thấy vị trí của khung ngang, và các hàng - theo chiều dọc. Nên đặt một dấu bằng và kích cỡ quy định. Ví dụ, 60%, 40% - tỷ lệ phần trăm (một cửa sổ chiếm 60% của trình duyệt một không gian khác, tương ứng, 40%). Hoặc 100, 200 - tỷ lệ giữa kích thước bằng pixel. Các kích thước của một trong những khung hình, nó có thể không đặt (thiết lập mặc định). Để làm điều này trước hoặc sau dấu thập phân bạn cần phải xác định nhân vật *.

Bên trong cặp frameset này đăng ký mỗi frame với các thông số: src = http: // site / bài viết / 143.778 /% 2C trích dẫn sau đây tham khảo được thực hiện cho một trang web và một tên title = (ví dụ, khung 1).

Làm tổ từng khu vực mới được chỉ định một khung mới.

mã ví dụ:

Chú ý trong ví dụ này, đối với các khung kích thước thứ hai và thứ ba được quy định chỉ một lần.

Rất nhiều chảo cho phép chạy khung. Ví dụ về các vị trí của họ trong cửa sổ trình duyệt có thể được đưa vô hạn (thay đổi một cách thích hợp các code). Tuy nhiên, việc áp dụng thực tế của thông tin này không được tìm thấy trong một thời gian dài. Khung, nếu được sử dụng ngày hôm nay để tạo ra các trang web, nhưng chỉ dưới dạng các module trong CMS miễn phí hoặc một iframe.

khung nổi

Tôi tự hỏi tại sao nó có tên của nó, ở đây từ thích hợp hơn "built-in". Khung này được thiết kế để hiển thị nội dung của một tập tin. Bạn tải lên cơ sở dữ liệu bất kỳ tài liệu hoặc tập tin sử dụng các thẻ ayfreyma thiết lập đường dẫn đến nó - và du khách sẽ thấy một tập tin văn bản (video hoặc hình ảnh). Thật không may, trình duyệt không luôn luôn phản ánh các nội dung. nhà xây dựng web này được nhập từ khai mạc và bế mạc cụm từ: "Trình duyệt của bạn không hiển thị nội dung."

Ví dụ, Seopult.ru - dịch vụ được biết đến từ những bậc thầy để thăng tiến. Không chỉ trang web chính của nó, và I.seopult.pro gương tạo ra cho khách hàng một portal. ayfreyma code được thành lập như:

  • Hướng dẫn . Nơi
  • thẻ được thiết kế để xác định mục danh sách. Được hỗ trợ bởi tất cả các trình duyệt.

    Trên gương bạn có thể thấy từ "Hướng dẫn" trang đó dưới dạng một nút. Khi bạn click vào nó ở trung tâm của cửa sổ trình duyệt sẽ mở ra trình bày.

    Tất cả các trang web lớn để xem phim và chương trình truyền hình được tạo bằng ayfreymov (ví dụ, "Imhonet"), cũng như các mạng xã hội. Ngay cả trang chủ của "Yandex" chứa thẻ này, và không phải là một cặp.

    Làm thế nào để đăng ký iframe

    Tải vào website của bạn dưới dạng một cửa sổ tài liệu với một thanh cuộn có thể ở bất cứ nơi nào. Thông thường sẽ gắn vào xử lý trong cơ thể. Ngoài tiêu chuẩn

    và , như trong ví dụ trên có thể được sử dụng và một danh sách từ khóa -

  • .

    Trong ayfreym thuộc tính thêm vào:

    • chiều rộng (width) và chiều cao (height =);
    • việc sắp xếp các class cạnh;
    • đệm, mà không thể kê toa: giá trị mặc định là 6 - đây là khá đủ;
    • sử dụng allowtransparency lĩnh vực khung trong suốt, bạn có thể xác định rằng bạn sẽ nhìn thấy nền trang;
    • cộng với quen thuộc scr, tên, di chuyển, biên giới.

    Navigation sử dụng ayfreyma

    Thú vị nhất là khả năng trong lĩnh vực khung - đây là viết mã cho phép để mở nội dung trong cửa sổ vào liên kết - những gì đã làm những người sáng tạo Seopult gương, chỉ với một số tài liệu tham khảo (cả hai có sẵn cho người dùng trên cùng một trang).

    Đối với ayfreym chụp này, nó bổ sung đăng ký tên sau name =. Ví dụ, zagolovok. Hơn nữa, trước mặt anh trong thẻ và tài liệu tham khảo theo quy định của a href = http: // site / bài viết / 143.778 /% D1% cho thấy sự bắt buộc 81 sau khi họ thuộc tính target = zagolovok. Trước khi có thể sử dụng một thẻ đóng, chỉ ra dòng chữ, mà sẽ đóng vai trò là nút tham khảo. Thẻ "và" khai mạc và bế mạc là trong thẻ p.

    bạn có thể gán những vài dòng mã để cuối cùng có được trực tuyến liên tiếp một vài nút, liên kết, nhấp vào cửa sổ bên dưới sẽ hiển thị nội dung khác nhau.

    Mã này sẽ trông như thế này:

    quảng cáo bài viết miễn phí

    Xem quảng cáo