Програма курсу "Верстка сайтів (HTML, CSS)"

Програма курсу "Верстка сайтів (HTML, CSS)"

Основи інтернет-технологій. Мова HTML

• Основи web і HTML
• Принципи роботи інтернет
• Що таке гіпертекст. Специфікація мови HTML
• World Wide Web Consortium (W3C). стандарти HTML
• Структура документа HTML
• Що таке тег, атрибути тега, правила оформлення HTML документа
• Форматування заголовків і абзаців
• форматування тексту
• Використання спецсимволов
• Робота з нумерований і маркованими списками
• Види і застосування гіперпосилань
• Графіка в HTML. Формати зображень, що використовуються в web дизайні
• Зображення в якості посилання і карта-зображення
• Таблиці в HTML. Створення, форматування та способи застосування таблиць в HTML-документі
• Робота з фреймами
• Теги для створення і редагування форм і їх елементів (кнопки, поля введення / виведення, checkbox, radio та ін.)

Оформлення зовнішнього вигляду сайту. Каскадні таблиці стилів (CSS)

• Синтаксис CSS
• Правила вбудовування CSS в HTML-документ
• Специфікації CSS
• Селектори, типи селекторів
• Псевдоелементи і псевдокласи
• Блоки оголошення стилів
• Зовнішні таблиці стилів
• Огляд одиниць вимірювання в CSS
• Властивості для форматування тексту
• Властивості для форматування фону і фонового малюнка
• Властивості CSS для створення і редагування списків
• Правила для відступів і рамок. Властивості для редагування рамок
• Властивості CSS для створення і редагування таблиць
• Створення меню, що випадає в CSS
• Верстка шаблону сайту. Способи позиціонування елементів (position і float)
• Блокова верстка. Створення шаблону на основі графічної моделі
• Підбору колірних схем для оформлення сайту
• Огляд нових можливостей в CSS3, підтримка властивостей в сучасних браузерах

Розміщення сайту в Інтернеті

• З чого почати
• Що таке хостинг, що таке доменне ім'я
• Як правильно вибрати хостинг і доменне ім'я
• Завантажуємо сайт на хостинг. Працюємо з адмінкой. Працюємо з FTP-сервером
• Платні та безкоштовні хостинги (переваги і недоліки)
• Адміністрування сайту
• Просування сайту в пошукових системах (основи SEO)

Введення в web-програмування. Основи мови JavaScript

• Основи програмування
• Обробка подій
• Поняття змінної, типи змінних
• Масиви, розгалуження (умова if)
• Обробка форм. Введення / висновок і перевірка даних

Основи роботи з CMS (на прикладі Wordpress)

• Основи роботи з CMS системами
• Установка Wordpress (на прикладі безкоштовного хостингу)
• Створення простого сайту на Wordpres

SEO для верстальника

• Що таке індексація, як її прискорити
• Google webmaster і інші ресурси для сеошника
• Що таке семантичне ядро і ключові слова
• Де в html-сторінці прописувати ключові слова
• Карта сайту для пошукового бота
• Як правильно налаштовувати robots.txt