Основы 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)
     Web-программирование (Front-end разработка)

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

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

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

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

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

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

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

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

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

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

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

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

Галина, 52 года 168 дней назад

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

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

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

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

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

Лиза, 11 лет 169 дней назад

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

Кристина, 12 лет 169 дней назад

Мне очень понравился web дизайн хочу ещё
Курс: Основы Web-программирования. Часть 1. Web-дизайн

Сергей, 30 лет 302 дня назад

Я изучил полный курс Web-программирования ( HTML, CSS, PHP, MySQL JavaScript, bootstrap, а так же Yii Framework и JQuery). После изучения языков, я занимался с преподавателем, практической работой по созданию проекта. На занятиях я получал ответы на любые вопросы, которые позволили сформировать четкое, системное понимание технологий, правильность их внедрения, и взаимодействия между собой. Глубокие практические знания по Web-программированию, дают уверенность, при создании сайтов различной сложности. Хочу так же выразить благодарность моему преподавателю за терпение, внимание и высочайший профессионализм. Желаю успехов в постижении науки будущим программистам.
Курс: Web-программирование

Руслан, 12 лет 1 год 204 дня назад

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

Оставить отзыв
Открыт набор
школьников на
компьютерные курсы