HTML и CSS за начинаещи

HTML & CSS за начинаещи (Част 01): Първо поглед върху HTML, CSS и други.

Всички видеоклипове от урока

HTML (Hypertext Markup Language) е език за маркиране, което позволява структуриране на съдържанието. За форматирането на съдържанието отговарят стиловете. Повече за тях ще бъде разгледано по-долу.

Отговрни за развитието на HTML е World Wide Web Consortium (кратко W3C).

Когато става въпрос за HTML, е решително важно да се попита: Коя версия трябва да избера да използвам? За HTML се поддържат множество версии и важни моменти:

• HTML (ноември 1992): Това е първата версия. Фокусът върху текстови документи.

• HTML 2.0 (ноември 1995): Вече има елементи за картинки и формуляри.

• HTML 4.0 (декември 1997): Представени са стилове, рамки и скриптове.

• XHTML 1.0 (януари 2000): Това е преработката на HTML 4.0 чрез XML.

• HTML5 (април 2009): Това все още е чернови проект, който не е официално приет като стандарт.

Фокусът в следващите уроци ще бъде HTML5. С HTML5 се очаква да има нови вълнения сред HTML света. Новата спецификация предлага множество интересни нововъведения, включително комфортни формуляри, индикации за напредък, елементи за рисуване и подобрена структура на документите. Освен това, с новия стандарт се допуска вграждане на видео без плъгин и се предоставя четец за "Drag & Drop".

Първото предложение за HTML5 вече беше публикувано през 2004 г. от Web Hypertext Application Technology Working Group (WHATWG) под името Web Applications 1.0. Налице са множество функции на HTML5, въпреки че все още не е публикуван като официален стандарт. Това не е изненадващо, тъй като WHATWG се състои от алианс на производителите на браузъри Apple, Mozilla и Opera. Стартът на WHATWG беше реакция на забавеното развитие на уеб стандартите от страна на World Wide Web Consortiums (W3C).

Защита става въпрос за това, което убеди производителите на браузъри да разработят собствен HTML стандарт. До този момент развитието на HTML е било определено от W3C. Проблемите започнаха, когато W3C трансформира HTML 4.01 към XHTML 1 без специални корекции в съдържанието. Първоначално W3C искаше да установи XHTML 1 като първа стъпка към XML-базирана уеб среда. Следвало е да последва XHTML 2. Точно тази концентрация на W3C върху XML доведе до раздразнение от страна на производителите на браузъри. Според техните гледни точки, подходът на XML е практически малозастъпнически и не отразява реалните желания на потребителите. (Както W3C разбира нещата).

От 2007 г. насам W3C и WHATWG работят заедно по спецификацията на HTML5. Последните развития по HTML5 могат да бъдат открити на http://www.w3.org/TR/html5/. Фокусът в бъдещите уроци ще бъде върху HTML5.

CSS за форматирането

Сигурно сте работили с шаблони за документи в Word или други текстообработващи програми. Ако маркирате ред, можете да изберете формат на шаблона.

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

Каква връзка има Word с HTML? За HTML-документи съществуват шаблони. Тези шаблони могат да се дефинират с CSS (Cascading Stylesheets). Благодарение на CSS може да се зададе, например, че основните заглавия (h1) да бъдат с размер 22 пиксела, показани в зелен Arial шрифт.

Стиловете позволяват стриктното разделяне на структура и оформление. За структуриране на документите се използва HTML. Както изглеждат елементите в крайна сметка се задава с CSS.

Какво ви е необходимо

В следващите уроци ще получите стъпка по стъпка познания по HTML и CSS. За изработването на уебсайтове на база HTML и CSS не ви е необходима сложна софтуерна система. В най-прост случай можете да използвате – ако работите с Windows – стандартния редактор.

Той не е особено удобен, но е достатъчен за начало. Ако предпочитате нещо по-удобно, трябва да потърсите "истински" HTML редактор. Един от класическите е разбира се Dreamweaver.

Този редактор обаче не е безплатен.

HTML & CSS за начинаещи (Част 01): Първи поглед към HTML, CSS и други.

От друга страна, за лични потребители безплатен е phase5 (http://www.phase5.info/). Затова, ако искате да използвате редактора за лични цели, това е един добър и безплатен инструмент, който можете да използвате.

HTML & CSS за начинаещи (Част 01): Първи поглед към HTML, CSS и други.



Освен редактор, вие също трябва да имате инсталирани най-важните браузъри за тестване на уебсайта. Наистина, браузърите понякога интерпретират HTML и CSS по много специфичен начин. С тази перспектива, тестовете на страниците в различни браузъри са задължителни. Имайте поне инсталиран Интернет Експлорър, Google Chrome и Mozilla Firefox. Идеално е също да тествате уебсайта си и в браузъра Opera, както и на таблет или телефон.