Za prikaz podataka 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
Upute
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 (atribut src). 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 stranice. U ovom je slučaju dovoljno navesti relativnu adresu (odnosno adresu u odnosu na stranicu u koju je umetnut okvir): U ovom uzorku nisu navedene širina i visina okvira, 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 zasebna stranica koja će sadržavati opis strukture okvira. Sami okviri bit će na odvojenim stranicama, možda čak i na zasebnim web mjestima. HTML kôd za takvu stranicu spremnika okvira mogao bi izgledati ovako:
Za redovite stranice ne bi trebali biti potrebni blokovi … i … U ovom primjeru oznaka za otvaranje spremnika sadrži atribut redova, što znači da bi se prostor stranice trebao podijeliti okomito, a vrh će biti dodan prvom okviru. Ako redove zamijenite kolumnama, tada će podjela biti vodoravna. Vrijednost ovog atributa "*, *" označava da su podijeljeni udjeli jednaki - po 50%. Ako navedete, na primjer, "20%, *", tada će prvom okviru 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 radnju. 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 pomične trake 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 traka za pomicanje za ovaj okvir.
3. korak
Na temelju podataka 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 upotrijebiti uređivač stranica sustava upravljanja web lokacijom - otvorite željenu stranicu u njemu, prebacite se u način uređivanja html koda i zalijepite svoj kôd na željeno mjesto na stranici. Možete i preuzeti datoteku izvornog koda stranice pomoću upravitelja datoteka za upravljanje hostingom ili sustava 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 poslužitelj.
