Internet, Desain web

Bingkai - apa ini? Struktur dan penciptaan frame

Bingkai - area situs (jendela), di mana kita melihat halaman web lain. Webmaster menggunakan kesempatan ini untuk menunjukkan halaman rumah teman-teman atau rekan-rekan mereka. Metode yang sama digunakan untuk menampilkan dalam kotak jendela pencarian dan sejumlah hasilnya, dan sebagainya. D.

Tapi kebanyakan frame yang digunakan dalam penciptaan portal web yang besar, di mana sejumlah besar menu dan submenu. Seperti biasanya mengatakan: "situs dalam bingkai." Untuk membuat sumber daya tersebut memerlukan pengetahuan yang baik dari HTML-bahasa.

Membuat frame di website builder

Dalam beberapa website builder menyediakan generasi otomatis kode tersebut. Biasanya, penambahan bingkai kunci dalam menu program utama. Pertama, Anda harus menempatkan kursor di tempat yang tepat pada halaman, kemudian klik tombol untuk membuka jendela (seperti yang ditunjukkan pada screenshot). Hal ini dimungkinkan untuk menentukan alamat dari halaman yang akan terbuka di frame, dan menyesuaikan dimensi: lebar dan tinggi.

Tapi kebanyakan frame yang digunakan dalam penciptaan portal web yang besar, di mana sejumlah besar menu dan submenu. Seperti biasanya mengatakan: "situs dalam bingkai." Untuk membuat sumber daya tersebut memerlukan pengetahuan yang baik dari HTML-bahasa.

Dengan ini "layanan" adalah mungkin untuk membuat beberapa frame pada halaman, hanya unsur-unsur yang saling terkait sehingga Anda tidak mendapatkan.

Frame dalam CMS

Banyak program untuk membuat website kemungkinan pemasangan modul. Misalnya, untuk frame Joomla - modul ini "wrapper (Wrapper)".

Hal ini dapat ditemukan dan diatur di panel kontrol CMS Joomla: "Extensions" - "Modul Manager" - "Baru" (putaran tombol oranye dengan tanda plus dalam). Pada jendela pop-up, dalam daftar, Anda akan melihat modul "wrapper".

Jika tidak, maka tidak termasuk. Untuk menggunakannya, Anda harus terlebih dahulu mengaktifkannya di sini: tab "Extensions", yang "Extension Manager", kemudian "Manage" tab. Dan melihat daftar yang muncul, Anda dapat dengan cepat mencari di "Filter" untuk memasukkan kata: Wrapper. Berlawanan modul ini harus ikon tanda centang hijau di dalam. Sebuah lingkaran merah dengan titik di dalam berarti bahwa plugin dinonaktifkan.

Setelah prosedur ini, Anda dapat kembali ke "Modul Manager", membuat bingkai dan mengatur parameter.

Seperti dapat dilihat dalam gambar, modul memungkinkan Anda untuk mengatur: judul frame, posisi modul, pilih halaman situs di mana ia ditampilkan. Anda juga dapat menyesuaikan lebar, tinggi; menambahkan bingkai dan link yang sebenarnya pada halaman web. Jika frame yang ingin ditampilkan halaman utama situs penuh-lebar, 100%, default, tidak akan cukup. Anda dapat dengan aman menempatkan benar 400%. Sebuah ketinggian 200 biasanya cukup untuk menampilkan menu atas halaman. Sisa konten akan terlihat jika pengguna (pengunjung) menggunakan scroll bar.

Berikut adalah contoh dari apa bingkai di Jumla.

Modul Joomla untuk menciptakan frame sangat nyaman dan mudah digunakan. Namun, ruang lingkup terbatas, serta fitur desainer.

Sejarah dan realitas

Dalam praktek membuat website dari frame yang tag (aplikasi nya) telah lama diturunkan ke latar belakang. Mereka mampu menggantikan modul, dalam menetapkan program desain yang menghasilkan kode untuk halaman web tanpa saytostroitelya. Namun, dalam beberapa kasus ini tidak cukup. Misalnya, ketika frame - adalah struktur yang kompleks yang terintegrasi dari daerah yang akan ditampilkan dalam browser. Jadi melihat pemilik situs terstruktur yang kompleks. Pada pembentukannya hanya dalam kasus yang ekstrim karena situs freymovskie dibuat secara eksklusif dengan tag khusus.

situs terstruktur yang kompleks

Bagi mereka, penciptaan beberapa frame yang saling terkait adalah solusi optimal mengatur konten pada sumber daya. Hal ini biasanya portal utama, luas dengan kuat setiap tahun.

Bagaimana mencapai hasil yang sama? Cara membuat struktur rangka?

Cara memasukkan frame dalam kode halaman

Frame ditambahkan ke HTML menggunakan tag:

  • frame (untuk jendela terpisah)
  • frameset (seluruh struktur dibuat dengan itu);
  • iframe ( "mengambang" frame);
  • noframes (dalam kasus frame non-display di browser pengguna).

