- Время обучения : 64 академических часов, 16 дней
- Базовая стоимость обучения : 13900 рублей
- Скидка на утренние и дневные группы : 0 %
Успешно окончив обучение вы получите Свидетельство ГЦДПО с присвоением квалификации Web-мастер
Поделитесь с друзьями, возможно им это будет полезно
Учебные курсы web-дизайна и web-программирования предназначенны для специалистов, работающих в сфере разработки, создания, оформления web-сайтов, а также специалистов по созданию архитектуры, системы администрирования и управления web-сайтами. Данный комплексные курсы является учебными курсами web-мастеров и готовят специалистов широкого профиля. Web-мастер – web-специалист, обладающий умением и навыками работы как по созданию web-дизайна, так и по программированию web-сайтов. Web-мастер совмещает в себе задачи двух взаимосвязанных специалистов: web-дизайнера и web-программиста.
Данные курсы помогут слушателям получить знания и навыки для выполнения полного цикла работ по созданию web-сайтов: с момента разработки графического макета web-сайта и до размещения готового и функционирующего сайта на сервере. Также учебный курс web-мастеров позволит слушателям познакомиться с основами поисковой оптимизации, разобрав основные механизмы продвижения web-сайтов в поисковой системе.
Учебный курс web-мастеров является модульной программой, состоящей из двух основных этапов обучения.
Первый этап – обучение web-дизайну, на котором слушатели будут постигать методики, технологии и этапы работ по созданию оформления и дизайна для web-сайтов. Обучение слушателей начнется с самых азов: знакомства с понятиями www, web, гипертекстовых документов, классификацией веб-сайтов, их типами, назначениями и использованием.
Далее слушатели будут изучать организацию и последовательность проводимых работ по созданию web-сайтов, необходимые для этого программы и программное обеспечение. Непосредственное обучение web-дизайну начнется с изучения и освоения языка HTML, его основами, стандартами, основных тэгов и тэгов необходимых в работе с текстом, изображениями, псевдографики, спецсимволов. Далее слушатели курса будут осваивать работу по созданию интерактивных элементов, работу с графическими объектами и их размещением на веб-сайтах.
Завершающим обучение web-дизайну этапом для слушателей будет знакомство и изучение технологии CSS, особенностей ее применения и использования, а также освоение методики создания web-сайтов по шаблону. Учебный курс web-мастеров построен по принципу от простого к сложному для осмысленного восприятия и усвоения информации слушателями.
Вторым этапом учебного курса будет обучение web-программированию, на котором слушатели познакомятся с основными языками web-программирования, классификацией web-сайтов с точки зрения web-программиста, классификацией скриптов, их различиями и областями применения. Дальнейшее обучение будет посвящено подробному изучению языков VBScript, PHP, SQL, PERL, JavaScript, знакомясь с особенностями, синтаксисом, областями применения каждого из них, а также возможности совместного использования на примерах создания связки PHP-MySQL. Особое внимание во время будет уделено работе по созданию, редактированию баз данных, написанию различных скриптов, функций, полезных и применяемых при создании любого типа web-сайтов.
Обучение web-программированию является завершающим этапом учебного курса, которое позволит Вам создавать архитектуру сайтов разнообразного назначения, различного уровня сложности, а также разрабатывать систему администрирования контента сайта.
Окончив курсы web-технологий по данному направлению, Вы будете обладать серьезной базой знаний, позволяющей выполнять весь комплекс работ по созданию полноценного сайта с многофункциональной системой управления его содержимым.
Выпускникам учебный центр ГЦДПО оказывает помощь в трудоустройстве по специальности: Web-мастер, Web-дизайнер, Web-программист, Web-оптимизатор.
Учебная программа курса
Обучение web-дизайну
1. Введение
- Понятие WWW (Web). Понятие гипертекстовых документов и веб-сайтов.
- Классификации веб-сайтов. Различные типы веб-сайтов, их назначение и использование.
- Типы гипертекстовых документов (веб-страниц), их различия и сходства. Где могут размещаться и храниться веб-страницы и сайты. Понятие вебсервера и принципы его взаимодействия с пользователем.
- Распределение обязанностей специалистов, работающих в области WWW (Web).
- Обзор программ (браузеров) для просмотра веб-сайтов.
- Подбор аппаратного и программного обеспечения для работы над веб-сайтом. Необходимый минимум для начала работы. Обзор программного обеспечения.
- Способы создания веб-сайтов: визуальный, работа с кодом, комбинированный.
- Разработка структуры и этапы построения веб-сайта. Информационное наполнение и взаимосвязи основных разделов и подразделов, а также дополнительных страниц веб-сайта.
- Организации, разрабатывающие стандарты гипертекстовой разметки, и их официальные сайты. Обзор технологий гипертекстовой разметки (HTML, XML, VML и т.п.), их сходства и различия.
- Язык HTML. Основы, версии и стандарты языка HTML. Структура документа HTML. Основные разделы кода веб-страницы. Понятие тэгов HTML, их типы и оформление.
- Объявление типа документа. Варианты и стандарты.
- Открытие блока HTML и начало блока заголовков.
- Обзор заголовков гипертекстовых документов, их синтаксис и назначени
- Обзор других тэгов, входящих в блок заголовков.
- Закрытие блока заголовков и открытие основного блока (тэг BODY). Обзор основных параметров тэга BODY и их использование (установка фонового цвета и изображения веб-страницы, задание цветов текста и ссылок и т.д.).
- Закрывающие тэги блоков HTML.
- Создание шаблонного кода веб-страницы в простом текстовом редакторе и проверка его работы в браузере. Способы редактирования кода веб-страниц.
2. Обзор тэгов HTML для работы с текстом. Создание текстовых заголовков различных уровней и их позиционирование на веб-странице
- Обзор тэгов оформления и выделения текста, а также изменения его размеров и цвета.
- Обзор тэгов разрыва строк и выделения блоков, их области применения.
- Обзор тэгов создания списков различных типов.
- Принципы вставки спецсимволов и тэги псевдографики. Понятие Unicode, его создание и применение.
- Тэги вставки изображений на веб-страницы и их параметры. Обзор поддерживаемых графических форматов, их различия, ограничения и использование.
- Понятие, использование и принципы построения таблиц. Обзор тэгов создания таблиц и их параметры.
- Понятие гиперссылки. Типы и области применения гиперссылок. Тэги создания гиперссылок и их параметры.
- Создание кода и разработка шаблона новостной ленты сайта.
3. Понятие карты сайта, её назначение и использование
- Обзор тэгов создания карты сайта и их параметров. Пример создания карты сайта.
- Понятие, типы и использование фреймов. Тэги создания фреймов и их параметры. Пример создания фреймовой структуры сайта. Установка плавающих фреймов на веб-страницу и их использование.
- Использование мультимедия на веб-сайте. Обзор тэгов для размещения аудио- и видеофайлов, а также Flash-анимации на веб-страницах и их параметры. Ограничения использования мультимедия.
- Понятие и применение комментариев HTML. Обзор тэгов для вставки комментариев и ограничения их использования.
4. Создание интерактивных элементов
- Понятие, типы и назначение скриптов.
- Понятие и использование форм на веб-страницах.
- Принципы взаимодействия формы со скриптами.
- Обзор тэгов для создания элементов формы (текстовых полей, выпадающих списков и т.д.).
- Введение в JavaScript, его назначение и области применения.
- Объектная модель веб-страницы и браузера. Примеры объектов.
- Понятие, типы и использование событий на веб-страницах. Примеры использования некоторых событий.
- Создание интерактивных объектов на веб-странице.
- Создание всплывающих окон и их использование.
5. Работа с графическими объектами и их размещение на веб-сайтах
- Требования и условия размещения графических объектов на веб-страницах. Обзор поддерживаемых форматов, их различия и использование.
- Принципы адаптации графики. Адаптация графических изображений для размещения на веб-страницах. Обзор программного обеспечения для адаптации графики, его различия и возможности. Примеры адаптации изображений в различных форматах с помощью программы Adobe Photoshop и подобных графических редакторов.
- Понятие и использование нарезки изображений. Примеры нарезки изображений в программе Adobe Photoshop или подобных графических редакторах. Сборка нарезанных изображений в браузере с помощью таблиц.
- Понятие, области применения и принципы создания анимации.
- Обзор программного обеспечения для создания анимации.
- Пример создания и редактирования анимированных изображений в программе Adobe ImageReady или подобных редакторах.
- Понятие, типы, назначение и использование баннеров. Требования к параметрам баннеров и условия их размещения на сайте. Примеры создания баннеров. Установка баннеров и анимированных изображений на веб-страницы.
6. Технология CSS, её версии и поддержка браузерами
- Понятие, область применения и принципы построения каскадных таблиц стилей (CSS). Использование CSS на вебстраницах, способы задания стилей и оформления отдельных элементов.
- Обзор инструкций CSS для оформления, изменения размеров и цвета текста.Обзор инструкций CSS для установки фоновых изображений и их параметры.
- Понятие и использование обрамления. Обзор инструкций CSS для создания обрамлений и их параметры (установка формы, цвета, ширины и позиционирования бордюров, а также отступов от них и т.д.).
- Понятие, инструкции и использование трёхмерного позиционирования объектов веб-страницы с помощью CSS. Примеры позиционирования отдельных элементов веб-страницы.
- Управление отображением элементов страницы с помощью CSS. Обзор инструкций управления отображением и их взаимодействие со скриптами. Примеры управления отображение объектов (создание исчезающих и меняющихся объектов).
- Понятие и использование фильтров CSS. Инструкции и примеры создания фильтров.
7. Создание вебсайта по шаблону
- Типы шаблонов и способы работы с ними. Разработка и изготовление собственных шаблонов веб-страниц и целых сайтов. Автоматизация создания и редактирования веб-сайтов. Работа с визуальными редакторами типа WYSIWYG. Обзор популярных визуальных вебредакторов: Microsoft FrontPage, Macromedia Dreamweaver и Macromedia HomeSite, их преимущества и недостатки.
- Создание вебстраницы с помощью шаблонов в визуальных редакторах.Редактирование выбранного шаблона веб-страницы и его адаптация под свои нужды в среде визуальных редакторов. Создание или изменение текстового наполнения шаблона, дополнения и уточнения. Инструменты для оформления текста. Изменение гарнитуры, размера и цвета текста. Выравнивание текста внутри блока.
- Создание и редактирование гиперссылок в среде визуального редактора. Создание и редактирование гипертекстовых меню в шаблоне веб-страницы.Позиционирование и удаление отдельных элементов шаблона веб-страницы в среде визуального редактора. Создание собственных элементов и вставка их в шаблон. Разработка остальных страниц веб-сайта на базе данного шаблона.
- Создание сложных эффектов (меняющихся изображений и выпадающих меню) в среде визуального редактора.
- Унификация общего визуального оформления сайта. Проверка работы гиперссылок и логических связей между страницами сайта.
8. Размещение вебсайта на сервере
- Способы доступа к сайту (по имени или IP-адресу).
- Понятие, принципы построения и работа DNS (BIND).
- Организация InterNIC и её представительства.
- Выбор и регистрация доменного имени сайта.
- Понятие и типы хостинга. Выбор хостинга для размещения своего сайта.
- Требования и ограничения серверов для размещения веб-ресурсов.
- Способы закачки сайта на сервер по протоколам HTTP и FTP. Обзор программного обеспечения для закачки файлов сайта на сервер и работа с ним. Размещение сайта на сервере.
- Понятие, назначение и использование систем управления контентом (CMS).
- Тестирование работы веб-сайта на сервере. Возможные ошибки и недочёты.
Обучение web-программированию
1. Введение. Понятие WWW (Web)
- Понятие гипертекстовых документов и вебсайтов. Классификации вебсайтов. Различные типы вебсайтов, их назначение и использование.
- Понятие вебсервера и его взаимодействие с пользователем. Обзор протоколов (HTTP, FTP и т.д.) передачи данных, их различия и практичекое применение.
- Понятие индексных файлов, их названия, типы и использование.
- Распределение обязанностей специалистов, работающих в области WWW (Web).
- Обзор программ (браузеров) для просмотра вебстраниц и вебсайтов, их различия и особенности интерпретации кода.
- Необходимый минимум аппаратных и программных средств для работы вебпрограммиста. Обзор программного обеспечения и методов разработки ПО для сайтов.
- Понятие скрипта. Классификация скриптов, их различия и области применения.
- Клиентские скрипты. Обзор технологий для создания клиентских скриптов (JavaScript, VBScript, JScript, ActionScript), их особенности и поддержка в различных браузерах.
- Язык JavaScript. Создание и способы подключения Java-скриптов к вебстраницам. Синтаксис JavaScript.
- Вызов простых встроенных функций и проверка работоспособности скрипта в браузере.
- Типы переменных, способы их объявления, создания и присвоения значений. Работа с простыми типами переменных и вывод информации в браузер. Понятие конкатенации.
- Массивы, способы их создания и области применения. Примеры создания сложных массивов и работа с ними.
2. Условные операторы, их типы и применение их на практике
- Понятие функций и их применение на практике. Функции интерактивного общения с пользователем и запрос информации. Примеры создания сложных условий и программ аутентификации на странице.
- Циклы, их назначение, виды, создание и применение в программах. Примеры использования различных видов циклов. Бесконечные циклы и их применение в компьютерных вирусах. Примеры написания простых вирусов и варианты защиты от них.
- Понятие события. Виды и обработка событий в браузере. Примеры использования событий для запуска различных функций.
- Создание собственных (пользовательских) функций. Примеры передачи данных и обработки возвращённого значения функции.
- Понятие объекта. Типы, назначение, создание и использование объектов в программах. Объектная модель браузера. Примеры доступа к различным объектам и манипуляции с ними. Создание интерактивных элементов на вебстранице (изображений, кнопок, всплывающих меню, скрытых информационных блоков и т.д.). Работа с HTML-формами.
- Способы передачи данных скриптам (методы GET и POST) и случаи их применения.
- Способы генерации кода вебстраниц. Создание всплывающих окон и управление ими.
- Создание строковых объектов и работа с ними. Обзор функций для обработки строк. Примеры поиска информации в строках и создание текстовых фильтров.
3. Получение информации о системе с помощью JavaScript (определение версии браузера, типа операционной системы, параметров монитора и т.д.). Обработка и отправка данной информации на сервер
- Язык VBScript. Обзор синтаксических различий между JavaScript и VBScript. Сравнение похожих функций. Объявление переменных и присвоение им значений. Использование событий и работа с объектами.
- Понятие процедур, их создание и применение на практике. Примеры создания скриптов с использованием VBScript.
- Вебсервера. Обзор популярных вебсерверов, их различия, особенности и использование.
- Вебсервер Apache. Выбор версии, установка и проверка работоспособности Apache. Установка и подключение дополнительных модулей. Использование пакетов разработчика для тестов и ознакомления с работой и устройством сервера.
- Обзор переменных окружения сервера и их практическое использование.
- Каталоги и файлы конфигурации Apache. Настройка сервера и разрешение доступа к нему с других компьютеров. Создание виртуальных хостов и размещение сайтов.
4. Серверные скрипты. Обзор технологий для создания серверных скриптов (SSI, PHP, Perl, Python и т.д.), их популярность, особенности и поддержка вебсерверами
- Технология SSI. Обзор инструкций SSI и их включение в вебстраницы.
- Примеры генерации кода и сборки вебстраниц «на лету» с помощью SSI.
- Язык PHP. Создание и способы подключения PHP-скриптов к вебстраницам.
- Синтаксис PHP. Различие версий интерпретаторов и их современное использование.
- Вызов простых встроенных функций и проверка работоспособности скрипта.
- Типы переменных, способы их объявления, создания и присвоения значений. Работа с простыми типами переменных и передача информации браузеру. Понятие конкатенации.
- Массивы, их типы и способы создания. Добавление данных в простой массив и работа с его элементами. Примеры создания ассоциативных, многомерных и древовидных массивов и работа с ними.
- Примеры передачи скриптам значений переменных и массивов посредством HTML-форм и гиперссылок методами GET и POST (отправка информации на сервер).
5. Обзор функций для работы с переменными и массивами. Сортировка элементов и другие манипуляции с массивами. Удаление переменных и массивов
- Условия и циклы, их типы и применение на практике. Примеры создания условий и генерации кода в циклах (создание выпадающих списков, таблиц по запросу и т.д.).
- Работа со строками. Обзор функций для работы со строками. Примеры написания текстовых фильтров и поиск информации в строках.
- Работа с различными кодировками. Функции шифрования данных. Примеры обратимого и необратимого шифрования и их применение на практике. Создание скриптов аутентификации на сайте.
- Отправка данных по e-mail. Примеры скриптов для форм обратной связи на сайтах.
- Понятие регулярных выражений, их создание и использование. Обзор функций и примеры скриптов для работы с регулярными выражениями.
- Работа с файлами. Обзор функций для создания, чтения, записи и манипуляций с файлами. Примеры генерации скриптов, а также текстовых и других типов файлов.
- Функции для работы с каталогами. Автоматическое создание новых каталогов, установка разрешений и другие манипуляции с ними. Копирование и удаление файлов и каталогов.
- Создание гостевых книг, чатов и форумов на базе текстовых файлов. Функции включения содержимого других файлов и генерации кода «на лету».
6. Работа с базами данных
- Обзор типов и систем управления базами данных (СУБД), их различия, специфика и области применения.
- Введение в реляционные системы управления базами данных. Принципы построения и работы реляционных СУБД. Обзор популярных СУБД для работы с вебсерверами. Выбор, установка и настройка СУБД.
- Язык SQL. Использование SQL в современных СУБД, его версии и особенности.
- Создание SQL-запросов к базам данных на примере СУБД MySQL. Вставка, изменение и удаление данных, а также их извлечение и сортировка по заданным условиям.
- Создание связки PHP-MySQL. Обзор функций PHP для работы с системами управления базами данных. Создание новых баз данных и обращение к ним через PHP-скрипты.
- Примеры создания интерфейса управления базами данных, а также гостевых книг, форумов и чатов с использованием СУБД.
7. Понятие шлюзовых интерфейсов, их назначение, принципы работы и поддержка вебсерверами
- Преимущества и недостатки использования шлюзовых интерфейсов.
- Актуальность, установка и работа CGI. Создание, принципы построения и размещение CGI-скриптов на сервере. Примеры использования CGI-скриптов в работе сайта.
- Язык PERL. Актуальность использования PERL в вебпрограммировании. Его преимущества и недостатки по сравнению с PHP. Основные отличия PERL от других языков вебпрограммирования. Объявление переменных и создание массивов в PERL. Использование встроенных переменных и работа с ними. Создание условий и циклов.
- Примеры создания программ на языке PERL и их сравнение с программами на PHP.
- Вебсервер IIS (Internet Information Server). Популярность, особенности и условия работы данного сервера. Выбор версии, установка и проверка работоспособности IIS. Установка и подключение дополнительных модулей и систем управления базами данных.
- Размещение каталогов сервера и сайтов в системе. Настройка сервера и разрешение доступа к нему с других компьютеров. Создание виртуальных хостов и размещение сайтов.
8. Шлюзовой интерфейс ASP
- Актуальность данного интерфейса, его преимущества и недостатки по сравнению с CGI.
- Установка и использование ASP на различных платформах. Принципы построения, размещение и создание ASP-скриптов. Выбор языка поумолчанию. Обзор особенностей и специфических инструкций технологии ASP.
- Примеры создания различных программ с использованием ASP.
- Дополнительные технологии, используемые в вебпрограммировании.
- Понятие ActiveX. Краткий обзор технологии ActiveX и её актуальность в современном вебпрограммировании. Преимущества и недостатки использования ActiveX-компонентов на вебстраницах.
- Апплеты и сервлеты. Актуальность и рациональность использования технологий Java (Java, JSP, J2EE, EJB и т.д.) и их поддержка современными вебсерверами.
Зачет (собеседование)
