Главная » Курсы web-программирования » Комплексный курс web-дизайна и программирования web-сайтов » Учебная программа курса web-дизайн и программирование web-сайтов

Комплексный курс web-дизайна и программирования web-сайтов в центре компьютерного обучения

Учебная программа курса web-дизайн и программирование web-сайтов

ПЕРВАЯ ЧАСТЬ ОБУЧЕНИЯ WEB-МАСТЕРОВ: освоение web-дизайна


Занятие 1. Введение в Web (Веб)

  • Понятие WWW (Web). Понятие гипертекстовых документов и веб-сайтов.
  • Классификации веб-сайтов. Различные типы веб-сайтов, их назначение и использование.
  • Типы гипертекстовых документов (веб-страниц), их различия и сходства. Где могут размещаться и храниться веб-страницы и сайты. Понятие веб-сервера и принципы его взаимодействия с пользователем.
  • Распределение обязанностей специалистов, работающих в области WWW (Web).
  • Обзор программ (браузеров) для просмотра веб-сайтов.
  • Подбор аппаратного и программного обеспечения для работы над веб-сайтом. Необходимый минимум для начала работы. Обзор программного обеспечения.
  • Способы создания веб-сайтов: визуальный, работа с кодом, комбинированный.
  • Разработка структуры и этапы построения веб-сайта. Информационное наполнение и взаимосвязи основных разделов и подразделов, а также дополнительных страниц веб-сайта.
  • Организации, разрабатывающие стандарты гипертекстовой разметки, и их официальные сайты. Обзор технологий гипертекстовой разметки (HTML, XML, VML и т.п.), их сходства и различия.
  • Язык HTML. Основы, версии и стандарты языка HTML. Структура документа HTML. Основные разделы кода веб-страницы. Понятие тэгов HTML, их типы и оформление.
  • Объявление типа документа. Варианты и стандарты.
  • Открытие блока HTML и начало блока заголовков.
  • Обзор заголовков гипертекстовых документов, их синтаксис и назначение.
  • Обзор других тэгов, входящих в блок заголовков.
  • Закрытие блока заголовков и открытие основного блока (тэг BODY). Обзор основных параметров тэга BODY и их использование (установка фонового цвета и изображения веб-страницы, задание цветов текста и ссылок и т.д.).
  • Закрывающие тэги блоков HTML.
  • Создание шаблонного кода веб-страницы в простом текстовом редакторе и проверка его работы в браузере. Способы редактирования кода веб-страниц.


Занятие 2. Обзор тэгов HTML для работы с текстом

  • Обзор тэгов оформления и выделения текста, а также изменения его размеров и цвета.
  • Обзор тэгов разрыва строк и выделения блоков, их области применения.
  • Обзор тэгов создания списков различных типов.
  • Принципы вставки спецсимволов и тэги псевдографики. Понятие Unicode, его создание и применение.
  • Тэги вставки изображений на веб-страницы и их параметры. Обзор поддерживаемых графических форматов, их различия, ограничения и использование.
  • Понятие, использование и принципы построения таблиц. Обзор тэгов создания таблиц и их параметры.
  • Понятие гиперссылки. Типы и области применения гиперссылок.
  • Тэги создания гиперссылок и их параметры.
  • Создание кода и разработка шаблона новостной ленты сайта.


Занятие 3. Понятие карты сайта

  • Обзор тэгов создания карты сайта и их параметров. Пример создания карты сайта.
  • Понятие, типы и использование фреймов. Тэги создания фреймов и их параметры. Пример создания фреймовой структуры сайта. Установка плавающих фреймов на веб-страницу и их использование.
  • Использование мультимедиа на веб-сайте. Обзор тэгов для размещения аудио- и видеофайлов, а также Flash-анимации на веб-страницах и их параметры. Ограничения использования мультимедиа.
  • Понятие и применение комментариев HTML. Обзор тэгов для вставки комментариев и ограничения их использования.


