Web-программирования. Часть 1. Web-дизайн

Сложность
Возраст
с 12 лет
Время освоения
144 ак.часов
Для школьников
5850 руб. за 16 ак. часов
Индивидуальные
23700 руб. / 15 занятий
Компьютерный курс "Основы Web-программирования" посвящен созданию интернет-сайтов

Программа обучения по компьютерному курсу
" Web-программирования. Часть 1. Web-дизайн"

HTML

  • Тема 1. Создание html-документа
    • Основные понятия
    • HTML-редактор
    • Браузер
    • Язык html
    • Понятие тег. Парные и непарные теги.
    • Создание html-страницы (html-документа) – index.html
    • Структура html-страницы. Основные теги
    • Теги оглавления
    • Кодировка
  • Тема 2. Работа с текстом
    • Основные теги форматирования текста
      • Физическое форматирование
      • Логическое форматирование
    • Блочные и строковые (инлайновые) теги
    • Атрибуты тегов
    • Комментарии
    • Спецсимволы
  • Тема 3. Работа с изображениями
    • Добавление изображений на страницу
    • Атрибуты тега <img />
    • Указание пути к файлу изображения
    • Виды использования изображений:
      • в тексте
      • как фоновые изображения
      • favicon
  • Тема 4. Списки
    • Маркированные
    • Использование изображений как маркера списка
    • Нумерованные
    • Списки определений
    • Вложенные списки
    • Комбинированные списки
  • Тема 5. Таблицы
    • Теги для создания таблиц, их атрибуты и значения
    • Текст в таблице
    • Объедение ячеек таблицы
  • Тема 6. Ссылки
    • Внешние ссылки
    • Внутренние ссылки
    • Якорь (анкер)
    • Атрибуты и параметры тега <a> </a>
    • Меню для сайта
  • Тема 7. Карты ссылок
    • Теги <map></map> и <area />
      • прямоугольник
      • окружность
      • полигон
  • Тема 8. Фреймы
    • Макет сайта
    • Атрибуты тега <frameset>
    • Атрибуты тега <frame>
  • Тема 9. Внедрение аудио- видеоэлементов. Iframe
    • Внедрение собственного видео
    • Внедрение видео с Youtube
    • Внедрение аудиоэлементов
  • Тема 10. Формы
    • Протоколы передачи гипертекстов (POST, GET)
    • Формы
    • Элементы формы:
      • text
      • password
      • radio
      • checkbox
      • reset
      • select
      • textarea
    • Возможности HTML5
      • Автозаполнение в текстовых полях
      • Проверка вводимых данных (поля ввода email, url и tel)
  • Тема 11. Основы верстки
    • Верстка
    • Верстка таблицами

CSS

  • Тема 12. CSS (cascading style sheet)
    • Способы подключения CSS к документу
      • Связанный (Linked или External)
      • Внедренный (Embedded)
      • Встроенный (Inline)
    • Подключение файла .css
    • Правила построения CSS: селекторы, свойства, значения
    • Виды селекторов
    • Классы элементов. Идентификаторы элементов
    • Псевдоклассы
  • Тема 13. Основные свойства CSS
    • Свойства CSS, отвечающие за шрифт
    • Свойства CSS, отвечающие за размер элементов
    • Свойства CSS, отвечающие за текст
    • Свойства CSS для элементов
    • Свойства CSS, отвечающие за позиционирование элементов
    • Свойства CSS, отвечающие за фон
    • Свойства CSS, регулирующие отступы элементов
    • Свойства CSS, которые позволяют установить размер поля для элемента
    • Браузерные префиксы
  • Тема 14. Позиционирование элементов
    • Статическое позиционирование
    • Фиксированное позиционирование
    • Относительное позиционирование
    • Абсолютное позиционирование
    • Перекрывание элементов
    • Верстка слоями (div)
  • Тема 15. Меню сайта на CSS
    • Горизонтальное меню
    • Вертикальное меню
    • Выпадающее меню
    • Псевдоэлементы
  • Тема 16. Подключение готовых решений JQuery (Javascript)
    • FancyBox
    • Галерея изображений
    • Диалоговые окна
    • Встраивание карт Google и Яндекс (на основе элементов FancyBox и/или тега Iframe)

Выпускная работа

Создание статического web-сайта на основе предложенного дизайна
(например: сайт-визитка, информационный сайт)

Компьютерный курс "Web-программирование (HTML, CSS)" входит в курс "Web-программирование"

Все части курса:
     Web-программирование (HTML, CSS)
     Web-программирование (PHP, JavaScript)
     Web-программирование (YII, jQuery, Bootstrap)
     Web-программирование (Front-end разработка)

