Верстка \ Курс по HTML&CSS

фрейм

Всем привет. В данном уроке, мы научимся создавать меню с нестандартным шрифтом, как представлено на картинке ниже.

menu

В общем-то, сложности в создании такого меню нет. Но здесь используются нестандартные шрифты, которые браузер отобразить не может. Про то, как добиться отображения именно таких шрифтов, которые вы сами (или дизайнер) указали в макете, читайте далее.

Кстати, к данному уроку прилагается видео версия. Так что если лень читать

Качаем виде версию урока 15.

Продолжить чтение

Верстка \ Курс по HTML&CSS

фрейм

Всем доброго времени суток! С Вами Бернацкий Андрей.

Прежде, чем перейти непосредственно к статье, я Вам хочу дать ссылку на видео-версию данной темы:

Видео версия 14 урока

В этом выпуске мы поговорим о фреймах в HTML. Фреймы по своей сути очень похожи на таблицы, но в отличие от таблиц, каждый фрейм независим и в каждом из них может быть отдельная web страница со своим адресом.

Продолжить чтение

Верстка \ Курс по HTML&CSS

блочная верстка

Всем доброго дня!

На связи Бернацкий Андрей!

В данном выпуске речь пойдет о создании сайта с помощью блоков, т.е. блочная верстка сайтов.

Кстати говоря, данный выпуск имеет видео версию, можете скачать по ссылке:

Видео версия 13 урока

Для этого, нам необходимо познакомиться с CSS-свойством float, которое является одним из наиболее частоиспользуемых, при блочной верстке страниц сайта.

Продолжить чтение

Верстка \ Курс по HTML&CSS

управление над видимостью объекта

Доброго времени суток, уважаемые подписчики!

На связи Андрей.

Этот выпуск рассылки хотелось бы посвятить управлению видимости элементов в CSS.

Но прежде даю Вам ссылку на видео-версию данного урока:

Видео версия 12 урока

В html существуют возможность делать объект видимым или невидимым, причем есть различные варианты, и они по-разному отображают содержимое.

Итак, начнем.

Представим ситуацию: нам нужно в блок размером 200 на 300 пикселей вместить достаточно большой фрагмент текста (в принципе это может быть что угодно).

Продолжить чтение

Верстка \ Курс по HTML&CSS

верстка

Всем привет!

С Вами снова Андрей.

Очередной выпуск рассылки будет посвящен элементу span и элементу div в HTML.

Сегодня Вам будет предложено 2 версии урока. Одна в текстовом виде – ее Вы видите перед своими глазами, а второе ВИДЕО – ее Вам нужно будет скачать.

Ссылка на видео версию урока:

Видео версия 11 урока

На наш взгляд видео версия Вам будет более понятна.

Так, про дополнительные элементы html…

Продолжить чтение

Верстка \ Курс по HTML&CSS

звуковые файлы

Всем привет. C Вами Андрей.

Из этого выпуска мы узнаем, каким образом можно подключить звук к HTML странице, т.е. файлы звукового формата к вашему сайту.

Существует 3 метода встраивания звуковых файлов.

Первый вам уже знаком. Это ссылка на звуковой файл — универсальный вариант, который поддерживается большинством браузеров.

<a href="myfile.mp3"> текст ссылки </a>

По нажатию на эту ссылку, автоматически запускается стандартная программа для воспроизведения файлов указанного формата, обычно это Windows Media (воспроизводит AIFF, AU, MIDI, WAV и МРЗ — файлы). Этот вариант вам знаком, поэтому пойдем дальше.

Продолжить чтение

Верстка \ Курс по HTML&CSS

html формы

Всем привет!

В этом уроке речь пойдет о тегах html форм.

Формы HTML — это те поля, куда мы, например, вводим свои данные при регистрации на каком — либо сайте, форуме и т.д.

Предложу начать с примера, потом подробно его разберем и рассмотрим виды форм.

И так, начнем.

Продолжить чтение

Верстка \ Курс по HTML&CSS

свойства css

Продолжим изучать свойства таблиц стилей css.

В этом выпуске мы познакомимся со стилями, которые позволяют форматировать списки, и рассмотрим стили для задания различного вида границ элементов.

Итак о списках.

Стилей форматирующих списки не так много. Вот они все:

list-style-type — задает вид маркера для списка.

Значения:

Продолжить чтение

Верстка \ Курс по HTML&CSS

css

Доброго времени суток уважаемые подписчики.

В этом выпуске продолжим изучение каскадных таблиц стилей (CSS).
Расширим наши знания по свойствам таблиц стилей. Посмотрим на возможности управления ссылками из CSS. Начнем говорить о блоках.

Итак, давайте рассмотрим несколько свойств, связанных с форматированием текста.

font-family — названия применяемого шрифта.

Пример:

Продолжить чтение

Верстка \ Курс по HTML&CSS

css

Здравствуйте, уважаемые подписчики.

С Вами я, Андрей!

В этом выпуске мы поговорим о CSS (каскадных таблицах стилей).

О том, как и для чего их применяют, как подключать таблицу стилей к HTML файлу, что такое классы, для чего они создаются и какими они бывают.

И так начнем!

С помощью таблиц стилей можно указать правило отображения тега HTML в браузере.

Таблица стилей — это фактически набор правил, которые применяются к HTML тегам. Каждое правило состоит из селектора и определения.

Селектор — это тэг HTML.

Определение — это свойство тега и значение. Определение указывается в фигурных скобках, свойство и значение отделяются двоеточием(:). В конце каждого определения ставится точка с запятой (;).

Продолжить чтение