Занятие 4. Создание интерактивных элементов

  • Понятие, типы и назначение скриптов.
  • Понятие и использование форм на веб-страницах.
  • Принципы взаимодействия формы со скриптами.
  • Обзор тэгов для создания элементов формы (текстовых полей, выпадающих списков и т.д.).
  • Введение в JavaScript, его назначение и области применения.
  • Объектная модель веб-страницы и браузера. Примеры объектов.
  • Понятие, типы и использование событий на веб-страницах. Примеры использования некоторых событий.
  • Создание интерактивных объектов на веб-странице.
  • Создание всплывающих окон и их использование.


Занятие 5. Работа с графикой и ее размещение на web-сайтах

  • Требования и условия размещения графических объектов на веб-страницах. Обзор поддерживаемых форматов, их различия и использование.
  • Принципы адаптации графики. Адаптация графических изображений для размещения на веб-страницах. Обзор программного обеспечения для адаптации графики, его различия и возможности. Примеры адаптации изображений в различных форматах с помощью программы Adobe Photoshop и подобных графических редакторов.
  • Понятие и использование нарезки изображений. Примеры нарезки изображений в программе Adobe Photoshop или подобных графических редакторах.
  • Сборка нарезанных изображений в браузере с помощью таблиц.
  • Понятие, области применения и принципы создания анимации.
  • Обзор программного обеспечения для создания анимации.
  • Пример создания и редактирования анимированных изображений в программе Adobe ImageReady или подобных редакторах.
  • Понятие, типы, назначение и использование баннеров. Требования к параметрам баннеров и условия их размещения на сайте. Примеры создания баннеров. Установка баннеров и анимированных изображений на веб-страницы.


Занятие 6. Технология CSS

  • Понятие, область применения и принципы построения каскадных таблиц стилей (CSS). Использование CSS на веб-страницах, способы задания стилей и оформления отдельных элементов.
  • Обзор инструкций CSS для оформления, изменения размеров и цвета текста. Обзор инструкций CSS для установки фоновых изображений и их параметры.
  • Понятие и использование обрамления. Обзор инструкций CSS для создания обрамлений и их параметры (установка формы, цвета, ширины и позиционирования бордюров, а также отступов от них и т.д.).
  • Понятие, инструкции и использование трёхмерного позиционирования объектов веб-страницы с помощью CSS. Примеры позиционирования отдельных элементов веб-страницы.
  • Управление отображением элементов страницы с помощью CSS.
  • Обзор инструкций управления отображением и их взаимодействие со скриптами. Примеры управления отображение объектов (создание исчезающих и меняющихся объектов).
  • Понятие и использование фильтров CSS. Инструкции и примеры создания фильтров.


Занятие 7. Создание web-сайтов по шаблону

  • Типы шаблонов и способы работы с ними. Разработка и изготовление собственных шаблонов веб-страниц и целых сайтов. Понятие и использование форм на веб-страницах.
  • Автоматизация создания и редактирования веб-сайтов. Работа с визуальными редакторами типа WYSIWYG. Обзор популярных визуальных веб-редакторов: Microsoft FrontPage, Macromedia Dreamweaver и Macromedia HomeSite, их преимущества и недостатки.
  • Создание веб-страницы с помощью шаблонов в визуальных редакторах. Редактирование выбранного шаблона веб-страницы и его адаптация под свои нужды в среде визуальных редакторов. Создание или изменение текстового наполнения шаблона, дополнения и уточнения.
  • Инструменты для оформления текста. Изменение гарнитуры, размера и цвета текста. Выравнивание текста внутри блока.
  • Создание и редактирование гиперссылок в среде визуального редактора. Создание и редактирование гипертекстовых меню в шаблоне веб-страницы. Позиционирование и удаление отдельных элементов шаблона веб-страницы в среде визуального редактора. Создание собственных элементов и вставка их в шаблон. Разработка остальных страниц веб-сайта на базе данного шаблона.
  • Создание сложных эффектов (меняющихся изображений и выпадающих меню) в среде визуального редактора.
  • Унификация общего визуального оформления сайта. Проверка работы гиперссылок и логических связей между страницами сайта.


