ПредишенСледващото

Фиг. 5.2 показва как ще се показва на страницата, както е описано в Пример 5.2, в прозореца на Internet Explorer. Page е разделен на четири зони на черни линии, е отговорен за това, което приписват BORDERCOLOR = "# 000000".

Фиг. 5.2. рамки за управление Пример граничните

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

Фиг. 5.3. Опитвайки се да се промени на границите на един кадър

5.3. превъртане

• Да - винаги причинява появата на ленти за превъртане, независимо от обема на информацията;

• не - забранява лентите за превъртане на;

• Автоматично - ленти за превъртане се показват (по подразбиране), ако е необходимо.

Да разгледаме пример на страницата, в която се използва конструкцията, описана по-горе (фиг. 5.4).

Фиг. 5.4. Пример контрол плъзгачите

5.4. Връзки в рамките

В повечето случаи, когато кликнете на линка в текущия прозорец на документ браузър е заменена с нова. При използване на рамки документи изтегляне схема се различава от стандарта. Основната разлика - възможност за качване на документа на избран кадър от друг. За тази цел цел атрибут елемент А. Стойността е името на рамката, която ще се зареди документ е посочено името на атрибута.

Обява 5.3 показва пример за HTML-документ, където някои рамки имат имена.

Обявата 5.3. Вашата начална страница

Тази страница съдържа 4 кадър

Фиг. 5.5 показва HTML-документа (виж Обява 5.3), през четвъртото рамката, която се зарежда страница, която съдържа връзка към друг документ: друга страница.

Фиг. 5.5. Четвъртият рамката съдържа връзка към друг документ

Ако потребителят кликне върху бутона на мишката върху тази връзка, нов документ е зареден във втория кадър, както е посочено от целта за атрибут = «frame2» (фиг. 5.6).

Фиг. 5.6. Във втория кадър, за да се зареди нов документ

Трябва също да се отбележи, че името на рамката трябва да започва с цифра или главна буква. Следните наименования се използват като резервиран:

• целева = "_ празен" - документът ще се зарежда в нов прозорец;

• целева = "_ аз" - документът е зареден в текущия кадър;

• целева = "_ родител" - ако един документ с хиперлинк е вградена в един от рамки, документът се зарежда в основния прозорец или фрейм;

• целева = "_ отгоре" - отменя всички рамки и зарежда документа в прозореца на пълнофункционален браузър.

Използването на рамки, не забравяйте за особеностите на хипервръзки. Ако не е посочен атрибута за цел, целевата документ е зареден по подразбиране в една и съща рамка. Ако зададете несъществуващо име на рамката, той се отваря нов прозорец на браузъра, за да даде на посоченото име. За външни връзки трябва да определят стойността на целевата атрибут или _горен, _blank, или към сайтове на други хора не се показват във вашите рамки, и взе цял екран.

Не злоупотребявайте с името «_blank», тъй като потребителите често не забелязват, че в нов прозорец отвори. Незатворени прозорци трупат, а вие може да се загуби в тях.

5.5. Промяна на размера на рамката

По подразбиране, размера на рамката може да се променя с помощта на мишката. Ти просто трябва да преместите курсора над границата между рамки и, притежаващи левия бутон на мишката, плъзнете границата, за да наляво или надясно, нагоре или надолу (фиг. 5.7).

Фиг. 5.7. Промяна на размера на рамката на показалеца на мишката

С цел да се блокира възможността за промяна на размера на рамката от страна на потребителя, трябва да използвате атрибута noresize рамков елемент.

noresize не е атрибут изисква никакви ценности. За страници с два кадъра, този параметър може да бъде определен само на едно място. Разбира се, ако човек не може да промените размера на рамката, а след това в близост до него размер и няма да се промени.

5.6. вградени рамки

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

документ без етикети, съдържащи . , и ви позволява да добавите страница, всички други независими документи. В елемента Аз кроя можете да зададете същите качества като елементите при описване на конвенционалните рамки. Освен това, могат да се използват следните характеристики: широчина, височина, hspace, vspace, приведе, чиито стойности съвпадат със стойностите, съответстващи IMG елемент атрибути.

.

5.7. пространството вътре контрол на рамката

