Создание, размещение и программирование веб-страниц

Запись на занятия
Предварительная запись

Целью курса является подготовка слушателей к осуществлению профессиональной деятельности в сфере Web-дизайна. Курс предполагает изучение нескольких уровней «Создание и размещение веб-сайтов», «Программирование веб-сайтов».

Занятия проводят высоко квалифицированные преподаватели, которые обучают слушателей решать практические задачи по разработке дизайна Web-страниц с использованием классических и современных подходов к дизайну Web-сайтов, создавать макеты сайтов в разных программах, грамотно размещать информацию, разрабатывать для них удобную навигацию, создавать и оптимизировать все графические элементы.

По окончании обучения и прохождения итогового контроля выдается документ установленного образца.

Название программы Стоимость обучения
Групповое обучение Индивидуальное обучение
Создание и размещение веб-страниц 6200 10600
Программирование веб-страниц 6200 10600

Тематический план

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. Примеры создания интерфейса управления базами данных, а также гостевых книг, кадровых агентств с использованием СУБД.
  Зачет