Занятие 8. Размещение web-сайтов на сервере

  • Способы доступа к сайту (по имени или IP-адресу).
  • Понятие, принципы построения и работа DNS (BIND).
  • Организация InterNIC и её представительства.
  • Выбор и регистрация доменного имени сайта.
  • Понятие и типы хостинга. Выбор хостинга для размещения своего сайта.
  • Требования и ограничения серверов для размещения веб-ресурсов.
  • Способы закачки сайта на сервер по протоколам HTTP и FTP. Обзор программного обеспечения для закачки файлов сайта на сервер и работа с ним. Размещение сайта на сервере.
  • Понятие, назначение и использование систем управления контентом (CMS).
  • Тестирование работы веб-сайта на сервере. Возможные ошибки и недочёты.

 

Зачет (творческая работа)

 

ВТОРАЯ ЧАСТЬ ОБУЧЕНИЯ WEB-МАСТЕРОВ: освоение web-программирования


Занятие 9. Введение. Понятие WWW (Web)

  • Понятие гипертекстовых документов и веб-сайтов. Классификации веб-сайтов. Различные типы веб-сайтов, их назначение и использование.
  • Понятие веб-сервера и его взаимодействие с пользователем. Обзор протоколов (HTTP, FTP и т.д.) передачи данных, их различия и практическое применение.
  • Понятие индексных файлов, их названия, типы и использование.
  • Распределение обязанностей специалистов, работающих в области WWW (Web).
  • Обзор программ (браузеров) для просмотра веб-страниц и веб-сайтов, их различия и особенности интерпретации кода.
  • Необходимый минимум аппаратных и программных средств для работы веб-программиста. Обзор программного обеспечения и методов разработки ПО для сайтов.
  • Понятие скрипта. Классификация скриптов, их различия и области применения.
  • Клиентские скрипты. Обзор технологий для создания клиентских скриптов (JavaScript, VBScript, JScript, ActionScript), их особенности и поддержка в различных браузерах.
  • Вызов простых встроенных функций и проверка работоспособности скрипта в браузере.
  • Типы переменных, способы их объявления, создания и присвоения значений. Работа с простыми типами переменных и вывод информации в браузер. Понятие конкатенации.
  • Массивы, способы их создания и области применения. Примеры создания сложных массивов и работа с ними.


Занятие 10. Условные операторы, их типы и применение их на практике

  • Понятие функций и их применение на практике. Функции интерактивного общения с пользователем и запрос информации. Примеры создания сложных условий и программ аутентификации на странице.
  • Циклы, их назначение, виды, создание и применение в программах. Примеры использования различных видов циклов. Бесконечные циклы и их применение в компьютерных вирусах. Примеры написания простых вирусов и варианты защиты от них.
  • Понятие события. Виды и обработка событий в браузере. Примеры использования событий для запуска различных функций.
  • Создание собственных (пользовательских) функций. Примеры передачи данных и обработки возвращённого значения функции.
  • Понятие объекта. Типы, назначение, создание и использование объектов в программах. Объектная модель браузера. Примеры доступа к различным объектам и манипуляции с ними. Создание интерактивных элементов на веб-странице (изображений, кнопок, всплывающих меню, скрытых информационных блоков и т.д.). Работа с HTML-формами.
  • Способы передачи данных скриптам (методы GET и POST) и случаи их применения.
  • Способы генерации кода веб-страниц. Создание всплывающих окон и управление ими.
  • Создание строковых объектов и работа с ними. Обзор функций для обработки строк. Примеры поиска информации в строках и создание текстовых фильтров.


