Первые шаги
- Инструменты разработчика
- Несколько полезных советов
- Структура документа
- Валидация: что это и как проверить
HTML-технологии
Пишите на сайтах красиво!
(оформление текста)- Рамка вокруг текста.
- Как изменить размер шрифта.
- Как изменить цвет шрифта.
- Как изменить вид (семейство) шрифта.
- Некоторые приёмы оформления текста.
- Как сделать бегущую строку.
Не просто картинка!
(работа с изображениями)- Исследуем код картинки.
- Как сделать баннер.
- Варианты размещения картинок в документе.
- Как сделать надпись на картинке с помощью HTML.
- Как сделать на картинке кнопку.
- Как сделать карту-изображение.
Анкер? Link? Ссылка!
(как создать и оформить ссылки)Парад ячеек и столбцов
(всё о таблицах)- Для чего используются таблицы.
- Создадим каркас таблицы.
- Как сделать заголовки для таблицы, для ячеек и столбцов.
- Как изменить в таблице цвет фона, строк, ячеек и столбцов.
- Как выровнять таблицу и её содержимое по центру/по левому/правому краям.
- Как сделать отступ между границей таблицы и её содержимым.
- Объединяем ячейки по горизонтали и вертикали.
- Вложение таблиц одна в другую.
- Создаём красивую рамку с помощью таблиц. Формулы рамок.
Красота требует форм!
(как сделать формы)По порядку становись!
(создаём списки)- Как сделать простой нумерованный список.
- Как сделать простой маркированный список.
- Список определений.
- Как сделать выпадающий список.
- Как изменить тип маркера списка.
- "Своя" картинка вместо маркера списка.
CSS-технологии
- CSS: структура и код. Преимущества использования.
- Основные селекторы: теги, классы, id.
- Как подключить стили CSS.
- Блочные и строчные элементы - в чём разница?
- Оформить красиво текст? Легко!
- Сделаем привлекательный фон для документа.
- Псевдоклассы и псевдоэлементы: когда и где.
- CSS и оформление границ.
- Оформление ссылок.
- Как сделать рамку вокруг изображения.
- Задаём отступы и поля.
- CSS для списков.
- Как добавить тень тексту с помощью CSS
- Облегчим себе жизнь, оформляя таблицы с помощью CSS.
- CSS-спрайты и эффект "перекатывания".
- Плавающие элементы и очистка.
- Абсолютное позиционирование.
- Относительное позиционирование.
- Статическое позиционирование.
- Фиксированное позиционирование.
- Z-индекс, что это?
Полезности для вашего сайта
Основы веб-дизайна
- Как создать или заменить иконку сайта.