Статьи и заметки о хостинге, доменах, сайтах и интернете в целом
Header

HTML и CSS с чего начать

Июль 18th, 2014 | Posted by admin in обучение | разработка | сайты

tags

Как я уже рекомендовал в одном из предыдущих постов, для человека активно занимающемуся интернет деятельностью, или тому кто интересуется как создаются сайты, очень удобным для ввода в курс дела сайт htmlbook. Почему не какая нибудь толстая книжка, потому что, у вас сразу отпадет куча сопутствующих вопросов при чтении комментариев в каждом небольшом разделе, таких как: в каком редакторе писать html-код в разных операционных системах, как поступать в типовых рабочих ситуациях с кодом, в чем разница и т.д. Особенно просто разъясняются отличия версий HTML 4.01 и HTML5.Раньше все эти знания приходилось собирать по крупицам на форумах, причем уже после прочтения какого-нить внушительного тома литературного издания.

Ещё раз упомяну, что язык html не является языком программирования, а лишь язык верстки, здесь нет переменных и каких-то сложных логических конструкций, поэтому он легко понятен даже ребенку.

CSS же не является чем то самостоятельным, а скорее дополнением к технологии верстки html. Стандарт CSS взял на себя функции оформления и стилизации содержния html-страниц и по сравнению с языком верстки этот стандарт труднее для понимания. CSS целиком и полностью состоит из набора свойств объектов. В то время, как для языка верстки HTML остается только порядок размещения этих объектов на странице с помощью тегов.

В свое время когда я уже писал сайты с использованием CSS (файлов стилей), приходилось не мало усилий затратить, чтобы посмотреть как выглядят типовые каркасные конструкции сайта: сайт из шапки, футера и двух колонок например. Было не просто вникать в отличия резиновой верстки от фиксированной. Сейчас же в таких потугах нужды нет, создан не один сервис для онлайн генерации базовых шаблонов, вам лишь нужно задать интересующие параметры. Для новичка я считаю это отличное подспорье csstemplater.

Даже если вы не планируете зарабатывать на жизнь версткой, что конечно же совсем нелёгкий труд, то понимание и некоторые навыки обращения с html и css в любом случае помогут в таких делах как верстка красивого письма для рассылки, поздравительная открытка, красиво оформленная запись в личном блоге, в общем везде где есть, может быть, использован :) код разметки.

Когда уже первые шаги в освоении новой технологии сделаны, первая страница с использованием CSS написана, настало время протостировать написанное не только в своем браузере, но и в во всех других! Кажется что это засада, но зарубежные наши товарищи уже давно позаботились о такой удобном сервисе как онлайн просмотрщик в различных браузерах, пруфлинки: browsershots, browserling. Второй вариант более функциональный, но очень медленный, поэтому лучше работать с первым и уж когда совсем нужно все проверить тогда идти на второй сайт.

Оставить отзыв

Ваш e-mail не будет опубликован. Все поля кроме Сайт обязательны для заполнения.


   

 

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">