tag pertama ditentukan selalu cocok sepasang dan . Dan itu menggantikan dan . Dan dengan atribut yang tepat Anda dapat menyesuaikan karakteristik masing-masing item: nama (name =), ukuran (cols = dan baris =), kehadiran frame (perbatasan), bentuk scroll bar dan, tentu saja, link ke halaman Web untuk menampilkan.

pendaftaran variasi

Halaman situs Seluruh dapat dibagi menjadi daerah. Sebagai contoh, seperti ini:

kiri

frame atas

benar

Seperti struktur (disebut bersarang) dapat diperoleh dengan menulis tag di dalam cols atribut, menunjukkan lokasi frame horisontal, dan baris - vertikal. Ini harus memasang tanda sama dan ukuran yang ditentukan. Sebagai contoh, 60%, 40% - persentase (satu jendela mengambil 60% dari ruang browser lain, masing-masing, 40%). Atau 100, 200 - rasio dimensi dalam piksel. Dimensi salah satu frame, adalah mungkin untuk tidak menetapkan (diatur secara default). Untuk melakukan hal ini sebelum atau sesudah titik desimal Anda harus menentukan karakter *.

Di dalam pasangan frameset ini register setiap frame dengan parameter: src = http: // situs / tulisan / 143.778 /% 2C dikutip referensi selanjutnya dibuat ke halaman web dan nama title = (misalnya, frame 1).

Bersarang setiap daerah baru ditunjuk frameset baru.

Contoh kode:

Perhatikan dalam contoh ini, untuk frame ukuran kedua dan ketiga diresepkan hanya sekali.

Banyak panci memungkinkan menjalankan frame. Contoh lokasi mereka di jendela browser dapat dibawa jauh (tepat mengubah kode). Namun, aplikasi praktis dari informasi ini tidak ditemukan untuk waktu yang lama. Frame, jika digunakan hari ini untuk membuat situs, tetapi hanya dalam bentuk modul dalam CMS gratis atau iframe a.

mengambang bingkai

Saya bertanya-tanya mengapa itu mendapat namanya, di sini kata yang lebih tepat "built-in". frame ini dirancang untuk menampilkan isi dari sebuah file. Anda meng-upload ke database dokumen atau file menggunakan tag ayfreyma mengatur jalan untuk itu - dan pengunjung akan melihat file teks (video atau gambar). Sayangnya, browser tidak selalu mencerminkan isi. pembangun web ini dimasukkan antara pembukaan dan penutupan frase: "Browser anda tidak menampilkan isi."

Sebagai contoh, Seopult.ru - layanan yang dikenal dari master untuk maju. Tidak hanya situs utama, dan cermin I.seopult.pro diciptakan untuk pelanggan Portal. Kode ayfreyma didirikan sebagai:

  • Petunjuk . Di mana
  • tag dirancang untuk menentukan item daftar. Didukung oleh semua browser.

    Pada cermin Anda dapat melihat kata "Petunjuk" halaman itu sendiri dalam bentuk tombol. Ketika Anda klik di atasnya di tengah jendela browser terbuka presentasi.

    Semua situs utama untuk menonton film dan acara TV yang dibuat menggunakan ayfreymov (misalnya, "Imhonet"), serta jejaring sosial. Bahkan halaman rumah "Yandex" berisi tag ini, dan tidak satu pasang.

    Cara mendaftar iframe

    Download ke website Anda dalam bentuk jendela dokumen dengan scroll bar bisa di sembarang tempat. Biasanya tag Anda dibuang dalam tubuh. Selain standar

    dan , seperti yang ditunjukkan pada contoh di atas dapat digunakan dan daftar tag -

  • .

    Dalam ayfreym atribut menambahkan:

    • width (lebar) dan tinggi (height =);
    • menyelaraskan tepi menyelaraskan;
    • padding, yang tidak dapat meresepkan: nilai default adalah 6 - ini cukup;
    • menggunakan allowtransparency bidang bingkai transparansi, Anda dapat menentukan bahwa Anda dapat melihat latar belakang halaman;
    • ditambah akrab scr, nama, bergulir, perbatasan.

    Navigasi menggunakan ayfreyma

    Yang paling menarik adalah kemampuan di bidang frame - ini adalah untuk menulis kode yang memungkinkan untuk membuka konten di jendela pada link - apa yang lakukan cermin pencipta Seopult, hanya dengan beberapa referensi (keduanya tersedia untuk pengguna pada halaman yang sama).

    Untuk ayfreym diambil ini, juga register nama setelah nama =. Misalnya, zagolovok. Selanjutnya, di depannya di tag dan referensi yang ditentukan oleh HREF = http: // situs / tulisan / 143.778 /% D1% menunjukkan wajib 81 setelah mereka atribut target = zagolovok. Sebelum Anda dapat menggunakan tag penutup, menunjukkan prasasti, yang akan berfungsi sebagai tombol referensi. Tags "dan" pembukaan dan penutupan berada di tag p.

    Anda dapat menetapkan beberapa baris kode untuk akhirnya mendapatkan online berturut-turut beberapa tombol, link, klik pada jendela yang di bawah akan menampilkan konten yang berbeda.

    kode akan terlihat seperti ini:

    iklan Post Panduan

    Lihat iklan