Главная / Кафедра компьютерного обучения / Веб-мастер - специалист по разработке и поддержке web-сайтов (Web-дизайн, Программирование web-сайтов)

Веб-мастер - специалист по разработке и поддержке web-сайтов (Web-дизайн, Программирование web-сайтов)


Оператор по разработке и поддержке web-сайта (web-дизайн, программирование web сайтов) Курсы обучения веб-мастеров состоят из друх больших частей. В первой (web-дизайн) слушатели учатся создавать сайты с помощью языка HTML и CSS, создавать дизайн веб-сайта, баннеры, размещать статический сайт в Интернете. Во второй части (программирование web-сайтов) слушатели поэтапно, изучая язык программирования PHP и СУБД MySQL, создают собственный Интернет-магазин. Комплексное изучение на курсе веб-мастер поможет всем научится создавать, программировать и администрировать сайты любой сложности в сети Интернет. После окончания курса web-мастер, слушатели могут устроится на работу в Интернет-компании, Интернет-отделы средних и крупных компаний, агентства Интернет-рекламы.


v   

По окончании курса выдается:
свидетельство с присвоением квалификации Оператор по разработке и поддержке Web-сайтов


Стоимость курсов администраторов сайта:


Ак.ч. Базовая цена Скидка Конечная стоимость Онлайн Оплатить
56 ак.час.
48 ак. час. - аудиторные занятия
8 ак. час. - самостоятельные занятия
47500 руб. 33250 руб. 28500 руб.


Задать вопрос менеджеру
Наши телефоны:
8 (495) 212-14-47

График обучения Место обучения

Даты начала занятий

Дата Время обучения
03 мая 2024 Утро
24 апреля 2024 День
02 мая 2024 Вечер
18 мая 2024 Выходные


Программа курсов веб-мастеров



web-дизайн

1. Основные понятия.

  • 1.1. Дизайн в Internet: задачи, подходы, решения. Основные понятия и терминология.
  • 1.2. Этапы разработки WEB-сайта. Уменьшение затрат ресурсов и сроков создания WEB-сайта. Основные формулировки в техническом задании на разработку сайта.
  • 1.3. Возможности современных программ, используемых для создания WEB-страниц. Обзор программ Adobe Dreamweaver и Microsoft FrontPage.
  • 1.4. Основные возможности программы Dreamweaver. Задание цветового оформления. Выбор цветовой схемы.
  • 1.5. Создание и использование каскадных таблиц стилей CSS. Практическая работа. Создание макета сайта в программе Dreamweaver.

2. Разработка информационной архитектуры.

  • 2.1. Элементы информационной архитектуры.
  • 2.2. Распределение информации по разделам сайта с учетом информационной, логической и визуальной взаимосвязи между разделами.
  • 2.3. Основные компоненты WEB-страницы и способы их визуального представления на страницах сайта.
  • 2.4. Разработка простого макета страницы и линейной системы навигации.
  • 2.5. Использование шаблонов (templates) в Dreamweaver: создание шаблонов, применение к готовым страницам, модификация шаблонов.
  • Практическая работа. Создание сайта с линейной системой навигации с использованием шаблонов.

3. Эргономика WEB-сайта.

  • 3.1. Эргономика сайта (web-usability). Факторы, которые затрудняют и факторы, которые облегчают восприятие пользователем информации на сайте.
  • 3.2. Макетирование в WEB. Приемы макетирования. Создание фиксированных и адаптируемых страниц. Размещение информации на странице с учетом решаемых задач. Примеры удачных и неудачных решений.
  • 3.3. Система навигации на сайте. Принципы построения системы навигации. Создание навигационных палитр.
  • Практическая работа. Создание сайта с двухуровневой системой навигации. Создание адаптируемого макета.

4. Подготовка иллюстраций для WEB.

  • 4.1. Требования к иллюстрациям в Internet. Обзор форматов иллюстраций JPEG, GIF, PNG, SWF, SVG.
  • 4.2. Подготовка графики в программах Adobe PhotoShop, Adobe ImageReady и Macromedia Fireworks. Способы уменьшения объема файла.
  • 4.3. Использование коллекций изображений (clipart) векторных графических редакторов на примере CorelDraw.
  • 4.4. Подготовка изображений, имеющих прозрачные области. Представление текстовой информации.
  • Практическая работа. Оптимизация заданных изображений и заготовок из Clipart. Размещение их на WEB-страницах.

