InternetWeb Tasarım

Çerçeve - bu nedir? Yapısı ve çerçevelerin oluşturulması

Çerçeve - biz başka bir web sayfasını görmek hangi sitede (pencere), bir alan. Web yöneticileri onların arkadaşları veya ortakları ana sayfasını göstermek için bu fırsatı kullanıyor. Aynı yöntem böylece pencere ara kutusu ve sonuç bir dizi görüntülemek ve kullanılır. D.

Ama çoğunlukla büyük web portalları oluşturulması, kullanılan çerçeveler nerede menü ve alt menü önemli sayıda. Böyle genellikle söylediği: "karelerde bir site." Böyle bir kaynak oluşturmak için HTML dilini iyi bilgi gerektirir.

web sitesi oluşturucu çerçeveleri oluşturma

Bazı web sitesinde oluşturucu böyle bir kod otomatik olarak oluşturulmasını sağlar. Tipik olarak, anahtar çerçevenin ilavesi ana program menü bulunmaktadır. İlk olarak, daha sonra (ekran görüntüsünde görüldüğü gibi) penceresini açmak için düğmesine tıklayın, sayfadaki doğru yerde imleci gerekir. genişlik ve yükseklik: çerçevede açılacak sayfanın adresini belirtin ve boyutları ayarlamak mümkündür.

Ama çoğunlukla büyük web portalları oluşturulması, kullanılan çerçeveler nerede menü ve alt menü önemli sayıda. Böyle genellikle söylediği: "karelerde bir site." Böyle bir kaynak oluşturmak için HTML dilini iyi bilgi gerektirir.

Bu "hizmet" ile, bir sayfada birden fazla kare oluşturmak sen alamadım bu yüzden sadece birbiriyle ilişkili elemanlar mümkündür.

CMS Çerçeveler

Modülün kurulum web siteleri ihtimalini oluşturmak için birçok programlar. Örneğin, Joomla çerçevesi için - Bu modül "sargı (paketleyici)".

Bunun sonucunda da CMS Joomla kontrol panelinde ayarlanabilir: "Uzantılar" - "Modül Yöneticisi" - "Yeni" (iç artı işaretli yuvarlak turuncu düğme). In pop-up pencerede, listesinde, "sarıcı" modülünü göreceksiniz.

Değilse, o zaman dahil değildir. Kullanmak için, bunu ilk kez burada etkinleştirmeniz gerekir: sekme "Uzantıları", "Extension Manager", ardından "Yönet" sekmesini. Ve görünen listeye bakarak, hızlı kelimeyi girmek için, "Filtre" de arayabilirsiniz: Sarıcısını. Karşısında bu modül içindeki yeşil onay işareti simgesini olmalıdır. Bir nokta ile kırmızı bir daire içine eklenti devre dışı olduğu anlamına gelir.

Bu işlemin ardından, "Modül Yöneticisi" dönmek bir çerçeve oluşturmak ve parametrelerini ayarlayabilirsiniz.

Resimde görüldüğü gibi, modül ayarlamanızı sağlar: çerçeve başlık, modül pozisyonu, bu görüntülendiği sitenin sayfasını seçin. Ayrıca genişliği, yüksekliği ayarlanabilir; bir çerçeve ve bir web sayfası üzerinde fiili bağlantı ekleyin. Çerçeve Bir site tam genişlik,% 100, varsayılan ana sayfasını görüntülemek istiyorsanız, yeterli olmayacaktır. Güvenle doğru% 400 koyabilirsiniz. 200 Bir yükseklik sayfanın menüsünü görüntülemek için genellikle yeterlidir. kullanıcı (ziyaretçi) kaydırma çubuğunu kullanın eğer içeriğin geri kalanı görünür olacaktır.

İşte Jumla ne bir çerçevenin bir örnektir.

çerçeve oluşturmak için Joomla modülü çok uygun ve kullanımı kolaydır. Fakat bunun kapsamı sınırlı, hem de tasarımcı özellikleri olduğunu.

Tarihi ve gerçeklik

çerçeveler bu etiket (onun uygulaması) web sitelerini oluşturma Pratikte uzun arkatasara edilmiştir. Onlar saytostroitelya olmadan bir web sayfası için kod üreten tasarım programı belirlenmesinde, modüllerini yerine başardık. Ancak, bazı durumlarda bu yeterli değildir. Çerçeve, örneğin, - bölgelerde entegre kompleks yapısı tarayıcıda görüntülenmesini sağlar. Yani sahiplerine karmaşık yapılı siteleri görmek. freymovskie web siteleri uzman etiketleriyle özel olarak oluşturulan nedeniyle yaratılış anda aşırı durumlarda sadece.

Karmaşık yapılı siteler

Onlara göre, birbiriyle ilişkili birkaç kare oluşturulması, optimal bir çözüm kaynak içerik organize edilir. Bu, her yıl daha güçlü olan yayılan, genellikle büyük portalları olduğunu.

Nasıl aynı sonucu elde etmek? Nasıl bir çerçeve yapısı oluşturmak için?

Sayfa kodunda çerçeveyi nasıl girilir

Çerçeveler etiketini kullanarak HTML eklenir:

  • (Ayrı bir pencere için) çerçeve
  • çerçeve (tüm yapısı bununla oluşturulur);
  • iframe (çerçeve "yüzen");
  • noframes (kullanıcının tarayıcı olmayan görüntü çerçevesinin durumunda).

