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

Сложность
Возраст
с 12 лет
Время освоения
64 ак.часов
Компьютерный курс "Основы 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)

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

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

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

индивидуальные занятия
  • Занятия проходят индивидуально
  • Интенсивность занятий, дни и время устанавливаются индивидуально
групповые занятия
  • Занятия проходят в группах от 3 до 5 человек
  • Каждый учащийся занимается на отдельном компьютере
  • Интенсивность занятий, дни и время согласовывается с группой при записи на курс
Название компьютерного курса Объем Стоимость
индивидуально группа
Пользователь компьютера + Интернет 30 ак. часов 195 руб./ ак.час 100 руб./ ак.час
Компьютерный дизайн 290 руб./ ак.час 180 руб./ ак.час
Цифровая фотография
Компьютерное рисование
3D графика и анимация
1С: Бухгалтерия 18 ак. часов 290 руб./ ак.час -
Основы Web-программирования: 110 ак. часов  
Часть 1. Web-дизайн(html, css) 30 ак. часов 290 руб./ ак.час 180 руб./ ак.час
Часть 2. Web-программирование (PHP, js) 40 ак. часов¹ 355 руб./ ак.час 195 руб./ ак.час
Часть 3. Web-программирование Yii (PHP), jQuery (JavaScript), Bootstrap(css) 40 ак. часов 395 руб./ ак.час 215 руб./ ак.час
Программирование (на С++): 88 ак. часов  
Часть 1. С++ Базовый курс 48 ак. часов 290 руб./ ак.час 180 руб./ ак.час
Часть 2. Продвинутый курс С++ 40 ак. часов 355 руб./ ак.час 195 руб./ ак.час
¹ - 40 ак.часов - минимальная продолжительность курса, при условии знакомства с основами программирования. Если Вы не знакомы с основами программирования, продолжительность курса должна быть продлена до 60-80 ак.часов

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

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

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

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

Предлагаем консультации по всем открытым курсам учебного центра. Продолжительность консультации минимум 2 академических часа, стоимость 350 руб./ ак.час.

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

test, 741 год 32 дня назад

test

Руслан, 12 лет 238 дней назад

Все очень понравилось, многому научился!!!

Влад, 16 лет 238 дней назад

Мне 16 лет. Мне все понравилось.Узнал много нового. 5 из 5

Дмитрий, 15 лет 238 дней назад

Мне 15 лет мне очень понравилась программа изучение html и css

Игорь, 16 лет 238 дней назад

Мне 16 лет. На курсах мне все понравилось, было очень интересно и увлекательно. Единственное, что мне не понравилось, это то, что нужно было рано вставать.

Никита, 15 лет 238 дней назад

Спасибо за прохождение курса HTML. На занятиях все подробно объясняли.

Илья, 13 лет 1 год 215 дней назад

Прошел курс Web-дизайна. Очень интересно, материал был уточнен до мелочей, каждому уделялось достаточное кол-во времени. Не было загружения домашкой, были интересные задания, чувство азарта и адреналина во время написания дипломной работы зашкаливало! Тема актуальна в наше время, поэтому считаю этот курс полезным.