Internét, Desain web

Pigura - naon ieu? Struktur jeung kreasi pigura

Pigura - hiji wewengkon situs (jandela), nu urang tingali kaca web nu sejen. Webmasters anggo kasempetan ieu némbongkeun kaca ngarep babaturan atawa associates maranéhanana. Metodeu sarua ieu dipaké pikeun nembongkeun dina kotak jandéla pilarian sarta sajumlah hasil na, jeung saterusna. D.

Tapi lolobana pigura dipaké dina kreasi portals web badag, dimana jumlah considerable tina ménu na submenus. Sapertos biasana ngomong: "loka di pigura". Pikeun nyieun sumberdaya kitu merlukeun pangaweruh hade HTML-basa.

Jieun pigura dina pembina ramatloka

Dina sababaraha ramatloka pembina nyadiakeun generasi otomatis kode kitu. Ilaharna, ditambah pigura konci aya dina menu program utama. Kahiji, anjeun kudu nempatkeun kursor di posisi di tempat katuhu dina kaca, teras klik tombol pikeun muka jandela nu (ditémbongkeun saperti dina screenshot nu). Kasebut nyaéta dimungkinkeun pikeun nangtukeun alamat tina kaca anu bakal muka dina pigura, sarta ngaluyukeun dimensi: lebar tur jangkungna.

Tapi lolobana pigura dipaké dina kreasi portals web badag, dimana jumlah considerable tina ménu na submenus. Sapertos biasana ngomong: "loka di pigura". Pikeun nyieun sumberdaya kitu merlukeun pangaweruh hade HTML-basa.

Kalawan ieu "jasa" nyaéta dimungkinkeun pikeun nyieun sababaraha pigura dina kaca, mung elemen-antar patali sangkan anjeun teu meunang.

Pigura dina CMS

Loba program pikeun nyieun situs web kamungkinan pamasangan modul nu. Contona, pikeun pigura Joomla - modul ieu "wrapper (Wrapper)".

Ieu bisa kapanggih sarta nyetél dina panel kontrol CMS Joomla: "ekstensi" - "Module Manajer" - "New" (babak tombol jeruk ku tanda tambah di jero). Dina jandela pop-up, dina daptar, Anjeun bakal ningali hiji modul ngeunaan "wrapper".

Lamun henteu, mangka henteu kaasup. Ngagunakeun eta, Anjeun mimitina kudu ngaktipkeun dieu: tab "ekstensi", nu "penyuluh Manajer", lajeng "Atur" tab. Sarta nempo daptar nu nembongan, anjeun gancang bisa neangan dina "Filter" pikeun nuliskeun kecap eta: Wrapper. Sabalikna modul ieu kedah ikon checkmark héjo jero. Hiji bunderan beureum ku titik jero hartina plugin téh ditumpurkeun.

Sanggeus prosedur ieu, anjeun bisa balik deui ka "Module Manajer", nyieun pigura hiji tur nyetel parameter na.

Salaku bisa ditempo dina gambar di, modul nu ngidinan Anjeun pikeun nangtukeun: judul pigura, posisi modul, pilih kaca ti loka on mana eta dipintonkeun. Anjeun oge bisa saluyukeun lebar, jangkungna; nambahkeun pigura jeung link sabenerna dina hiji kaca web. Lamun pigura rék nembongkeun kaca utama situs full-lebar, 100%, standar, teu bakal cukup. Anjeun tiasa aman nempatkeun katuhu 400%. A jangkungna 200 téh biasana cukup pikeun nembongkeun menu luhureun kaca. Sesa eusi bakal katingali lamun nu pamaké (nganjang ka) nganggo palang ngagugulung.

Di handap ieu conto tina naon pigura dina Jumla.

modul Joomla pikeun nyieun pigura pisan merenah tur gampang ngagunakeun. Sanajan kitu, lingkup na ngan bisa laksana, kitu ogé fitur desainer.

Sajarah sarta realitas

Dina praktek nyieun jaba ti pigura nu tag (aplikasi na) geus lila relegated ka tukang. Maranéhanana bisa ngaganti modul, dina netepkeun program desain anu dibangkitkeun kode pikeun hiji kaca web tanpa saytostroitelya. Sanajan kitu, dina sababaraha kasus ieu teu cukup. Contona, nalika pigura - mangrupa struktur kompléks terpadu sahiji wewengkon pikeun dipintonkeun dina browser anu. Jadi ningali juragan situs terstruktur kompléks. Dina ciptaan na téh ukur dina kasus ékstrim lantaran jaba freymovskie dijieun éksklusif kalawan tag husus.

situs terstruktur kompléks

Maranehna, kreasi sababaraha pigura sasambungan mangrupa solusi optimal ngatur eusi on sumberdaya nu. Ieu biasana portals utama, sprawling kalayan kuat unggal taun.

Kumaha carana ngahontal hasil anu sarua? Kumaha carana nyieun struktur rangka?

Kumaha carana ngalebetkeun pigura dina kode kaca

Pigura nu ditambahkeun kana HTML maké tag:

  • pigura (pikeun jandela misah)
  • frameset (sakabeh struktur anu dijieun kalawan eta);
  • iframe ( "floating" Pigura);
  • noframes (bisi pigura non-tampilan dina browser pamaké).

