АНО Класс-Сервис

Курс для начинающих «Веб-верстка»

Записывайтесь на курсы прямо сейчас!

287-90-27

Вы хотели бы сделать сайт для себя или для своих близких и друзей, но не всегда  есть время  на обширный курс?  Изучайте языки веб-программирования и методы верстки с нами!

Здесь Вы научитесь:

 Использовать макеты дизайна сайта для верстки веб-страниц;
 Верстать страницы сайта;
 Создавать шаблонные страницы и внедрять их в Программное Обеспечение по управлению контентом сайта (CMS);
 Создавать сайты (на базе CMS) с многоуровневой навигацией, формой обратной связи, гостевой книгой, новостным содержимым, индивидуальным дизайном;
Добавлять дополнительные виджеты на сайт (CMS) (календари, счетчики посещений, прогноз погоды и т. п.).

Курс рассчитан на людей не имеющих знаний в области HTML и CSS   и является I СТУПЕНЬЮ КУРСА ВЕБ-ПРОГРАММИРОВАНИЯ. Поэтому, в целях оптимизации получаемой информации и эффективности проработки навыков владения веб-версткой, курс построен на базисных версиях: HTML и  CSS.

 

Если у вас нет возможности и времени посещать занятия в нашем учебном центре, мы предлагаем пройти дистанционные курсы по веб-верстке. В этом случае слушатель сам выбирает удобный для него график освоения учебных материалов и выполнения всех контрольных и итоговых работ. Записывайтесь на дистанционное обучение прямо сейчас!

 

Веб-технологии для новичка

 

Программа курса

Основы HTML

  • Что такое тег. Виды тегов. Правила написания тегов и атрибутов.
  • Теги заголовков.
  • Теги текстовых блоков.
  • Вставка горизонтальных линий.
  • Создание кавычек и цитат.
  • Вставка спецсимволов.

HTML. Создание ссылок. Добавление в документ медиаконтента

  • Гиперссылки в веб-документе. Создание гиперссылок.
  • Основные форматы изображений для web.
  • Тег img и его атрибуты.
  • Вставка аудио контента в веб-документ: тег audio и его атрибуты.
  • Вставка видео контента в веб-документ: тег video и его атрибуты.

HTML. Создание таблиц. Создание списков

  • Создание таблиц.
  • Тег table и его атрибуты.
  • Тег создания строк и его атрибуты.
  • Тег создания ячеек и его атрибуты.
  • Тег создания заголовков таблицы.
  • Вставка таблицы в ячейку таблицы (создание вложенных таблиц).
  • Создание маркированных, нумерованных и определенных списков. Создание вложенных списков

HTML. Создание интерактивных форм

  • Создание форм.
  • Выпадающий список выбора.
  • Выпадающий список выбора с полосой прокрутки.
  • Флажки, переключатели.
  • Тег fieldset, значение, правила написания.
  • Визуальное выделение группы элементов формы.

Графика

  • Основные принципы создания макета дизайна сайта в графическом редакторе.
  • Подготовка («нарезка») макета дизайна сайта для использования в html-документе.

CSS. Основы

  • Синтаксис CSS.
  • Методы включения CSS в html-документ.
  • CSS-настройки ширины элементов (width, min-width, max-width).
  • CSS-настройки высоты элементов (height, min-height, max-height).
  • CSS-настройки отступов элементов (margin, margin-top, margin-bottom, margin-left, margin-right).

CSS. Настройка полей, границ и фона элементов

  • CSS-настройки полей элементов (padding, padding-top, padding-bottom, padding-left, padding-right).
  • CSS-настройки границ элементов (border, border-width, border-style, border-color, border-top, border-bottom, border-left, border-right и т.д.).
  • CSS-настройки фона элементов (background, background-color, background-image, background-position, background-repeat, background-attachment).
  • Модель формирования истинных размеров элемента.

CSS. Форматирование текста и шрифта, генерирование контента

  • CSS-настройки шрифта, используемого в элементах (font, font-family, font-size, font-style, font-weight, font-variant, line-height, color).
  • CSS-настройки отображения текста в элементах (text-align, text-decoration, text-transform, text-indent и т.д.).
  • Специальные добавочные селекторы для управления контентом, добавляемым перед или после основного контента элементов (псевдоэлементы before и after).
  • CSS-настройка, позволяющая добавлять дополнительный контент к элементам (content).
  • CSS-настройки, позволяющие создавать специальные «счётчики» и управлять ими (counter-reset, counter-increment).

