За показване на информация от множество източници на една страница често се използва механизмът за разделяне на HTML страници. По-долу е дадено описание на езиковите конструкции за вмъкване на кадри.
Необходимо
Основни познания по HTML
Инструкции
Етап 1
Езикът за маркиране на HyperText (HTML) предоставя два типа рамки. Плаващото е по-гъвкаво и по-лесно за вмъкване в съществуваща страница. Като цяло конструкцията, описваща рамка на прозорец с помощта на плаваща рамка, изглежда така: Тук основната страница на съществуващ сайт е посочена като източник на данни за тази рамка (атрибут src). Той ще бъде отворен в рамка 400 x 300 пиксела, както е посочено в атрибутите ширина и височина. Можете също да посочите страницата на вашия сайт в атрибута src. В този случай е достатъчно да се посочи относителен адрес (т.е. адресът спрямо страницата, в която е вмъкната рамката): В този пример не са посочени ширината и височината на рамката, но има идентификатор атрибут-идентификатор. Използвайки го, можете да използвате CSS (), за да зададете необходимите размери за тази рамка:
#frameOne {ширина: 700px; височина: 200px;}
Стъпка 2
Друг тип рамки - „класически“- изисква отделна страница, която ще съдържа описание на структурата на рамката. Самите рамки ще бъдат на отделни страници, може би дори на отделни сайтове. HTML кодът за такава страница на контейнер за рамки може да изглежда така:
Не трябва да има никакви … и … блокове, необходими за обикновени страници. В този пример тагът за отваряне на контейнера съдържа атрибут редове, което означава, че пространството на страницата трябва да бъде разделено вертикално и горната част ще бъде дадена на първия кадър. Ако замените редовете с cols, тогава разделянето ще бъде хоризонтално. Стойността на този атрибут "*, *" показва, че разделените пропорции са равни - по 50%. Ако посочите, например, "20%, *", тогава само 20% ще бъдат дадени на първия кадър, а останалото пространство на втория. Потребителят може да промени тези пропорции, като плъзга границите на кадрите с мишката, но е възможно да деактивирате това действие. За да направите това, добавете атрибута noresize към маркера на конкретна рамка. Можете също да посочите размера на вертикалните и хоризонталните отстъпи от съседния кадър (атрибутите marginwidth и marginheight): Възможно е да зададете правилата на поведение за лентите за превъртане на всеки кадър поотделно. За това се използва атрибутът за превъртане, който може да съдържа една от трите предварително дефинирани стойности. Ако е посочено, лентите за превъртане ще се появят, когато съдържанието на рамката не се побира в нейните граници. Ако е "да" - ивици ще присъстват през цялото време, независимо от нуждата от тях. Ако "не" - това ще означава забрана на лентите за превъртане за този кадър.
Стъпка 3
Въз основа на информацията, предоставена в предишните две стъпки, трябва да проектирате html кода, който е по-подходящ за решаване на проблема ви. След това остава само да го вмъкнете в изходния код на страницата. За да направите това, можете да използвате редактора на страници на системата за управление на вашия сайт - отворете желаната страница в нея, превключете в режим за редактиране на HTML код и поставете кода си на желаното място на страницата. Като алтернатива можете да изтеглите файла с изходния код на страницата от файловия мениджър за управление на хостинг или системата за управление на съдържанието, да го отворите в текстов редактор и да поставите кода в него. И след това по същия начин качете променения код обратно на сървъра.
