Internet, Web Design

Frame - apakah ini? Struktur dan penciptaan bingkai

Frame - kawasan tapak (tingkap), di mana kita melihat laman web yang lain. Webmaster menggunakan peluang ini untuk menunjukkan laman utama rakan-rakan atau sekutu mereka. Kaedah yang sama digunakan untuk dipaparkan dalam kotak carian tingkap dan beberapa keputusan, dan sebagainya. D.

Tetapi kebanyakannya bingkai digunakan dalam penciptaan portal web besar, di mana sebilangan besar menu dan submenu. Seperti biasanya berkata: "Laman web dalam bingkai." Untuk mewujudkan sumber itu memerlukan pengetahuan yang baik HTML-bahasa.

Buat bingkai dalam laman web pembina

Dalam laman web beberapa pembina menyediakan generasi automatik kod tersebut. Biasanya, penambahan bingkai utama adalah dalam menu program utama. Pertama, anda mesti meletakkan kursor di tempat yang betul pada halaman, kemudian klik butang untuk membuka tingkap (seperti yang ditunjukkan dalam gambar di). Ia adalah mungkin untuk menyatakan alamat halaman yang akan dibuka dalam bingkai, dan melaraskan dimensi: lebar dan tinggi.

Tetapi kebanyakannya bingkai digunakan dalam penciptaan portal web besar, di mana sebilangan besar menu dan submenu. Seperti biasanya berkata: "Laman web dalam bingkai." Untuk mewujudkan sumber itu memerlukan pengetahuan yang baik HTML-bahasa.

Dengan "perkhidmatan" ini adalah mungkin untuk membuat beberapa bingkai pada halaman, hanya unsur-unsur yang saling berkaitan supaya anda tidak mendapat.

Bingkai dalam CMS

Banyak program untuk mewujudkan laman web kemungkinan pemasangan modul. Sebagai contoh, untuk rangka Joomla - modul ini "wrapper (Wrapper)".

Ia boleh didapati dan telah menyediakan di panel kawalan CMS Joomla: "Extensions" - "Pengurus Modul" - "Baru" (butang oren bulat dengan tanda tambah di dalam). Dalam tetingkap pop-up, dalam senarai, anda akan melihat modul "pembungkus".

Jika tidak, maka ia tidak termasuk. Untuk menggunakannya, anda perlu mengaktifkannya di sini: tab "Sambungan", "Pengurus Sambungan", maka "Urus" tab. Dan melihat senarai yang muncul, anda boleh dengan cepat mencari dalam "Filter" untuk memasukkan perkataan: Wrapper. Opposite modul ini harus menjadi ikon tanda semak hijau di dalam. Bulatan merah dengan titik dalam bermakna bahawa plugin yang tidak aktif.

Selepas prosedur ini, anda boleh kembali ke "Pengurus Modul", buat bingkai dan menetapkan parameter.

Seperti yang dapat dilihat dalam gambar, modul membolehkan anda untuk menetapkan: tajuk bingkai, kedudukan modul, pilih halaman laman web ini di mana ia dipaparkan. Anda juga boleh melaraskan lebar, tinggi; menambah bingkai dan pautan sebenar pada laman web. Jika bingkai yang anda mahu untuk memaparkan halaman utama laman penuh lebar, 100%, lalai, tidak akan cukup. Anda boleh meletakkan tepat 400%. A ketinggian 200 biasanya cukup untuk memaparkan menu bahagian atas halaman. Baki kandungan akan dapat dilihat jika pengguna (pengunjung) menggunakan bar tatal.

Berikut adalah satu contoh apa rangka di Jumla.

modul Joomla untuk mewujudkan kerangka adalah sangat mudah dan mudah untuk digunakan. Walau bagaimanapun, skop adalah terhad, serta ciri-ciri berjenama terkenal.

Sejarah dan realiti

Dalam amalan mewujudkan laman web daripada bingkai yang tag (permohonannya) telah lama diturunkan kepada latar belakang. Mereka mampu untuk menggantikan modul, dalam menetapkan program reka bentuk yang menjana kod untuk halaman web tanpa saytostroitelya. Walau bagaimanapun, dalam beberapa kes ini tidak mencukupi. Sebagai contoh, apabila bingkai - adalah satu struktur kompleks bersepadu satu kawasan yang akan dipaparkan dalam penyemak imbas. Jadi melihat pemilik laman web yang berstruktur kompleks. Pada penciptaannya hanya dalam kes-kes yang melampau kerana laman web freymovskie dicipta secara eksklusif dengan tag khusus.

laman web yang berstruktur kompleks

Bagi mereka, penciptaan beberapa bingkai saling berkaitan adalah satu penyelesaian yang optimum menyusun kandungan pada sumber. Ini biasanya portal utama, luas dengan kuat setiap tahun.

Bagaimana untuk mencapai keputusan yang sama? Bagaimana untuk mewujudkan struktur rangka?

Cara untuk memasukkan bingkai kod halaman

Bingkai ditambah kepada HTML menggunakan tag:

  • bingkai (untuk tetingkap yang berasingan)
  • rangkaian bingkai (struktur keseluruhan dicipta dengannya);
  • iframe ( "terapung" frame);
  • noframes (dalam kes bingkai bukan paparan dalam pelayar pengguna).

