Курсы по созданию и поддержке сайтов (с web-дизайном)

Основные понятия:

• дизайн в Internet: задачи, подходы, решения, основные понятия и терминология;
• этапы разработки WEB-сайта, уменьшение затрат ресурсов и сроков создания WEB-сайта, основные формулировки в техническом задании на разработку сайта;
• возможности современных программ, используемых для создания WEB-страниц. Обзор программ Adobe Dreamweaver и Microsoft FrontPage;
• основные возможности программы Dreamweaver, задание цветового оформления, выбор цветовой схемы;
• создание и использование каскадных таблиц стилей CSS, практическая работа, создание макета сайта в программе Dreamweaver.

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

• элементы информационной архитектуры;
• распределение информации по разделам сайта с учетом информационной, логической и визуальной взаимосвязи между разделами;
• основные компоненты WEB-страницы и способы их визуального представления на страницах сайта;
• разработка простого макета страницы и линейной системы навигации;
• использование шаблонов (templates) в Dreamweaver: создание шаблонов, применение к готовым страницам, модификация шаблонов;
• практическая работа, создание сайта с линейной системой навигации с использованием шаблонов.

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

• эргономика сайта (web-usability), факторы, которые затрудняют и факторы, которые облегчают восприятие пользователем информации на сайте;
• макетирование в WEB, приемы макетирования, создание фиксированных и адаптируемых страниц, размещение информации на странице с учетом решаемых задач, примеры удачных и неудачных решений;
• система навигации на сайте, принципы построения системы навигации, создание навигационных палитр;
• практическая работа, создание сайта с двухуровневой системой навигации, создание адаптируемого макета.

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

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

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

• создание кнопок, имитация различных состояний кнопки;
• создание фоновых иллюстраций, техника создания бесшовных узоров в программах Adobe PhotoShop и Adobe ImageReady;
• «Нарезка» изображений на фрагменты в программе Adobe ImageReady, оптимизация фрагментов изображений;
• практическая работа, добавление кнопок и фоновых элементов.

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

• что такое GIF-анимация, способы создания и параметры анимации, способы уменьшения объема файла;
• использование Adobe ImageReady и Ulead GifAnimator для создания gif-анимации, преобразование в GIF-анимацию файлов двухмерной и трехмерной графики;
• баннеры: параметры, размещение на WEB-странице, разработка сюжета баннера;
• использование GIF-анимации и роликов FLASH в баннерной рекламе, воздействие баннерной рекламы на пользователя;
• применение карт изображений ImageMap в WEB-дизайне;
• практическая работа: создание баннеров.

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

• основные сведения о программе Dreamweaver;
• назначение палитр Behaviors и TimeLine;
• управление параметрами элементов в Dreamweaver, обработка событий;
• типовые операции (модальные окна, открытие новых окон и управление ими), проверка данных формы, управление видимостью и содержанием слоев, проверка броузера;
• сложные операции: создание раскрывающихся меню, анимация слоев, создание эффекта «rollover»;
• использование возможностей Adobe Flash;
• практическая работа: создание эффекта «rollover» для кнопок.

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

• критерии оценок созданного сайта;
• способы снижения визуального шума и повышения четкости подачи материала;
• этапы стандартного тестирования сайта;
• методика тестирования сайта на аудитории, выработка предложений по редизайну и обоснование необходимости редизайна;
• обзор ресурсов, связанных с вопросами WEB-дизайна и WEB-usability;
• практическая работа: выполнение тестирования заданного сайта и выработка предложений по редизайну.

World Wide Web:

• понятие гипертекстовых документов и вебсайтов, классификации вебсайтов;
• понятие вебсервера и его взаимодействие с пользователем;
• понятие скрипта, классификация скриптов, их различия и области применения;
• язык JavaScript, создание и способы подключения Java-скриптов к вебстраницам, синтаксис JavaScript;
• типы переменных, способы их объявления, создания и присвоения значений, понятие конкатенации;
• массивы, способы их создания и области применения, примеры создания сложных массивов и работа с ними.

Условные операторы, их типы и применение их на практике:

