Za prikaz informacija iz više izvora na jednoj stranici, često se koristi mehanizam za razdvajanje HTML stranica. Ispod je opis jezičnih konstrukcija za umetanje okvira.
Potrebno
Osnovno znanje HTML-a
Instrukcije
Korak 1
Označni jezik HyperText (HTML) pruža dvije vrste okvira. Plutajući je fleksibilniji i lakši za umetanje na postojeću stranicu. Općenito, konstrukcija koja opisuje okvir prozora pomoću plutajućeg okvira izgleda ovako: Ovdje je glavna stranica postojeće stranice navedena kao izvor podataka za ovaj okvir (src atribut). Otvorit će se u okviru od 400 x 300 piksela, kako je navedeno u atributima širine i visine. U atributu src možete odrediti i stranicu svoje web lokacije. U ovom je slučaju dovoljno navesti relativnu adresu (odnosno adresu u odnosu na stranicu u koju je umetnut okvir): U ovom uzorku širina i visina okvira nisu navedeni, ali postoji id atribut-identifikator. Pomoću njega možete pomoću CSS-a () postaviti potrebne dimenzije za ovaj okvir:
#frameOne {širina: 700px; visina: 200px;}
Korak 2
Za drugu vrstu okvira - "klasični" - potrebna je posebna stranica, koja će sadržavati opis strukture okvira. Sami okviri bit će na odvojenim stranicama, možda čak i na odvojenim web lokacijama. HTML kôd za takvu stranicu spremnika okvira mogao bi izgledati ovako:
Ne bi trebalo postojati bilo koji blokovi … i … potrebni za redovite stranice. U ovom primjeru oznaka za otvaranje spremnika sadrži atribut redovi, što znači da bi prostor stranice trebao biti podijeljen vertikalno, a vrh će biti dat prvom okviru. Ako redove zamijenite kolumnama, tada će podjela biti vodoravna. Vrijednost ovog atributa "*, *" ukazuje na to da su podijeljeni udjeli jednaki - po 50%. Ako navedete, na primjer, "20%, *", tada će prvom kadru biti dodijeljeno samo 20%, a ostatku prostora drugom. Korisnik može promijeniti te proporcije povlačenjem granica okvira pomoću mišem, ali moguće je onemogućiti ovu akciju. Da biste to učinili, dodajte atribut noresize oznaci određenog okvira. Također možete odrediti veličinu vertikalnih i vodoravnih uvlaka iz susjednog okvira (atributi marginwidth i marginheight): Moguće je postaviti pravila ponašanja za klizače svakog okvira zasebno. Za to se koristi atribut pomicanja, koji može sadržavati jednu od tri unaprijed definirane vrijednosti. Ako je navedeno, klizači će se pojaviti kada sadržaj okvira ne stane unutar njegovih granica. Ako je "da" - pruge će biti prisutne cijelo vrijeme, bez obzira na potrebu za njima. Ako je "ne" - to će značiti onemogućavanje klizača za ovaj okvir.
Korak 3
Na osnovu informacija danih u prethodna dva koraka, trebate dizajnirati html kod koji je prikladniji za rješavanje vašeg problema. Nakon toga preostaje samo umetanje u izvorni kod stranice. Da biste to učinili, možete koristiti uređivač stranica sistema za upravljanje vašom web stranicom - otvorite željenu stranicu u njemu, prebacite se u način uređivanja html koda i zalijepite svoj kod na željeno mjesto na stranici. Datoteku izvornog koda stranice možete preuzeti pomoću upravitelja datoteka za upravljanje hostingom ili sistema za upravljanje sadržajem, otvoriti je u uređivaču teksta i zalijepiti kôd u nju. A zatim na isti način prenesite promijenjeni kod natrag na server.
