1. Рамките

Рамките са използвани за разпределение на прозореца на браузъра на няколко зони, всяка от които представлява различен HTML-документ (рамка или рамка).

Истинското предназначение на рамки - това навигация (а не средство за оформление на страницата). кадър Идеята е да се разделят екрана на няколко зони или прозорци. Това ви позволява да видите повече от документа и ви позволява да се консолидират през цялото време, за да се движите на екрана.

При използване на прост дизайн с две рамки (Фигура 1) участва три документа:

• документ, който описва кадър структура,
• документ за лявата рамка,
• документира за дясната рамка.

Фиг. 1. Прост рамкиране структура от два кадъра

Рамките се съдържат в структурата и . подмяна на дограма страница структура и , т.е. документ, който описва структурата на рамката още няма тагове и .

Това даде възможност на запор върху рамката райони.

атрибути етикет

Този атрибут определя броя и ширината на колоните на рамката. ширина колона може да се настрои в пиксели или процент.

Графи = N - определя ширината на колона до п пиксела.

Графи = N% - разпределя тази колона кадър н% - на ширината на прозореца на браузъра.

Този атрибут определя броя и височината на редовете на рамката. разстояние между редовете може да се зададе в пиксели или проценти.

редове = N - определя височината на ред в п пикселите.

редове = N% - разпределя тази линия кадър н% - процент от височината на прозореца на браузъра.

Този атрибут определя рамката за картографиране рамкова конструкция.

зададения чрез да - показва триизмерен рамка (по подразбиране).

зададения чрез не - невидима рамка

За да се определи по-добре редовете и колоните, не са в пиксели, и използване на относителни стойности. Звездичката (*) се използва за означаване, че екранът е разделен на пропорционалните части: COLS = "* * *" - съответства КОЛОНИ = "33%, 33%, 33%."

Графи на стойностите (колона), редове (низ) списък трябва да са оградени с кавички. Ако кавичките не са използвани между стойностите трябва да бъде без интервали.

Помислете например код структура проста рамка, показано на фиг. 1.

Казус 1

1. Създаване на папка рамки. Копирайте файловете с изображения fon3.jpg фонове fon8.jpg, fon10.jpg на html_css_4 папка
2. Отворете shablon.html на файла
3. Промяна на кода в Обява на Фигура 2. Освен документа по frames_2.html за името
4. Създайте файл, както е показано на фигура 3. Запазване на документа по doc1.html за името
5. Създайте файл, както е показано на фигура 4. Запазване на документа по doc2.html за името
6. Стартирайте файла с двойно кликване frames_2.html. В уеб-страница на браузъра Internet Explorer трябва да бъде във вида, както е показано на фиг. 1

Фигура 2. Рамка структура на две колони

Фигура doc1.html 3. Документ

Фигура doc2.html 4. Документ

Фиг. 1 е изглед на HTML-страницата в браузъра. Екранът е разделен вертикално на кадър 2. Левият рамката е 25% от екрана и съдържа страница с doc1.html за титлата. В дясната рамка ще вземе 75% от екрана и съдържа doc2.html страница.

свободен край Той определя един кадър. Това несвоени маркер. свободен край Тя трябва да бъде точно толкова, колкото и на екрана е разделена на региони. Ние маркирате е със следните характеристики:

Този атрибут позволява на потребителите да се променя размера на рамката, за да се предотврати нарушаването на дизайна на страницата.

практика 2

1. Open shablon.html файл.
2. Промяна на текста, както и в Обява 5 на фигурата.
3. Запазете документа в папка с името рамки frames_3.html
4. В новия документ въведете текста, който виждате в Обява 6. С изключение на документа по doc3.html за името
5. Стартирайте файла с двойно кликване frames_3.html. В браузъра уеб-сайта на Internet Explorer трябва да има формата, както е показано на фиг. 7.

Моля, имайте предвид, че размерът на отвор в рамковата конструкция трябва да е равен на броя на затваряне

Фигура 5. Рамка структура на трите рамки

Фигура doc3.html 6. Документ

Фигура 7. Рамка структура на трите рамки

• Създайте файл с рамковата конструкция на нашия сайт MyHouse.ru състоящ се от три кадъра (фиг. 8). Запишете го в public_html папка под името index.html
• Право рамка, присвоява името на основните.
• В горната част на рамката, поставете управление по линията (файл shapka.html)
• В лявата рамка, списъка на проекти (файл menu.html).
• В дясната рамка - main.html файл.

Фигура 8. рамкова структура на обекта MyHouse.ru

2. Организиране на хипервръзки

Помислете още само задължителен атрибут за HREF.

котвата на източник - един текст или изображение, на която потребителят кликне с мишката, за да се премести в друг уеб-сайт или уеб страница.

Хипервръзки могат да бъдат вкарани в всяко място HTML - документ.

Фиг. 9 е пример за HTML-код създаване на хипервръзки и да видите страницата на браузъра с този код:

За повече информация относно услугите на нашата агенция, може да получите

тук

В този пример, модел "ris.jpg" графичен елемент е задължителен. Браузърът я отличава синя ивица.

• <а href="../folder/my.htm"> - преминаване към друг документ на своя уебсайт

например: Tekstgiperssylki

практика 3

практическо zadanie4

1. В папката public_html, създайте папка на проекта. и вътре в нея img_d_152_1d папка.

2. Нанесете за уеб-страница на проекта г-152-1d, като се използват материали (текст и снимки) на проекти / г-152-1d папка. За стилове в листа стил и форматирането означава маркиране на атрибутите трябва да се използват уеб-страница.

3. Трябва да се използват всички материали. В резултат на това, че имате уеб-сайт трябва да има следните блокове: Заглавие, абстрактни, Материали цена за проекта, планове, коти

4. Запазване на интернет-страницата под името projekt_d-152-1d.html в папката проекти. Приблизителни резултатите показани на Фиг. 12.

Фиг. 12. Уеб-страница projekt_d-152-1d.html.

5. townhouse.html уеб-страница място имиджа на проект D-152-1D и фразата "Проект D-152-1D» като хипервръзки на страница projekt_d-152-1d.html. който съдържа по-пълна информация за проекта (фиг. 13).

6. Проверка на хипервръзки.

Фиг. 13. Изображението е препратка

Например, трябва да се създаде връзка от масата на съдържанието на първата глава

1. В таблицата на съдържанието до заглавието на глава 1 трябва да създаде запис:

2. В рамките на уеб-страницата, до заглавието на глава 1, и да се създаде етикет с помощта на името на етикет на атрибута му се даде име. Browser не излъчва съдържанието на този маркер като отправна точка, тъй като се използва като етикет. В рамките на етикета на документа трябва да бъде уникален.

• Html и CSS в примерите бутон представят, за да изпратите

• Създаване на HTML връзки предизвикателство задействане скайп, моят кибер вселена

• Различията CSS на HTML