Записаться на этот курс

УСЛОВИЯ ОБУЧЕНИЯ для школьников

  • Обучение проходит в группах от 5 до 10 человек
  • Каждый ученик занимается на отдельном компьютере
  • Каждый курс рассчитан на 1 учебный год (9 месяцев) продолжительностью 144 часа, есть ускоренные курсы - подробности по телефонам консультантов
  • Занятия проходят с интенсивностью 1 раз в неделю по 4 ак. часа
  • Стоимость курсов от 5850 руб./мес. (за 16 ак. часов)
  • График обучения, дни и время устанавливаются индивидуально при записи на курс

УСЛОВИЯ ОБУЧЕНИЯ для взрослой аудитории

индивидуальные занятия
  • Занятия проходят индивидуально
  • Интенсивность занятий, дни и время устанавливаются индивидуально
групповые занятия
  • Занятия проходят в группах от 3 до 5 человек
  • Каждый учащийся занимается на отдельном компьютере
  • Интенсивность занятий, дни и время согласовывается с группой при записи на курс
Название компьютерного курса Объем Индивидуально
Пользователь компьютера + Интернет 10 занятий 15 800 руб.
Компьютерный дизайн 15 занятий 23 700 руб.
1С: Бухгалтерия 9 занятий 15 800 руб.
Основы Web-программирования: 55 занятий  
Часть 1. Web-дизайн(html, css) 15 занятий 23 700 руб.
Часть 2. Web-программирование (PHP, js) 20 занятий¹ 31 600 руб.
Часть 3. Web-программирование Yii (PHP), jQuery (JavaScript), Bootstrap(css) 20 занятий 35 600 руб.
Программирование (на С++): 44 занятия  
Часть 1. С++ Базовый курс 24 занятия 37 900 руб.
Часть 2. Продвинутый курс С++ 20 занятий 35 600 руб.
¹ - 40 ак.часов - минимальная продолжительность курса, при условии знакомства с основами программирования. Если Вы не знакомы с основами программирования, продолжительность курса должна быть продлена до 60-80 ак.часов

При записи на второй и последующие курсы учебного центра возможны скидки.

Показать стоимость

Предлагаем дополнительные услуги:

К каждому пройденному курсу Вы имеете возможность брать дополнительные часы .
Стоимость дополнительного академического часа соответствует стоимости академического часа основного курса (смотреть таблицу выше).
Основная задача – закрепление полученных практических навыков.

Записаться на этот курс

Отзывы по курсу " Web-программирования. Часть 1. Web-дизайн"

Егор, 13 лет 2 года 135 дней назад

Очень информативный курс
Курс: Web-программирования. Часть 1. Web-дизайн

Юля, 23 года 3 года 175 дней назад

Завершила курс программирования PHP/JavaScript. По результатам пройденного курса получила очень много полезных знаний, умений и навыков. Большое спасибо преподавателям за возможность получения знаний в данной сфере в понятной и продуктивной форме!
Курс: Web-программирование

Андрей, 16 лет 4 года 153 дня назад

Закончил курс PHP/JavaScript. По окончании курса очень многому научился, всё очень понравилось, отличный преподаватель.
Курс: Web-программирование

Владислав, 13 лет 4 года 163 дня назад

Этот курс был очень интересным и увлекательным. Всем советую пройти его, ведь он очень легкий и быстрый.
Курс: Web-программирования. Часть 1. Web-дизайн

Галина, 52 года 5 лет 145 дней назад

Совершенно недетский курс. Содержательные конспекты и замечательно подобранные практические задания по темам позволяют за месяц освоить программу обучения Web-дизайну (HTML+CSS). Полученных знаний, приобретенных умений и навыков достаточно для самостоятельной верстки макета сайта по предложенному дизайну и создания веб-страничек. Особый респект преподавателю: индивидуальный подход к обучающимся, доступное изложение материала и действенная помощь в практических работах.
Курс: Web-программирования. Часть 1. Web-дизайн

Диана, 14 лет 5 лет 146 дней назад

Мне очень понравился курс Web-дизайна. Было очень интересно, учитель объяснял темы хорошо и понятно, курс полезным и познавательным для меня.
Курс: Web-программирования. Часть 1. Web-дизайн

Глеб, 12 лет 5 лет 146 дней назад

Мне все понравилось! Эти курсы были очень интересны и познавательны! Денег не жалко! Правда не понравилось то, что иногда приходилось рано вставать. А так все круто!
Курс: Web-программирования. Часть 1. Web-дизайн

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