Целью курса веб программирование является подготовка слушателей к осуществлению профессиональной деятельности в сфере Web-дизайна. Курс предполагает изучение нескольких уровней «Создание и размещение веб-сайтов», «Программирование веб-сайтов».
Занятия проводят высоко квалифицированные преподаватели, которые обучают слушателей решать практические задачи по разработке дизайна Web-страниц с использованием классических и современных подходов к дизайну Web-сайтов, создавать макеты сайтов в разных программах, грамотно размещать информацию, разрабатывать для них удобную навигацию, создавать и оптимизировать все графические элементы.
По окончании обучения и прохождения итогового контроля выдается документ установленного образца.
| Название программы | Стоимость обучения | |
| Групповое обучение | Индивидуальное обучение | |
| Создание и размещение веб-страниц | 6900 | 11200 |
| Программирование веб-страниц | 6900 | 11200 |
Тематический план
| 1. | Основные понятия. |
| 1.1. | Понятие гипертекстовых документов и web-сайтов. Классификации web-сайтов. Различные типы web-сайтов, их назначение и использование. Типы гипертекстовых документов (web-страниц), их различия и сходства. |
| 1.2. | Разработка структуры и этапы построения web-сайта. Информационное наполнение и взаимосвязи основных разделов и подразделов, а также дополнительных страниц веб-сайта. |
| 2. | Введение в HTML (язык гипертекстовой разметки). Основы создания сайта. |
| 2.1. | Язык HTML. Основы, версии и стандарты языка HTML. Структура HTML документа. Основные разделы кода веб-страницы. Понятие тэгов HTML, их типы и оформление. |
| 2.2. | Открытие блока HTML и начало блока заголовков. Закрывающие тэги блоков HTML. |
| 2.3. | Закрытие блока заголовков и открытие основного блока (тэг BODY). Обзор основных параметров тэга BODY и их использование (установка фонового цвета и изображения веб-страницы, задание цветов текста и ссылок и т.д.). |
| 3. | Обзор тэгов HTML. |
| 3.1. | Создание текстовых заголовков различных уровней и их позиционирование на веб-странице. |
| 3.2. | Обзор тэгов оформления и выделения текста, а также изменения его размеров и цвета. |
| 3.3. | Обзор тэгов разрыва строк и выделения блоков, их области применения. |
| 3.4. | Обзор тэгов создания списков различных типов. |
| 3.5. | Принципы вставки спецсимволов и тэги псевдографики. Понятие Unicode, его создание и применение. |
| 3.6. | Понятие, использование и принципы построения таблиц. Обзор тэгов создания таблиц и их параметры. |
| 3.7. | Понятие гиперссылки. Типы и области применения гиперссылок. Тэги создания гиперссылок и их параметры. |
| 3.8. | Создание кода и разработка сайта типа Home Page. |
| 4. | Понятие карты сайта, её назначение и использование. |
| 4.1. | Обзор тэгов создания карты сайта и их параметров. Пример создания карты сайта. |
| 4.2. | Понятие, типы и использование фреймов. Тэги создания фреймов и их параметры. Пример создания фреймовой структуры сайта. Установка плавающих фреймов на веб-страницу и их использование. |
| 5. | Работа с графическими объектами и их размещение на веб-сайтах. |
| 5.1. | Тэги вставки изображений на web-страницы и их параметры. Обзор поддерживаемых графических форматов, их различия, ограничения и использование. |
| 5.2. | Требования и условия размещения графических объектов на web-страницах. Обзор поддерживаемых форматов, их различия и использование. |
| 5.3. | Принципы адаптации графики. Адаптация графических изображений для размещения на web-страницах. Обзор программного обеспечения для адаптации графики, его различия и возможности. Примеры адаптации изображений в различных форматах с помощью программы Adobe Photoshop и подобных графических редакторов. |
| 6. | Технология CSS, её версии и поддержка браузерами. |
| 6.1. | Понятие, область применения и принципы построения каскадных таблиц стилей (CSS). |
| 6.2. | Использование CSS на веб-страницах, способы задания стилей и оформления отдельных элементов. |
| 6.3. | Обзор инструкций CSS для оформления, изменения размеров и цвета текста. |
| 6.4. | Обзор инструкций CSS для установки фоновых изображений и их параметры. |
| 6.5. | Понятие и использование обрамления. Обзор инструкций CSS для создания обрамлений и их параметры (установка формы, цвета, ширины и позиционирования бордюров, а также отступов от них и т.д.). |
| 6.6. | Понятие, инструкции и использование трёхмерного позиционирования объектов веб-страницы с помощью CSS. Примеры позиционирования отдельных элементов веб-страницы. |
| 7. | Создание web-сайта по шаблону. |
| 7.1. | Типы шаблонов и способы работы с ними. Разработка и изготовление собственных шаблонов веб-страниц и целых сайтов. |
| 7.2. | Автоматизация создания и редактирования веб-сайтов. Работа с визуальными редакторами типа WYSIWYG. Обзор популярных визуальных web-редакторов: Microsoft FrontPage, Macromedia Dreamweaver и Macromedia HomeSite, их преимущества и недостатки. |
| 7.3. | Создание веб-страницы с помощью шаблонов в визуальных редакторах. Создание сложных эффектов (меняющихся изображений и выпадающих меню) в среде визуального редактора. |
| 7.4. | Унификация общего визуального оформления сайта. Проверка работы гиперссылок и логических связей между страницами сайта. |
| 8. | Размещение web-сайта на сервере. |
| 8.1. | Способы доступа к сайту (по имени или IP-адресу). Использование файловых менеджеров: Total Commander, Far Menedger. |
| 8.2. | Выбор и регистрация доменного имени сайта. Понятие и типы хостинга. Выбор хостинга для размещения своего сайта. Требования и ограничения серверов для размещения веб-ресурсов. Способы закачки сайта на сервер по протоколам HTTP и FTP. Обзор программного обеспечения для закачки файлов сайта на сервер и работа с ним. Размещение сайта на сервере. Тестирование работы web-сайта на сервере. Возможные ошибки и недочёты. |
| 9. | Знакомство с графическим редактором Macromedia Flash |
| 9.1. | Приемы рисования. Создание анимации: покадровая, Motion, Shape. |
| 9.2. | Понятие, типы, назначение и использование баннеров. Требования к параметрам баннеров и условия их размещения на сайте. Примеры создания баннеров. |
| 9.3. | Установка баннеров и анимированных изображений на web-страницы. |
| 9.4. | Внедрение flash объекта в HTML страницу. |
| Зачет |
Программирование веб-страниц
Тематический план
| 1. | Введение в программирование веб-сайтов. |
| 1.1. | Понятие web-сервера и его взаимодействие с пользователем. Обзор протоколов (HTTP, FTP и т.д.) передачи данных, их различия и практическое применение. |
| 1.2. | Понятие индексных файлов, их названия, типы и использование. Понятие скрипта. Классификация скриптов, их различия и области применения. |
| 2. | Язык JavaScript. |
| 2.1. | Создание и способы подключения Java – скриптов к web-страницам. Синтаксис JavaScript. Типы переменных, способы их объявления, создания и присвоения значений. Работа с простыми типами переменных и вывод информации в браузер. Понятие конкатенации. |
| 2.2. | Вызов простых встроенных функций и проверка работоспособности скрипта в браузере. |
| 2.3. | Массивы, способы их создания и области применения. Примеры создания сложных массивов и работа с ними. |
| 2.4. | Понятие функций и их применение на практике. Функции интерактивного общения с пользователем и запрос информации. Создание собственных (пользовательских) функций. Примеры передачи данных и обработки возвращённого значения функции. |
| 2.5. | Циклы, их назначение, виды, создание и применение в программах. Примеры использования различных видов циклов. |
| 2.6. | Понятие события. Виды и обработка событий в браузере. Примеры использования событий для запуска различных функций. |
| 2.7. | Понятие объекта. Типы, назначение, создание и использование объектов в программах. |
| 2.8. | Объектная модель браузера. Примеры доступа к различным объектам и манипуляции с ними. |
| 2.9. | Создание интерактивных элементов на web-странице (изображений, кнопок, всплывающих меню, скрытых информационных блоков и т.д.). Работа с HTML-формами. Способы передачи данных скриптам (методы GET и POST). |
| 2.10. | Создание строковых объектов и работа с ними. Обзор функций для обработки строк. Примеры поиска информации в строках и создание текстовых фильтров. |
| 3. | Язык PHP. |
| 3.1. | Создание и способы подключения PHP-скриптов к web-страницам. Синтаксис PHP. |
| 3.2. | Вызов простых встроенных функций и проверка работоспособности скрипта. |
| 3.3. | Типы переменных, способы их объявления, создания и присвоения значений. Работа с простыми типами переменных и передача информации браузеру. Понятие конкатенации. |
| 3.4. | Массивы. Добавление данных в простой массив и работа с его элементами. Примеры создания ассоциативных, многомерных и древовидных массивов и работа с ними. |
| 3.5. | Примеры передачи скриптам значений переменных и массивов посредством HTML-форм и гиперссылок методами GET и POST (отправка информации на сервер). |
| 3.6. | Сортировка элементов и другие манипуляции с массивами. Удаление переменных и массивов. |
| 3.7. | Условия и циклы, их типы и применение на практике. Примеры создания условий и генерации кода в циклах (создание выпадающих списков, таблиц по запросу и т.д.). |
| 3.8. | Работа со строками. Обзор функций для работы со строками. Примеры написания текстовых фильтров и поиск информации в строках. Работа с различными кодировками. |
| 3.9. | Отправка данных по e-mail. Примеры скриптов для форм обратной связи на сайтах. |
| 3.10. | Работа с файлами. Обзор функций для создания, чтения, записи и манипуляций с файлами. Примеры создания текстовых. |
| 3.11. | Функции для работы с каталогами. Автоматическое создание новых каталогов, установка разрешений и другие манипуляции с ними. Подсчет числа файлов в каталоге. |
| 3.12. | Создание интернет магазина на базе текстовых файлов. |
| 4. | Введение в базы данных. |
| 4.1. | Обзор типов и систем управления базами данных (СУБД), их различия, специфика и области применения. Введение в реляционные системы управления базами данных. Принципы построения и работы реляционных СУБД. |
| 4.2. | Выбор, установка и настройка СУБД на примере MySQL. |
| 5. | Язык MySQL. |
| 5.1. | Использование MySQL в современных СУБД, его версии и особенности. |
| 5.2. | Создание MySQL SQL-запросов к базам данных. Вставка, изменение и удаление данных, а также их извлечение и сортировка по заданным условиям. |
| 6. | Взаимодействие MySQL и PHP. |
| 6.1. | Создание связки PHP-MySQL. Обзор функций PHP для работы с системами управления базами данных. Создание новых баз данных и обращение к ним через PHP-скрипты. |
| 6.2. | Примеры создания интерфейса управления базами данных, а также гостевых книг, кадровых агентств с использованием СУБД. |
| Зачет |