Занятие 11. Язык JavaScript и VBScript

  • Язык JavaScript. Создание и способы подключения Java-скриптов к веб-страницам. Синтаксис JavaScript.
  • Язык VBScript. Обзор синтаксических различий между JavaScript и VBScript. Сравнение похожих функций. Объявление переменных и присвоение им значений. Использование событий и работа с объектами.
  • Понятие процедур, их создание и применение на практике. Примеры создания скриптов с использованием VBScript.
  • Веб-сервера. Обзор популярных веб-серверов, их различия, особенности и использование.
  • Веб-сервер Apache. Выбор версии, установка и проверка работоспособности Apache. Установка и подключение дополнительных модулей. Использование пакетов разработчика для тестов и ознакомления с работой и устройством сервера.
  • Обзор переменных окружения сервера и их практическое использование.
  • Каталоги и файлы конфигурации Apache. Настройка сервера и разрешение доступа к нему с других компьютеров. Создание виртуальных хостов и размещение сайтов.


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

  • Технология SSI. Обзор инструкций SSI и их включение в веб-страницы.
  • Примеры генерации кода и сборки веб-страниц «на лету» с помощью SSI.
  • Язык PHP. Создание и способы подключения PHP-скриптов к веб-страницам.
  • Синтаксис PHP. Различие версий интерпретаторов и их современное использование.
  • Вызов простых встроенных функций и проверка работоспособности скрипта.
  • Типы переменных, способы их объявления, создания и присвоения значений. Работа с простыми типами переменных и передача информации браузеру. Понятие конкатенации.
  • Массивы, их типы и способы создания. Добавление данных в простой массив и работа с его элементами. Примеры создания ассоциативных, многомерных и древовидных массивов и работа с ними.
  • Примеры передачи скриптам значений переменных и массивов посредством HTML-форм и гиперссылок методами GET и POST (отправка информации на сервер).


Занятие 13. Обзор функций для работы с переменными и массивами

  • Условия и циклы, их типы и применение на практике. Примеры создания условий и генерации кода в циклах (создание выпадающих списков, таблиц по запросу и т.д.).
  • Работа со строками. Обзор функций для работы со строками. Примеры написания текстовых фильтров и поиск информации в строках.
  • Работа с различными кодировками. Функции шифрования данных. Примеры обратимого и необратимого шифрования и их применение на практике. Создание скриптов аутентификации на сайте.
  • Отправка данных по e-mail. Примеры скриптов для форм обратной связи на сайтах.
  • Понятие регулярных выражений, их создание и использование. Обзор функций и примеры скриптов для работы с регулярными выражениями.
  • Работа с файлами. Обзор функций для создания, чтения, записи и манипуляций с файлами. Примеры генерации скриптов, а также текстовых и других типов файлов.
  • Функции для работы с каталогами. Автоматическое создание новых каталогов, установка разрешений и другие манипуляции с ними. Копирование и удаление файлов и каталогов.
  • Создание гостевых книг, чатов и форумов на базе текстовых файлов. Функции включения содержимого других файлов и генерации кода «на лету».


Занятие 14. Работа с базами данных. СУБД MySQL

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


Занятие 15. Понятие шлюзовых интерфейсов. Язык PERL. Веб-сервер IIS

  • Преимущества и недостатки использования шлюзовых интерфейсов.
  • Актуальность, установка и работа CGI. Создание, принципы построения и размещение CGI-скриптов на сервере. Примеры использования CGI-скриптов в работе сайта.
  • Язык PERL. Актуальность использования PERL в веб-программировании. Его преимущества и недостатки по сравнению с PHP. Основные отличия PERL от других языков веб-программирования. Объявление переменных и создание массивов в PERL. Использование встроенных переменных и работа с ними. Создание условий и циклов.
  • Примеры создания программ на языке PERL и их сравнение с программами на PHP.
  • Веб-сервер IIS (Internet Information Server). Популярность, особенности и условия работы данного сервера. Выбор версии, установка и проверка работоспособности IIS. Установка и подключение дополнительных модулей и систем управления базами данных.
  • Размещение каталогов сервера и сайтов в системе. Настройка сервера и разрешение доступа к нему с других компьютеров. Создание виртуальных хостов и размещение сайтов.


Занятие 16. Шлюзовой интерфейс ASP

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

 

Зачет (собеседование)