• понятие функций и их применение на практике;
• циклы, их назначение, виды, создание и применение в программах, понятие события, виды и обработка событий в браузере;
• понятие объекта, типы, назначение, создание и использование объектов в программах, объектная модель браузера;
• способы передачи данных скриптам (методы GET и POST) и случаи их применения, способы генерации кода вебстраниц, создание всплывающих окон и управление ими;
• создание строковых объектов и работа с ними.

Получение информации о системе с помощью JavaScript, обработка и отправка  информации на сервер:

• язык VBScript, обзор синтаксических различий между JavaScript и VBScript, сравнение похожих функций;
• понятие процедур, их создание и применение на практике, примеры создания скриптов с использованием VBScript;
• вебсервера, обзор популярных вебсерверов, их различия, особенности и использование;
• вебсервер Apache, выбор версии, установка и проверка работоспособности Apache;
• каталоги и файлы конфигурации Apache, настройка сервера и разрешение доступа к нему с других компьютеров, создание виртуальных хостов и размещение сайтов.

Серверные скрипты. Обзор технологий для создания серверных скриптов (SSI, PHP, Perl, Python и т.д.),  их популярность, особенности и поддержка вебсерверами:

• технология SSI, обзор инструкций SSI и их включение в вебстраницы;
• язык PHP, создание и способы подключения PHP-скриптов к вебстраницам;
• синтаксис PHP, различие версий интерпретаторов и их современное использование.

Обзор функций для работы с переменными и массивами. Сортировка элементов и другие манипуляции с массивами. Удаление переменных и массивов:

• условия  и циклы, их типы и применение на практике;
• работа со строками, обзор функций для работы со строками, примеры написания текстовых фильтров и поиск информации в строках;
• понятие регулярных выражений, их создание и использование, обзор функций и примеры скриптов для работы с регулярными выражениями;
• работа с файлами, обзор функций для создания, чтения, записи и манипуляций с файлами;
• функции для работы с каталогами, автоматическое создание новых каталогов, установка разрешений и другие манипуляции с ними;
• создание гостевых книг, чатов и форумов на базе текстовых файлов, функции включения содержимого других файлов и генерации кода «на лету».

Работа с базами данных:

• обзор типов и систем управления базами данных (СУБД), их различия, специфика и области применения;
• введение в реляционные системы управления базами данных. принципы построения и работы реляционных СУБД, обзор популярных СУБД для работы с вебсерверами, выбор, установка и настройка СУБД;
• язык SQL, использование SQL в современных СУБД, его версии и особенности;
• создание SQL-запросов к базам данных на примере СУБД MySQL, вставка, изменение и удаление данных, а также их извлечение и сортировка по заданным условиям;
• создание связки PHP-MySQL, обзор функций PHP для работы с системами управления базами данных, создание новых баз данных и обращение к ним через PHP-скрипты;
• примеры создания интерфейса управления базами данных, а также гостевых книг, форумов и чатов с использованием СУБД.

Понятие шлюзовых интерфейсов, их назначение, принципы работы и поддержка вебсерверами:

• преимущества и недостатки использования шлюзовых интерфейсов;
• актуальность, установка и работа CGI, создание, принципы построения и размещение CGI-скриптов на сервере, примеры использования CGI-скриптов в работе сайта;
• язык PERL, его преимущества и недостатки по сравнению с PHP. 7.4., примеры создания программ на языке PERL и их сравнение с программами на PHP;
• вебсервер IIS (Internet Information Server), выбор версии, установка и проверка работоспособности IIS, установка и подключение дополнительных модулей и систем управления базами данных.

Шлюзовой интерфейс ASP:

• актуальность данного интерфейса, его преимущества и недостатки по сравнению с CGI;
• установка и использование ASP на различных платформах, обзор особенностей и специфических инструкций технологии ASP;
• примеры создания различных программ с использованием ASP;
• дополнительные технологии, используемые в вебпрограммировании;
• понятие ActiveX, краткий обзор технологии ActiveX и её актуальность в современном вебпрограммировании;
• апплеты и сервлеты, актуальность и рациональность использования технологий Java (Java, JSP, J2EE, EJB и т.д.) и их поддержка современными вебсерверами.