因特網網頁設計

框架 - 這是什麼? 結構和框架的創建

框架 - 網站(窗口),其中我們看到了另一個網頁的區域。 網站管理員使用這個機會來展示他們的朋友或同事的主頁。 相同的方法用於在窗口搜索框和其許多的結果顯示,等等。D.

但大多是在創建大型門戶網站,使用的框架,其中有相當數量的菜單和子菜單。 這樣通常會說:“網站框架。” 要創建這樣一個資源需要的HTML語言有很好的了解。

創建網站建設者幀

在一些網站建設者提供自動生成這樣的代碼。 典型地,除了關鍵幀是在主程序菜單。 首先,你必須將光標放在頁面上的正確的位置,然後點擊按鈕,在打開的窗口(如截圖所示)。 能夠指定將在幀中打開頁的地址,並調整尺寸:寬度和高度。

但大多是在創建大型門戶網站,使用的框架,其中有相當數量的菜單和子菜單。 這樣通常會說:“網站框架。” 要創建這樣一個資源需要的HTML語言有很好的了解。

有了這個“服務”是可以在頁面上創建多個幀,只有相互關聯的元素,因此你沒有得到。

在CMS框架

創建模塊安裝的網站可能許多程序。 例如,為Joomla幀 - 該模塊“包裝(包裝)”。

可以發現,並在CMS的Joomla的控制面板設置:“擴展” - “模塊管理” - “新建”(內帶加號的橙色圓形按鈕)。 在 彈出的窗口中, 在列表中,你會看到“包裝”的模塊。

如果不是,那麼它是不包括在內。 要使用它,你首先需要在這裡啟用它:標籤“擴展”,在“擴展管理器”,然後選擇“管理”選項卡。 而綜觀出現的列表中,您可以快速搜索中的“過濾器”輸入單詞:包裝。 對面這個模塊應該是綠色的對勾圖標中。 紅圈,並帶有一個點的內部意味著該插件將被禁用。

這個程序後,可以返回到“模塊管理器”,創建一個框架,並設置其參數。

如可以在圖片中可以看出,該模塊允許您設置:框架的標題,模塊位置,選擇在其上顯示的網站的網頁。 您還可以調節寬度,高度; 添加框架和網頁上的實際的鏈接。 如果幀要顯示一個站點全寬,100%,默認的主頁,是不夠的。 您可以放心地把正確的400%。 200的高度通常足以顯示在頁面的頂部菜單。 內容的其餘部分將是可見的,如果用戶(訪問者)使用滾動條。

這裡是久姆拉什麼框架的一個例子。

創建框架的Joomla模塊是非常方便和易於使用。 然而,它的範圍是有限的,以及設計特點。

歷史和現實

在創建幀該標籤(他的應用程序)的網站的做法早已退居幕後。 他們能夠替代模塊,設置對於網頁生成的代碼,而不saytostroitelya設計方案。 然而,在某些情況下,這是不夠的。 例如,當幀 - 將被顯示在瀏覽器的區域的一個集成的複雜結構。 所以,看到業主複雜的結構性網站。 在它的創作只在極端的情況下,因為freymovskie網站設有專門的標籤專門創建的。

複雜的結構性網站

對於他們來說,幾個相互幀的創建是一個最佳的解決方案組織的資源內容。 這通常是各大門戶網站,每年有較強的蔓延。

如何達到同樣的效果? 如何創建一個框架結構?

如何進入頁面的代碼框架

幀添加使用標籤成HTML格式:

  • 幀(為一個單獨的窗口)
  • 框架(整體結構與它創建);
  • iframe中(“浮動的”框架);
  • 無框架(在用戶的瀏覽器和非顯示幀的情況下)。

所述第一指定的標記始終配合在一對和。 和它所取代的和。 並用適當的屬性,你可以調整每個項目的特點:姓名(名稱=),大小(的cols =和行=),框架(境)的情況下,滾動條的形式,當然,到Web頁面的鏈接顯示。

變化登記

整個網站頁面可以被劃分成多個區域。 例如,像這樣:

頂部框架

這樣的結構(它被稱為嵌套的)可以通過寫入一個標記內cols屬性,指示水平幀的位置,和行來獲得 - 垂直。 應該把一個等號和規定的尺寸。 例如,60%,40% - 的百分比(一個窗口取分別的空間瀏覽器的另一個的60%,40%)。 或100,200 - 以像素為單位的尺寸之比。 幀中的一個的尺寸,也可以不設置(默認設置)。 之前做到這一點或小數點後需要指定的字符*。

這裡面一對框架寄存器與參數的每個幀:SRC = HTTP://站點/條/ 143778 /%2C引用以下參考了一個網頁和標題名=(例如,幀1)。

嵌套每個新的區域被指定一個新的框架。

示例代碼:

在這個例子中注意到,對於第二和第三幀的尺寸被規定只有一次。

很多盤的允許運行框架。 在瀏覽器窗口及其位置的實施例可以無限帶來(適當地改變代碼)。 然而,該信息的實際應用中沒有找到很長一段時間。 幀,如果今天來創建網站,但只有在自由CMS或IFRAME模塊的形式。

浮動框架

我不知道為什麼它得名,這裡的字是比較合適的“內置”。 該框架被設計為顯示一個文件的內容。 您上傳到數據庫中的任何文檔或文件使用標籤ayfreyma路徑設置為它 - 和遊客將看到一個文本文件(視頻或圖片)。 不幸的是,瀏覽器並不總是反映的內容。 該網站建設者是在開啟和關閉之間的短語輸入:“你的瀏覽器不顯示內容。”

例如,Seopult.ru - 從大師已知的服務來推進。 不僅它的主要網站,門戶客戶創造I.seopult.pro鏡。 ayfreyma碼被確定為:

  • 說明 。 其中,
  • 標籤的目的是確定列表項。 瀏覽器支持。

    在鏡子中,你可以看到一個按鈕的形式本身單詞“說明”頁面。 當你在瀏覽器窗口的中心,點擊它會打開演示文稿。

    所有觀看電影和電視節目在各大網站正在使用ayfreymov創建(例如,“Imhonet”),以及社交網絡。 即使是“Yandex的”主頁包含此標記,而不是一對。

    如何註冊IFRAME

    下載到您的網站在滾動條的文檔窗口的形式可以是在任何地方。 一般的標籤設置在主體內。 除了標準的

    ,如圖上面的例子中,可以使用與標籤列表 -

  • 在ayfreym添加的屬性:

    • 寬度(寬度)和高度(高度=);
    • 對準所述邊緣對齊;
    • 填充,不能規定:默認值是6 - 這是很不夠;
    • 使用ALLOWTRANSPARENCY透明度架場,你可以指定你可以看到網頁的背景;
    • 再加上熟悉的SCR,姓名,滾動,邊境。

    導航使用ayfreyma

    最有趣的是在框架領域的能力 - 這是寫代碼,使打開的鏈接在窗口中的內容 - 什麼做的創造者Seopult鏡,只有幾個引用(都可以在同一個頁面上的用戶)。

    對於這種取ayfreym,它另外名後註冊名稱=。 例如,zagolovok。 此外,在 並通過HREF = HTTP規定的引用標記他的面前://站點/條/ 143778 /%D1%的指示強制性81它們屬性目標後= zagolovok。 在您可以使用關閉標籤,標明題詞,這將作為參考按鈕。 標籤“和”開啟和關閉都在p標籤。

    您可以指定的這幾行代碼,終於在一排的幾個按鈕,鏈接,點擊該窗口下面會顯示不同的內容上網。

    代碼如下所示:

    免費發布信息

    查看廣告