Tutorial CSS - Conclusão: de HTML/CSS ao Drupal
На этом заканчивается учебник по CSS, но не заканчивается изучение CSS. Я предлагаю перейти к практике и дальше изучать CSS на основе создания темы друпала. Я найду в Интернете psd макет и мы сверстаем его в тему друпала на основе темы Zen.
Вы также можете переходить к изучению PHP:
Tutorial CSS - Aula 5: float, clear
Представьте себе бурную горную реку, текущую очень быстро и шумно. И вот на пути этой реки встает камень и река обтекает этот камень. Если камень слева по отношению к направлению течения реки, то река обтекает камень справа, если камень справа - то река обтекает его слева. Так же работает свойство css float.
Tutorial CSS - Aula 4: display. div vs span
В прошлых уроках мы подключили css через файл и написали немного css-кода чтобы посмотреть как это все работает. В этом уроке мы разберемся с одним важным свойством display. Свойство display отвечает за то как отображается тег в HTML документе, будет он располагаться как текст в линию или это блок который имеет свой высоту и ширину. Итак, начнем с самого простого, как по умолчанию отображаются теги, а отображаются они по разному: <div> отображается как блок, <span> как текст в линию. Давайте начнем с того как отображается текст.
Tutorial CSS - Aula 3: background-color, font-style, font-weight, text-align, text-decoration, text-transform
За время существования HTML придумали много тегов и теперь с повсеместным применением css от некоторых придется отказаться, среди таких тегов <font>, <b>, <i>, <center>. Позже мы рассмотрим другие "запрещенные" теги. Также эти свойства помогут вам избежать лишнего кода в HTML-коде страницы и вынести его в css-файлы.
Tutorial CSS - Aula 2: primeiros passos. background, color
Привет, Всем. Итак, в прошлом уроке я сделал два файла html и css. Вот их код:
index.html:
<html>
<head>
<title>Учебник CSS</title>
<link type="text/css" rel="stylesheet" media="all" href="style.css" />
</head>
<body>
<p>Учите CSS вместе с drupalbook.org</p>
<p>2 строка учите CSS вместе с drupalbook.org</p>
</body>
</html>style.css:
Tutorial CSS - Aula 1: conectando estilos
Я не буду объяснять зачем нужен CSS. Если вы открыли этот учебник значит вы желаете его выучить. От себя лишь скажу, что возможности CSS очень широки и позволяют верстать макеты любой сложности. В свою очередь использование css означает, что вам придется отказаться от использования различных атрибутов тегов size, color, bgcolor, align и других, которые будут "мешать" CSS.
Tutorial de CSS
Итак, вы прочитали книгу по HTML и теперь делаете еще один шаг к созданию своего красивого сайта и начинаете изучать CSS. Зачем нужен CSS? Если вы прочитали мои Первые шаги HTML, то наверно заметили насколько это небольшое пособие. Я намерено пропустил много тегов и много атрибутов, которые отвечают за оформление: курсив, жирность, цвет, форму, выделение. Я сделал это с расчетом, что вам это не понадобится.
Tutorial HTML - materiais complementares
На HTML Вы можете написать свой собственный сайт. Этот учебник HTML научит вас многому в написании HTML сайта. Уроки HTML просты для понимания, вы будете наслаждаться HTML.
HTML primeiros passos - Conclusão
Я думаю на этом закончить HTML учебник, но я буду продолжать выкладывать уроки по HTML если они взбредут мне в голову. Вам может показаться, что учебник оказался очень коротким, но и озаглавлен он "Первые шаги". Не думаю что так необходимо описывать все теги, это я сделаю потом в справочнике по HTML.
Если вы думаете о продолжение обучения, то я рекомендую продолжить учить CSS, это часть HTML, которая позволяет оформлять HTML-элементы, чтобы все выглядело красиво.
Вот ссылка на мой учебник по CSS.
HTML primeiros passos - Aula 9: criando menu
Основным элементом сайта является меню (навигация). Через него происходит перемещение по страницам сайта. Также меню важно для индексации сайта поисковиками, без связи между страницами поисковик не сможет пройти по всем страницам. Vejamos do que um menu é feito.