Тема 5 рамков уеб дизайн
Документите за съдържание са предназначени да бъдат пълни с информация във всяка от областите (рамката) и са форматирани автономно в пълно съответствие с HTML синтаксиса.
Както знаете, типична уеб страница на интернет страница на витрина има структура, подобна на следната:
Конструкцията на рамката е очевидна в тази структура. Примерът по-долу за комуникационен сайт също може да бъде реализиран с помощта на рамкираща организация.
Като резултат в тази работа в тази работа се изисква да се получи чрез рамков дизайн страница на интернет витрина, подобна на тази, известна от предишната тема:
Подготовка на документ за оформление уеб страници.
Оформлението на създадения документ има структура от пет прозореца:
Текстовото изпълнение на настройка на прозорци на рамки ще изглежда така:
Първоначално ! стойностите могат да бъдат избрани, както следва: n = “35”, m = ”5”, z = “80”, c = “25”.
В тага на рамката можете (трябва!) Да контролирате наличието на кадри. За да ги премахнете, трябва да зададете параметрите граница = "0" frameborder = ”0”
За успешна организация и удобство при работа с данни трябва да създадете папка Дизайн на рамката, вътре в които се създават две папки: чертежи_ на седалки - за съхраняване на всички графични изображения и индекс - за съхраняване на всички html документи.
Използвайки горния текст като шаблон, направете първоначалното оформление на страницата, като замените буквените обозначения с необходимите цифрови стойности. Трябва да се има предвид, че когато поставяте информация в отделни рамки, ще трябва да промените тези пропорции !
Запишете резултата както в текстов, така и в HTML формат под индекса на имената в папката със същото име - индекс.
Създаване и редактиране на графични елементи на страница интернет витрини.
За да запълните прозорците на интернет витрината, ще ви трябват уеб страници, съдържащи подходяща информация, или графична, като банер, или текст, като елементи от менюто на навигатора.
Всички графични елементи, необходими за формирането на уеб страници, се намират в папката Чертежи за рамки, който се намира в папката IRM на сървърния диск. Копирайте ги във вашата папка чертежи_ на седалки за по-нататъшна обработка.
Принципите на обработка на изображения в Adobe Photoshop бяха обсъдени по-рано. Най-простите техники за получаване и преобразуване на картини с помощта на Paint са разгледани по-долу.
За да преоразмерите или завъртите изображението, използвайте съответната лента с менюта с инструменти Рисуване.
За изрязване на част от чертеж, копиране, поставяне и др. трябва да използвате инструмент отделяне от лявата палитра.
Същата палитра съдържа инструменти за оформяне на рамки, избор, изтриване на част от картината, запълване и т.н...
За да получите произволен графичен фрагмент текущ екран използвайки Paint, трябва да копирате текущия екран в клипборда, за което е достатъчно да натиснете добре познатия клавиш Prt Sc. След това, след като активирате Paint, вмъкнете това изображение в неговото поле за по-нататъшно редактиране и запазване.
Формиране на съдържанието на графични страници на рамки
За запълване на прозорците банер и адрес необходимо е да се създадат подходящи уеб страници с повикване към необходимата информация в подходящите рамки . Препоръчително е да ги запазите под тези имена !
Когато извиквате страници, трябва да вземете предвид тяхното относително положение в директорията. Така че, ако извиканата страница се намира в същата папка, достатъчно е да посочите само нейното име. В случая, когато извиканата страница се намира в „съседната“ папка, трябва да посочите фрагмент от пътя към нея от текущата точка на директорията. Например, ако идва от папката индекс извикайте картината, която се намира в папката чертежи_ на седалки, тогава пътят към него ще бъде "./Seat_pictures/image_name" !