CSS. Позиционирование и отображение

  • Понятие «стандартного потока» элементов. Нарушение «стандартного потока» элементов.
  • CSS-настройки управляющие «обтеканием» элементов (float, clear).
  • CSS-настройки, управляющие отображением элементов на странице (display, visibility).
  • CSS-настройки, управляющие положением элементов внутри «стандартного потока» (position, top, bottom, left, right, z-index).

Селекторы. Одиночные селекторы

  • Простые одиночные селекторы: селектор по имени тега, селектор по имени класса, селектор по имени идентификатора, селектор по атрибуту.
  • Комплексные одиночные селекторы. Принципы использования.
  • Комплексный одиночный селектор. Частный случай. Селектор по наличию нескольких классов.

Селекторы. Составные селекторы

  • Принципы использования составных селекторов.
  • Примитивные составные селекторы: селектор по соседнему признаку, селектор по дочернему признаку, селектор по контекстному признаку.
  • Комплексные составные селекторы. Принципы использования.
  • Иерархия приоритетности селекторов.

Селекторы. Селекторы псевдотипа

  • Основные принципы использования селекторов псевдотипа.
  • Псевдоклассы. Особенности использования псевдоклассов.
  • Псевдоклассы первого и последнего дочернего элементов (first-child, last-child).
  • Псевдокласс наведения курсора мыши на элемент (hover).
  • Псевдоэлементы. Особенности использования псевдоэлементов.

CMS. Создание веб-шаблона страницы

  • Обоснования создания исходного веб-шаблона.
  • Практика. Подготовка макета дизайна к внедрению в html-документ («нарезка»).
  • Практика. Создание базового веб-шаблона (html + css).
  • Практика. Подготовка оформления дополнительных элементов веб-шаблона (html + css).

CMS. Внедрение веб-шаблона в систему CMS. Редактирование контента

  • Что такое CMS. Принципы работы CMS с веб-шаблонами и контентом.
  • Подготовка веб-шаблона для внедрения в CMS (изменение путей, расстановка функциональных меток CMS в веб-шаблоне).
  • Настройка CMS для использования веб-шаблона.
  • Добавление и редактирование контента при помощи CMS.

CMS. Использование функций CMS

  • Включение в контент формы обратной связи. Изменение веб-шаблона для её отображения.
  • Включение в контент новостного блока. Изменение веб-шаблона для его отображения.
  • Добавление контента новостного блока.

Поисковая оптимизация

  • Принципы работы поисковых машин.
  • Файл «robots.txt» (обоснование использования, размещение файла, основные директивы).
  • Что такое «карта сайта». Необходимость её использования.
  • Доменное имя. Принципы выбора. Получение.
  • Внедрение сайта на внешний сервер.
  • Типы доступов к файловой системе сайта, расположенного на внешнем сервере.
  • Взаимодействие с основными поисковыми системами в качестве веб-мастера. Преимущества использования аккаунтов веб-мастера в Google и Яндекс.
  • Счётчики посещений. Определение и типы.
  • Создание семантического ядра сайта.
  • Использование семантического ядра, при добавлении контента.

[свернуть]

 

✔ Стоимость  обучения:  16 700  рублей ( Специальная цена 15000 руб при оплате за 2 недели  до начала занятий; Специальная цена 15 500 рублей за 4 дня до начала занятий.)

✔ Длительность курса: 2 мес

✔ Время занятий : 14.30-17.30; 18.00-21.00

✔ Начало курса:   23.01.2019 года

✔ Периодичность занятий: 2 раза в неделю ( среда и пятница)


Дистанционный вариант обучения

✔ Длительность полного курса:   24 занятия

✔ Стоимость дистанционного курса:  12 000 руб

✔ Начало курса: с любого дня

✔ Описание дистанционного  обучения: можно скачать здесь

 

Как записаться на курс:

 Физическим лицам:

Форма оплаты: банковской картой.

Первый способ:

  1. Вы отправляете заявку
  2. Скачать заявку
  3. Заполняете заявку
  4. Отправляете нам в формате Ворд на class-servis@mail.ru
  5. Мы высылаем договор на обучение.
  6. Вы производите оплату по реквизитам, указанным в договоре.

 