İlk belirtilen etiket her zaman bir çift sığacak ve . Ve ve değiştirir. Ve uygun özelliklere sahip, her öğenin özelliklerini ayarlayabilirsiniz: adı (isim =), boyut (cols = ve satırları =), çerçeve (border) varlığı, elbette kaydırma çubuğunun formu ve, bir Web sayfasına bir bağlantı görüntülemek için.

varyasyonlar kaydı

Sitenin tamamı sayfası bölgelere ayrılabilir. Örneğin, bu gibi:

sol

üst çerçeve

sağ

Bu tür bir yapı (iç içe olarak adlandırılır) sütunlar öznitelik içinde, bir etiket yazma yatay bir çerçeve konumunu gösteren ve satırları elde edilebilir - dikey. Bir işaret ve reçete boyutları eşittir konulmalıdır. Örneğin,% 60,% 40 - yüzdesi (bir pencere da alan tarayıcı bir% 60,% 40) alır. Ya da 100, 200 - piksel boyutları oranı. çerçevelerden birinin boyutları, (varsayılan olarak belirlenen) ayarlamak için mümkündür. önce bunu veya ondalık noktadan sonra * karakterini belirtmek gerekir için.

src = http: Bu çift çerçeve parametrelerle birlikte, her çerçeve kaydeder içinde // Alanı / haber / 143.778 /% 2C alıntı bundan sonra referans bir web sayfasına yapılır ve bir başlık adı = (örneğin, çerçeve 1).

Her yeni alan iç içe yeni bir çerçeve kümesi belirlenir.

Örnek kod: <çerçeve satırlar = "50" sütunlar = "80,20"> <çerçeve src = "http://fb.ru/article/143778/%5B%D1%81%D1%81%D1%8B% D0% BB% D0% BA% D0% B0 sayfası] "name =" çerçeve sayısı 1 ">

ikinci ve üçüncü çerçeve boyutları sadece bir kez reçete için, bu örnekte edin.

tava bir sürü çerçeveleri koşmak sağlar. tarayıcı penceresinde yer örnekleri, (uygun kod değiştirme) sonsuz getirilebilir. Ancak, bu bilgilerin pratik uygulama uzun süre bulunamadı. Çerçeveler, siteleri oluşturmak için bugün kullanılan, ancak tek serbest CMS veya bir iframe içinde modüller biçiminde eğer.

kayan çerçeve

Ben onun adı var, neden burada kelime "yerleşik" daha uygun olduğunu merak ediyorum. Bu çerçeve bir dosyanın içeriğini görüntülemek için tasarlanmıştır. Veritabanına herhangi bir belge yüklemek ya da ona yolunu ayarlamak ayfreyma etiketlerini kullanarak dosya - ve ziyaretçiler bir metin dosyası (video veya resim) göreceksiniz. Ne yazık ki, tarayıcılar her zaman içeriğini yansıtmamaktadır. Bu web inşaatçılar açılış ve kapanış ifade arasına girilir: "Tarayıcınız içeriğini göstermez."

Örneğin, Seopult.ru için - ustaları bilinen servis ilerletmek için. ana web sitesi ve portal müşteriler için yaratılan I.seopult.pro ayna sadece.

  • Talimatlar . Burada
  • etiketi liste öğesini belirlemek için tasarlanmıştır. Tüm tarayıcılar tarafından desteklenir.

    Aynanın üzerinde bir düğme şeklindeki kelime "Talimatlar" sayfasını kendisi görebilirsiniz. Eğer tarayıcı penceresinde merkezinde üzerine tıkladığınızda sunum açar.

    Film ve TV şovlarını izlemek için tüm büyük siteler ayfreymov kullanılarak oluşturulur (örneğin, "Imhonet") yanı sıra sosyal ağlar. Hatta "Yandex" nin ana sayfası bu etiketi değil, bir çift içeriyor.

    iframe kayıt nasıl

    herhangi bir yerde olabilir bir kaydırma çubuğu içeren bir belge penceresi şeklinde web indirin. Genellikle vücut içinde tanzim etiketlerindeki. standart ek olarak

    ve yukarıdaki örnekte gösterildiği kullanılabilir ve bir etiket listesi olarak -.

  • ayfreym eklenen özelliklerde:

    • genişliği (eni) ve yükseklik (boy =);
    • Kenar hizalama hizalanması;
    • reçete olamaz dolgu,: Varsayılan değer 6'dır - Bu oldukça yeterli;
    • allowtransparency saydamlık çerçevesi alanını kullanarak, size sayfa arka planı görebilirsiniz belirtebilirsiniz;
    • artı tanıdık scr, ad, kaydırma, sınır.

    Navigasyon kullanarak ayfreyma

    En ilginç kare alanında yeteneğidir - bu bağlantıyı penceresindeki içeriği açmak için izin verir kod yazmak için - ne sadece (aynı sayfada kullanıcı için kullanılabilir ikisi) çeşitli referanslarla, yaratıcılarının Seopult ayna yaptı.

    Bu alınan ayfreym için, ayrıca = adından sonra adı kaydeder. Örneğin, zagolovok. Ayrıca, etiketleri önünde: onlar hedef öznitelik sonra // site / haber / 143778 /% D1% zorunlu 81 belirten = zagolovok. Eğer bir kapanış etiketi kullanmadan önce, referans düğmesi olarak hizmet verecek yazıt, belirtti. Etiketler "ve" açma ve kapama p etiketinde bulunmaktadır.

    Sonunda birkaç düğmeler, bağlantılar bu pencereye tıklayarak aşağıda farklı içerikleri görüntüler üst üste online almak bu kod birkaç satır atayabilirsiniz.

    Kod şu şekilde görünecektir:

    Gönder Ücretsiz reklam

    reklam görüntüle