По подразбиране на браузъра показва рамки с лентата на нетните помещения (области) между съдържанието и границите на кадър от 10 пиксела. Контролирайте тази рамка пространство чрез използване на marginheight marginwidth и атрибути. Marginwidth атрибут определя височината на свободното място на ляво и дясно на рамката на съдържанието и marginheight - горната и долната част, съответно. Чрез определянето на стойността на областта, е необходимо да се използват и двете качества, тъй като браузърът може автоматично да намали размера на полетата, които не посочват, до най-ниската стойност. Стойностите на тези атрибути трябва винаги да бъдат посочени в абсолютни (пиксели) и минималната стойност е равна на един пиксел.

Вземем примера на HTML-документ, който съдържа само два кадъра (списъци 5.4). Променете областта на първия кадър, а второто поле ще остави по подразбиране. Разликата се забелязва с невъоръжено око, във всеки кадър, за да зареди изображение.

Обявата 5.4. Променете полетата на рамката

Тази страница съдържа 2 кадъра

HTML страница, както е описано по-горе, е показан на фиг. 5.9. В съответствие с кодовата страница на областта на първия кадър е значително по-различна от втора област, тръгнахме по подразбиране.

Фиг. 5.9. Пример за управление на кадрите полета,

Трябва също да се отбележи, че стойностите на полетата трябва да бъдат посочени за всеки кадър поотделно. Ако използвате фреймове за запис marginheight = 45 marginwidth = 1>, браузърът просто ще игнорира стойностите на атрибутите, вместо да ги определи за всички рамки.

5.8. Предимства и недостатъци на рамки

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

Предимства на следващия кадър.

• Простота - в рамки страница HTML-разграничени в два региона, които съдържат навигацията на сайта и неговото съдържание. механизъм рамка позволява да отворите документа в един кадър на линка по-надолу в един напълно различен кадър. Това разделяне на HTML-страници на компонентите на интуитивен и логически определена.

• Бързо - за оформление без рамки характеристика настаняване на една страница и навигация, и съдържание. Това увеличава размера на всяка страница и сумата може значително да повлияе на количеството данни, заредени от сайта. От кадрите, използвайки информацията за разделение на частта от страницата, за да ги ще се зареждат по-бързо.

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

• Промяна на размера на полета - можете да промените размера на рамката "в движение", която не позволява на традиционното оформление на HTML.

Недостатъците на такива рамки.

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

• Несъвместимост с различни браузъри - параметрите на рамката имат свойството напълно различен начин показва в различни браузъри. И противоречието между тях е толкова очевидно, че същите параметри се интерпретират от браузъра по съвсем различен начин.

В тази глава, като се запознаете с рамки, които са един от основните обекти на HTML. Вие научихте как да създавате и управлявате своите отделни елементи. Също така, знаете ли в какъв ред да се използват ефективно рамки и какви са техните предимства и недостатъци в използването им.

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

глава 6
проектиране форми

6.1. ФОРМА елемент

6.2. Създаване на полета на формуляра

Какво е важно в интернет? Нейната интерактивност. Можете да общуват с посетителите на сайта и да получите обратна връзка за работата - такова взаимодействие винаги е полезно и интересно. Създателите на сайта знаят как това е интересно за посетителите, както и да го променят към по-добро, а посетителите имат възможност да участват в живота на сайта, за да комуникират един с друг и с неговите създатели.

Основното нещо, когато създавате форма - да се погрижи за това, че полето вашето предложение да бъде удобен за посетителите и подходящи за отговорите на вашите въпроси.

Технически форми предават данни от потребителя до отдалечения сървър. Това позволява на потребителите да създават система за регистрация, форуми, книги за гости. За приемане и обработка на данни, използвани форми уеб езици за програмиране (PHP, Perl), но ние не ги разглеждаме в тази книга. Въпреки, че тя ще трябва да се помисли аспекти, свързани с планирането, ние ще се съсредоточи върху функциите и възможностите на формите, които са полезни за автора да интелигентно и удобно да ги подредите в страницата.

Представено фрагмент продукт е поставен със съгласието на дистрибутора легално съдържание ООД "литра" (не повече от 20% от първоначалния текст). Ако смятате, че местоположението на материала в нарушение на правата на някой друг, а след това, моля да ни уведомите.

Можете да прочетете книгата? Спечелете това!

Напиши на администратор група - Сергей Макаров - пиша

Свързани статии

Подкрепете проекта - споделете линка, благодаря!