5. Подготовка графических элементов.

  • 5.1. Создание кнопок. Имитация различных состояний кнопки.
  • 5.2. Создание фоновых иллюстраций. Техника создания бесшовных узоров в программах Adobe PhotoShop и Adobe ImageReady.
  • 5.3. «Нарезка» изображений на фрагменты в программе Adobe ImageReady. Оптимизация фрагментов изображений.
  • Практическая работа. Добавление кнопок и фоновых элементов.

6. Gif-анимация и баннеры. Карта изображения ImageMap.

  • 6.1. Что такое GIF-анимация. Способы создания и параметры анимации. Способы уменьшения объема файла.
  • 6.2. Использование Adobe ImageReady и Ulead GifAnimator для создания gif-анимации. Преобразование в GIF-анимацию файлов двухмерной и трехмерной графики.
  • 6.3. Баннеры: параметры, размещение на WEB-странице. Разработка сюжета баннера.
  • 6.4. Использование GIF-анимации и роликов FLASH в баннерной рекламе. Воздействие баннерной рекламы на пользователя.
  • 6.5. Применение карт изображений ImageMap в WEB-дизайне.
  • Практическая работа: создание баннеров.

7. Создание динамических элементов в DreamWeaver.

  • 7.1. Основные сведения о программе Dreamweaver
  • 7.2. Назначение палитр Behaviors и TimeLine.
  • 7.3. Управление параметрами элементов в Dreamweaver. Обработка событий.
  • 7.4. Типовые операции (модальные окна, открытие новых окон и управление ими), проверка данных формы, управление видимостью и содержанием слоев, проверка броузера.
  • 7.5. Сложные операции: создание раскрывающихся меню, анимация слоев, создание эффекта «rollover».
  • 7.6. Использование возможностей Adobe Flash.
  • Практическая работа: создание эффекта «rollover» для кнопок.

8. Оценка сайта. Тестирование сайта.

  • 8.1. Критерии оценок созданного сайта.
  • 8.2. Способы снижения визуального шума и повышения четкости подачи материала.
  • 8.3. Этапы стандартного тестирования сайта.
  • 8.4. Методика тестирования сайта на аудитории. Выработка предложений по редизайну и обоснование необходимости редизайна.
  • 8.5. Обзор ресурсов, связанных с вопросами WEB-дизайна и WEB-usability.
  • Практическая работа: выполнение тестирования заданного сайта и выработка предложений по редизайну.

 

Программирование WEB-сайтов

 

1. Web-сервер: установка и настройка

  • 1.1 Что такое web-сервер?
  • 1.2 Установка web-сервера. Apache. Denwer.
  • 1.3 Настройка Apache: httpd.conf.
  • 1.4 Настройка php: php.ini.

2. Язык программирования PHP.

  • 2.1. Синтаксис PHP, переменные и константы, операторы, управляющие конструкции
  • 2.2. Циклы: for, while, do-while, foreach. Практическая работа.
  • 2.3. Массивы: одномерные, ассоциативные, многомерные. Применение циклов для обработки данных массива. Практическая работа.
  • 2.4. Функции: определение и виды функций, переменные и аргументы функций, возврат значений, рекурсивные функции. Практическая работа.
  • 2.5. Встроенные функции: документация php (php.net), функции переменных, работа со строками, работа с датой и временем, библиотека GDLIB.
  • 2.6 Суперглобальные переменные: $_GLOBALS, $_SERVER, $_GET, $_POST, $_FILES, $_COOKIE, $_SESSION, $_REQUEST.
  • 2.7 Работа с формами: HTTP, заголовки запроса и ответа, метод GET и POST – их использование и различия, получения и валидация передаваемых значений, отправка данных на email.
  • 2.8 Работа с COOKIE и сессиями.
  • 2.9 Работа с файлами.

3. Основы баз данных MySQL.

  • 3.1. Структура БД.
  • 3.2. Нормализация баз данных (I-V нормальная форма).
  • 3.3. Реляционная БД.
  • 3.4 Использование phpmyadmin для создания и работы с БД.
  • 3.5 Основные инструкции MySQL: INSERT, UPDATE, SELECT, DELETE.
  • 3.6 Отправка данных из форм в БД и виды информации. Практическая работа.

4. Безопасность и защита данных паролем, шифрование.

6. Разработка Интернет-магазина на языке PHP с использованием баз данных MySQL.

7. Тестирование готового проекта.

8. Размещение Интернет-магазина на хостинге, поддержка работоспособности, резервирование данных.

9. Итоговое занятие.

Отзывы о курсе "Веб-мастер - специалист по разработке и поддержке web-сайтов (Web-дизайн, Программирование web-сайтов)" можно почитать здесь »

ОТЗЫВЫ НАШИХ СЛУШАТЕЛЕЙ






Поделитесь полезной ссылочкой со своими друзьями: