Курсы администратора web-сайтов

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

• дизайн в Internet: задачи, подходы, решения, основные понятия и терминология;
• этапы разработки WEB-сайта, уменьшение затрат ресурсов и сроков создания WEB-сайта, основные формулировки в техническом задании на разработку сайта;
• возможности современных программ, используемых для создания WEB-страниц, обзор программ Macromedia DreamWeaver, HomeSite и 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;
• практическая работа: выполнение тестирования заданного сайта и выработка предложений по редизайну.

Введение. Понятие WWW (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 и т.д.) и их поддержка современными вебсерверами.

Введение:

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

Техника выделения областей изображения:

• инструменты выделения, управление параметрами инструментов;
• дополнение, вычитание и пересечение областей выделения;
• приемы выделения областей сложной формы;
• модификация выделения командами Select-Transform selection; Select-Feather и Select-Modify;
• действия с выделенной областью: масштабирование, поворот, искажение выделенной области;
• коррекция области: изменение яркости и контраста;
• использование линейки, сетки, направляющих при выделении.

Создание многослойного изображения:

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

Работа со слоями многослойного изображения:

• объединение слоев в наборы Layer Set;
• текстовые слои;
• спецэффекты на слоях: создание тени, ореола, имитация рельефа, обводка контура изображения;
• слияние слоев.

Техника рисования:

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

Техника ретуширования:

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

Выполнение сложного монтажа:

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

Сканирование и коррекция изображения:

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