Tag dinyatakan pertama selalu sesuai dalam sepasang dan . Dan ia menggantikan dan . Dan dengan sifat-sifat yang sesuai yang anda boleh menyesuaikan ciri-ciri setiap item: nama (name =), saiz (cols = dan baris =), kehadiran bingkai (sempadan), bentuk bar tatal dan, sudah tentu, pautan ke halaman Web untuk dipaparkan.

pendaftaran variasi

halaman tapak keseluruhan boleh dibahagikan kepada wilayah. Sebagai contoh, seperti ini:

meninggalkan

rangka atas

betul

Seperti struktur (ia dipanggil bersarang) boleh diperolehi dengan menulis tag dalam cols sifat, yang menunjukkan tempat bingkai mendatar, dan baris - menegak. Ia perlu diletakkan tanda sama dan saiz yang ditetapkan. Sebagai contoh, 60%, 40% - peratus (satu tetingkap mengambil masa 60% daripada pelayar ruang lain, masing-masing, 40%). Atau 100, 200 - nisbah dimensi dalam piksel. Dimensi salah satu daripada bingkai, ia adalah mungkin untuk tidak menetapkan (ditetapkan secara lalai). Untuk melakukan ini sebelum atau selepas titik perpuluhan anda perlu untuk menentukan watak *.

Di dalam set bingkai pasangan ini mendaftarkan setiap bingkai dengan parameter: src = http: // tapak / artikel / 143.778 /% 2C memetik rujukan selepas ini penting untuk laman web dan nama title = (mis, bingkai 1).

Bersarang setiap kawasan baru ditugaskan set bingkai baru.

kod contoh:

Perhatikan dalam contoh ini, untuk kedua dan ketiga bingkai saiz yang ditetapkan hanya sekali.

Banyak kuali membenarkan menjalankan bingkai. Contoh lokasi mereka dalam tetingkap pelayar boleh dibawa tak terhingga (sewajarnya menukar kod). Walau bagaimanapun, permohonan praktikal maklumat ini tidak dijumpai untuk masa yang lama. Bingkai, jika digunakan hari ini untuk membuat laman, tetapi hanya dalam bentuk modul dalam CMS percuma atau iframe a.

rangka terapung

Saya tertanya-tanya mengapa ia mendapat nama di sini perkataan itu adalah lebih sesuai "terbina dalam". Bingkai ini direka untuk memaparkan kandungan fail. Anda muat naik ke pangkalan data apa-apa dokumen atau fail menggunakan tag ayfreyma menetapkan jalan kepadanya - dan pelawat akan dapat melihat fail teks (video atau gambar). Malangnya, pelayar tidak selalu mencerminkan kandungan. Ini pembina web dimasukkan antara pembukaan dan frasa tutup: "pelayar anda tidak memaparkan kandungan."

Sebagai contoh, Seopult.ru - perkhidmatan dikenali daripada tuan untuk maju. Bukan sahaja laman web utama, dan cermin I.seopult.pro dicipta untuk pelanggan portal. kod ayfreyma ditubuhkan sebagai

  • Arahan . Di mana
  • tag direka untuk menentukan item senarai. Disokong oleh semua pelayar.

    Pada cermin, anda boleh melihat perkataan "Arahan" halaman sendiri dalam bentuk butang. Apabila anda klik pada ia di tengah-tengah tetingkap pelayar membuka persembahan.

    Semua laman web utama untuk menonton filem dan rancangan TV dibuat menggunakan ayfreymov (contohnya, "Imhonet"), dan juga rangkaian sosial. Walaupun laman utama dari "Yandex" mengandungi tag ini, dan tidak satu pasangan.

    Cara mendaftar iframe

    Muat turun ke laman web anda dalam bentuk tetingkap dokumen dengan bar tatal boleh berada di mana-mana tempat. Selalunya tanda nama dilupuskan dalam badan. Selain standard

    dan , seperti yang ditunjukkan dalam contoh di atas boleh digunakan dan senarai tag -

  • .

    Dalam ayfreym sifat-sifat berkata:

    • lebar (lebar) dan ketinggian (height =);
    • menjajarkan align tepi;
    • padding, yang tidak boleh menetapkan: Nilai lalai adalah 6 - ini adalah agak cukup;
    • menggunakan allowtransparency bidang bingkai telus, anda boleh menentukan bahawa anda boleh melihat latar belakang halaman;
    • plus biasa scr, nama, menatal, sempadan.

    Navigation menggunakan ayfreyma

    Yang paling menarik adalah keupayaan dalam bidang bingkai - ini adalah untuk menulis kod yang membolehkan untuk membuka kandungan dalam tetingkap pada link - apa yang dilakukan pencipta Seopult cermin, hanya dengan beberapa rujukan (kedua-dua tersedia untuk pengguna pada halaman yang sama).

    Untuk ayfreym diambil ini, ia juga mendaftarkan nama selepas name =. Sebagai contoh, zagolovok. Selanjutnya, di hadapannya dalam tag dan rujukan yang ditetapkan oleh a href = http: // tapak / artikel / 143.778 /% D1% yang menunjukkan wajib 81 selepas mereka sifatkan target = zagolovok. Sebelum anda boleh menggunakan tag penutup, menunjukkan tulisan, yang berfungsi sebagai butang rujukan. Tag "dan" membuka dan menutup berada di dalam tag p.

    anda boleh menetapkan ini beberapa baris kod untuk akhirnya mendapatkan talian berturut-turut beberapa butang, pautan, klik pada tetingkap yang di bawah akan memaparkan kandungan yang berbeza.

    Kod ini akan kelihatan seperti ini:

    iklan Post Percuma

    Lihat iklan