Второй способ:

  1. Скачать договор для дистанционного обучения.
  2. Отправить нам заполненный договор на почту
  3. Произвести оплату по реквизитам, указанным в договоре.

 

 Организациям:

Форма оплаты: безналичный расчет.

Первый способ:

  1.  Вы отправляете заявку на: class-servis@mail.ru.
  2.  Мы высылаем Вам договор и счет .

 

Второй способ:

  1. 1.Вы скачиваете договор для дистанционного обучения
  2. Отправляете нам заполненный договор
  3. Мы отправляем счет на оплату.

Скачать заявку

Ответы на часто задаваемые вопросы:

1. Смогу ли я после ваших курсов сделать сайт?
Да, сможете:
а. После курса Web-вёрстка Вы сможете создать сайт, состоящий из статических страниц (например, файлы «html», содержащие в себе, описанную Вами разметку документа), связанных между собой навигацией (блок ссылок на смежные страницы сайта) и/или сайт базирующийся на элементарном ПО (программное обеспечение) по управлению контентом сайта (так называемое CMS), с индивидуальной, созданной Вами разметкой (дизайном) и возможностью управления им через так называемый пользовательский интерфейс ПО (административная часть CMS);
б. После курса Web-программирование Вы сможете создать сайт базирующийся на разработанном Вами ПО (программное обеспечение) по управлению сайтом (так называемое CMS) и/или создавать дополнительные программные приложения к уже имеющемуся сайту (типа «обратная связь», «страница отзывов», «система регистрации и авторизации» и т.п.).

2. Если я уже знаю HTML нужно ли мне проходить первую ступень?
Нужно, т.к. недостатки во владении HTML и знании модели построения древовидной структуры документа и т.п. (данные знания особенно важны при изучении клиентских языков программирования (javascript и базирующаяся на нем популярная библиотека jQuery)) могут существенно затруднить процесс Вашего обучения во 2-м блоке курса Web-программирование. Кроме того, дополнительная практика и повторение знаний по HTML будут полезны для развития профессиональных навыков.

3. Что я буду уметь после ваших курсов по программированию?
см. ответ на вопрос №1

4. Что я буду уметь после ваших курсов по программированию?
см. ответ на вопрос №1, подпункт б

5. Для чего мне нужно знать HTML при изучении PHP?
a. Для уверенной ориентации в файлах php, т.к. файлы со сценариями кода php могут содержать в себе как html-разметку, так и сам php-код;
б. Для понимания, что Вы подготавливаете и что передаете в браузер для отображения.

6. Какие CMS мы будем изучать на курсе?
а. Ну курсе «Web-вёрстка» Вы изучите элементарное CMS, предназначенное для: ознакомления с принципами работы CMS, управлением CMS через административную панель и подготовкой дизайна (разметки) для внедрения в CMS;
б. На курсе «Web-программирование», II ступень CMS не изучаются, но изучаются языки программирования и приемы, используемые при создании CMS.

7. что такое CSS и для чего мы его изучаем?
CSS (Cascading Style Sheets) или Каскадные Таблицы Стилей используются для оформления html-документов. CSS является современным и мощным инструментом для оформления html-документа.

8. Как построено занятие, мы будем писать лекции?
Занятия делятся на 2 вида:
I. Теоретико-практическое занятие. На данном занятии Вам будет предоставляться теоретическая информация по тематике соответствующего занятия и практические задания для: пояснения теории, демонстрации вариаций использования теоретической информации и наработки навыков её использования;
II. Практическое занятие. Данное занятие представляет собой набор заданий, рассчитанных на более глубокое использование и понимание информации, полученной на нескольких теоретико-практических занятиях.

9. Смогу ли я создать сайт интернет магазина?
Качественный сайт интернет-магазина является сложной, многоступенчатой программируемой системой управления контентом (CMS). Разработка ПО по управлению интернет-магазином, является задачей для группы разработчиков. Т.е. для Вас будет достаточно проблематичным создать CMS интернет-магазина, но используя навыки и знания, полученные в процессе обучения Вы сможете использовать готовые CMS интернет-магазина.

Скачать договор для юридических лиц

Договор для физических лиц

Договор дистанционного обучения

Преподаватели

SONY DSC
Сахапов С.Р — более 6 лет в сфере создания, сопровождения сайтов. Один из ведущих преподавателей курсов по веб-технологиям.
27.05.2015

Есть вопросы? Мы вам перезвоним!