tag kahiji dieusian salawasna pas dina sapasang na . Sarta eta ngagantikeun nu na . Sarta jeung atribut luyu anjeun tiasa nyaluyukeun ciri unggal item: Ngaran (ngaran =), ukuranana (cols = jeung barisan =), ayana pigura (wates), bentuk bar ngagugulung tur, tangtosna, tumbu ka kaca Wéb pikeun nembongkeun.

pendaptaran variasi

Kaca situs sakabéh bisa dibagi kana wewengkon. Contona, saperti kieu:

ditinggalkeun

pigura luhur

bener

Misalna struktur (mangka disebut nested) bisa diala ku tulisan tag jero cols atribut, nunjukkeun lokasi pigura horizontal, sarta barisan - vertikal. Eta kudu nempatkeun hiji sarua tanda na ukuran prescribed. Contona, 60%, 40% - persentase nu (salah jandela nyokot 60% tina spasi browser sejen masing-masing 40%). Atawa 100, 200 - babandingan diménsi dina piksel. Diménsi salah sahiji pigura, mungkin wae teu diatur (diatur ku standar). Jang ngalampahkeun ieu saméméh atawa sanggeus titik decimal anjeun kedah nangtukeun karakter dina *.

Jero pasangan frameset ieu registers unggal pigura mibanda parameter: src = http: // loka / artikel / 143778 /% 2C dicutat rujukan hereinafter dijieun ka kaca web na ngaran judul = (e.g., pigura 1).

Nyarang tiap daerah anyar anu ditunjuk mangrupa frameset anyar.

Kode conto:

Bewara dina conto ieu, keur pigura ukuran kadua jeung katilu anu prescribed ukur sakali.

A loba Panci ngawenangkeun ngajalankeun pigura. Conto lokasi maranéhanana dina jandela browser bisa dibawa infinitely (appropriately ngarobah kodeu éta). Sanajan kitu, éta aplikasi praktis informasi ieu teu kapanggih pikeun lila. Pigura, upami dianggo dinten nyieun situs, tapi ngan dina bentuk modul dina CMS bébas atawa iframe a.

floating pigura

Kuring heran naha eta ngagaduhan ngaran anak, di dieu kecap anu leuwih hade "diwangun-di". Pigura ieu dirancang pikeun nembongkeun eusi file a. Anjeun unggah kana databés wae dokumen atawa berkas maké tag ayfreyma diatur jalur ka dinya - sarta datang bakal ningali hiji file téks (video atawa gambar). Hanjakal, panyungsi teu salawasna ngagambarkeun eusi. tukang web ieu diasupkeun antara lawang jeung frase nutup: "browser anjeun henteu nembongkeun eusi".

Contona, Seopult.ru - jasa dipikawanoh ti Masters maju. Henteu ngan ramatloka utamina, sarta eunteung I.seopult.pro dijieun pikeun konsumén portal. Kode ayfreyma dijieun salaku:

  • Parentah . Dimana
  • tag anu dirancang pikeun nangtukeun item daptar. Dirojong ku sadaya panyungsi.

    Dina eunteung nu bisa ningali kecap "Parentah" Kacana dina bentuk tombol a. Lamun anjeun klik dinya di puseur jandéla browser muka presentasi.

    Sakabeh loka utama pikeun ningali pilem sarta nempokeun TV anu dijieun maké ayfreymov (misalna, "Imhonet"), kitu ogé jaringan sosial. Malah kaca ngarep "Yandex" ngandung tag ieu, teu salah pasangan.

    Kumaha carana ngadaptar iframe

    Undeur ramatloka anjeun dina bentuk jandela dokumen sareng bar ngagugulung tiasa di tempat mana wae. Biasana Tags disposed dina awak. Salian standar

    na , ditémbongkeun saperti dina conto di luhur bisa dipaké sarta daptar tag -

  • .

    Dina ayfreym atribut ditambahkeun:

    • lebar (rubak) sarta jangkungna (jangkungna =);
    • aligning ujung align;
    • padding, nu teu bisa nulis resep: nilai standar nyaéta 6 - ieu téh rada cukup;
    • ngagunakeun allowtransparency widang pigura transparansi, Anjeun bisa netepkeun yén anjeun bisa ningali kaca tukang;
    • ditambah akrab scr, ngaran, ngagulung, wates.

    Navigasi maké ayfreyma

    Paling narik nya éta kamampuh dina widang pigura - ieu nulis kode anu ngamungkinkeun pikeun muka eusi dina jandela nu dina link - naon tuh eunteung Birokrat Seopult, ukur ku sababaraha rujukan (duanana aya kana pamaké dina kaca sarua).

    Pikeun ayfreym dicokot ieu, eta Sajaba registers nami sanggeus ngaran =. Contona, zagolovok. Salajengna, di hareupeun manehna di tag jeung rujukan prescribed ku HREF = http: // loka / artikel / 143778 /% D1% nunjukkeun wajib 81 sanggeus aranjeunna atribut target = zagolovok. Saencan Anjeun bisa make tag nutup, ditandaan Prasasti, nu bakal ngawula ka salaku tombol rujukan. Tags "jeung" bubuka sareng nutup aya dina tag p.

    Anjeun tiasa ngadaptarkeun ieu sababaraha garis kode ka tungtungna meunang online dina urutan sababaraha tombol, Tumbu, ngaklik on jandela nu handap bakal nembongkeun eusi béda.

    Kode nu bakal kasampak kawas kieu:

    Iklan Post Free

    Témbongkeun iklan