Категория ‘XHTML/JS’

* Преформатиране, код и цитати

Публикувано на 02 септември 2009 от Филип Петров. Записано в XHTML/JS.


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

.

    Няма коментари


* Imagemap

Публикувано на 01 септември 2009 от Филип Петров. Записано в XHTML/JS.


Идеята за imagemap идва от прехода между дизайн към конкретна реализация на уеб сайт. В миналото, когато не са били налични средства за динамични обекти като Flash или Java, е било проблем създаването на „красиви“ сайтове. Често дизайнерите са давали проекти на програмистите, които не е било възможно да бъдат осъществени. Това е честа ситуация, при която художник рисува скица на важен елемент на сайта, който трябва да стане динамичен. Оказва се, че не винаги техниката на „рязане“ на картинката на части и поставянето на отделните парчета в таблица е достатъчно. Например може да се наложи да направим бутони със сложни форми – нещо неосъществимо от досегашните статии, понеже картинките винаги се вмъкват като правоъгълници. Прочети още…

.

    (5) коментара


* Цветове

Публикувано на 30 август 2009 от Филип Петров. Записано в XHTML/JS.


Вече забелязахте, че ни се налага да работим с цветове. Досега използвахме т.нар. именовани цветове. Така ако искахме синьо пишехме „blue“, ако искахме червено – „red“ и т.н., т.е. извикваме конкретен цвят чрез неговото име. Именованите цветове са и т.нар. „безопасни цветове“, т.е. такива които са дефинирани строго във всеки един браузър и винаги се визуализират по един и същи начин, без значение на спецификите на системата. В стандарта HTML са залегнали само 16 такива цвята, но във всички браузъри от 2005г. насам е залегнат общопризнат стандарт на общо 140 – ще ги покажем по-долу. Прочети още…

.

    Няма коментари


* Мета тагове

Публикувано на 30 август 2009 от Филип Петров. Записано в XHTML/JS.


Още в първата статия въведохме понятието „мета информация“ и го преведохме като „информация за информацията“. Мета таговете се използват за две главни цели – подаване на команди към браузъра и „скрито“ за потребителя описание на съдържанието на страницата. Прочети още…

.

    Няма коментари


* Класове и идентификатори

Публикувано на 29 август 2009 от Филип Петров. Записано в XHTML/JS.


Досега показахме множество примери със т.нар. „inline“ стилове. При тях стилът се променя на мястото където ни е нужно това. Това води до редица неудобства:

  1. Представете си страница с 10 параграфа, всеки от който трябва да е с тъмно сив фон и бели букви. Ясно е, че с досегашните знания ние ще променяме стиловете за фон и букви десет пъти;
  2. Не е хубаво да се смесват дизайн и съдържание. Би било много по-добре ако може да ги разделим максимално много.

Затова за щастие има възможност за „изнасяне“ на CSS кода в заглавните тагове <head>. Ето един пример: Прочети още…

.

    Няма коментари


* Форматиране на таблици

Публикувано на 27 август 2009 от Филип Петров. Записано в XHTML/JS.


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

1. cellpadding: атрибут със стойност в пиксели, чрез който се обозначава разстоянието между текста в клетките и рамката на клетките в таблица.

Пример: Прочети още…

.

    Няма коментари


* Фонове

Публикувано на 27 август 2009 от Филип Петров. Записано в XHTML/JS.


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

1. Фонов цвят на полета:

<p style="background-color:yellow">
	Текст на жълт фон
	<span style="background-color:pink">
		с вмъкнат текст на розов фон
	</span>.
	Самият текст по подразбиране е черен.
</p>

Резултат: Прочети още…

.

    Няма коментари


* Таблици

Публикувано на 26 август 2009 от Филип Петров. Записано в XHTML/JS.


Таблиците са често използвано средство за форматиране на HTML страници. Също така те са и едно от основните средства за постигане на ефектен дизайн. Таблиците приемат изключително класически смисъл – състоят се от редове (<tr> – table rows) и колони (<td> – table data). Самите таблици се ограждат в таг <table>. Има и специални стойности <th> – table head или „заглавни колони“. Ще демонстрираме една примерна таблица и в последствие ще обясним всеки нейн елемент: Прочети още…

.

    (2) коментара


* Списъци

Публикувано на 26 август 2009 от Филип Петров. Записано в XHTML/JS.


Когато ни се налага да изброяваме поредица от елементи, то ние използваме т.нар. „списъци“. Езикът HTML позволява доста възможности за осъществяване на такава функционалност.

1. Подредени списъци: Може би са по-добре познати са като „номерирани списъци“. Чрез тях изреждаме стойности една след друга, като всяка си има пореден уникален номер. По подразбиране номерът следва числата 1, 2, 3, 4, … Прочети още…

.

    (2) коментара


* Стандартни шрифтове

Публикувано на 23 август 2009 от Филип Петров. Записано в XHTML/JS.


За разлика от стандартните текстови документи, в правенето на интернет страница се залага изключително много на визуалното представяне. Доста голяма роля за него играят шрифтовете. Естествено целта на тези статии не са да обучават на дизайн и естетика. Затова ще се фокусираме главно към технологията. Подбора и комбинацията от шрифтове ще оставим за други специализирани курсове.

Вече показахме възможности за декориране на текст, като например често използваното подчертаване. Освен това още в началото казахме как можем да удебеляваме текст чрез таг <b> и да го правим в курсив чрез таг <i>.  Всъщост удебеляването и курсива могат да се постигнат също чрез стилове: Прочети още…

.

    Няма коментари


« По-стари пулбикации
По-нови пулбикации »

Страници

Категории

Нови

Връзки