Учебно-методический центр Нижегородского облсовпрофа

603057, Нижний Новгород,
пр. Гагарина, 25Б

Tел./факс: +7 (831) 465-84-36

E-mail: umc_prof@mail.ru
www.umc-prof.ru

Как к нам добраться. Контакты: Контакты

Создание Web-сайта

Категория слушателей: наш курс для тех, кто:

– в перспективе видит web-дизайн своей профессией;

– хочет самостоятельно представлять информацию о себе или своей фирме в

Сети, организовывать интернет-консультирование, готовить электронные ката-

логи  и справочники;

– стремится реализовать и представить свои творческие способности благодаря

возможностям Интернета.

 Общее количество учебных часов: 72.

Цели курса: научить создавать современные, интересные, посещаемые web-сайты, а также познакомить со способами размещения и продвижения их в сети Интернет.

 

Задачи курса:

► научить разрабатывать корректную структуру web-сайта;

► создавать динамические web-сайты;

► пользоваться наиболее распространенными HTML-редакторами;

► продвигать сайты с использованием поисковой оптимизации SEO.

 Содержание программы:

Название темы

Кол-во часов

В т.ч. практика

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

Понятие WWW (World Wide Web).

Понятие гипертекстовых документов и web-сайтов. Классификации web-сайтов. Различные типы web-сайтов, их назначение и использование. Типы гипертекстовых документов (web-страниц), их различия и сходства.

Размещение и хранение web-страницы и сайты. Понятие web-сервера и принципы его работы с пользователем.

Обзор программ (браузеров) для просмотра веб-сайтов.

 

 

5

 

1

Подбор программного обеспечения для работы над веб-сайтом. Необходимый минимум для начала работы.

Способы создания веб-сайтов: визуальный, работа с кодом, комбинированный.

Разработка структуры и этапы построения web-сайта. Информационное наполнение и взаимосвязи основных разделов и подразделов, а также дополнительных страниц веб-сайта.

 

5

5

Введение в HTML (язык гипертекстовой разметки). Основы создания сайта.

Язык HTML. Основы, версии и стандарты языка HTML. Структура HTML документа. Основные разделы кода веб-страницы. Понятие тэгов HTML, их типы и оформление.

Объявление типа документа. Варианты и стандарты.

Открытие блока HTML и начало блока заголовков.

Обзор заголовков гипертекстовых документов, их синтаксис и назначение.

 

 

 

 

5

 

 

 

5

Обзор других тэгов, входящих в блок заголовков.

Закрытие блока заголовков и открытие основного блока (тэг BODY). Обзор основных параметров тэга BODY и их использование (установка фонового цвета и изображения веб-страницы, задание цветов текста и ссылок и т.д.).

Закрывающие тэги блоков HTML.

Создание шаблонного кода веб-страницы в простом текстовом редакторе и проверка его работы в браузере. Способы редактирования кода веб-страниц.

 

5

5

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

Создание текстовых заголовков различных уровней и их позиционирование на веб-странице.

Обзор тэгов оформления и выделения текста, а также изменения его размеров и цвета.

Обзор тэгов разрыва строк и выделения блоков, их области применения.

Обзор тэгов создания списков различных типов.

Принципы вставки спецсимволов и тэги псевдографики. Понятие Unicode, его создание и применение.

 

4

4

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

Понятие, использование и принципы построения таблиц. Обзор тэгов создания таблиц и их параметры.

Понятие гиперссылки. Типы и области применения гиперссылок. Тэги создания гиперссылок и их параметры.

Создание кода и разработка шаблона новостной ленты сайта.

 

5

5

4. Понятие карты сайта, её назначение и использование.

Обзор тэгов создания карты сайта и их параметров. Пример создания карты сайта.

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

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

Понятие и применение комментариев HTML. Обзор тэгов для вставки комментариев и ограничения их использования.

 

5

5

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

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

Введение в JavaScript, его назначение и области применения. Объектная модель веб-страницы и браузера. Примеры объектов.

Понятие, типы и использование событий на веб-страницах. Примеры использования некоторых событий. Создание интерактивных объектов на веб-странице.

Создание всплывающих окон и их использование.

 

5

5

Работа с графическими объектами и их размещение на вебсайтах.

Требования и условия размещения графических объектов на веб-страницах. Обзор поддерживаемых форматов, их различия и использование.

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

Понятие и использование нарезки изображений. Примеры нарезки изображений в программе Adobe Photoshop или подобных графических редакторах. Сборка нарезанных изображений в браузере с помощью таблиц.

 

5

5

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

Понятие, типы, назначение и использование баннеров. Требования к параметрам баннеров и условия их размещения на сайте. Примеры создания баннеров. Установка баннеров и анимированных изображений на веб-страницы.

 

4

4

Технология CSS, её версии и поддержка браузерами.

Понятие, область применения и принципы построения каскадных таблиц стилей (CSS).

Использование CSS на веб-страницах, способы задания стилей и оформления отдельных элементов.

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

Понятие и использование обрамления. Обзор инструкций CSS для создания обрамлений и их параметры (установка формы, цвета, ширины и позиционирования бордюров, а также отступов от них и т.д.).

 

5

5

Понятие, инструкции и использование трёхмерного позиционирования объектов веб-страницы с помощью CSS. Примеры позиционирования отдельных элементов веб-страницы.

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

Понятие и использование фильтров CSS. Инструкции и примеры создания фильтров.

 

5

5

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

Типы шаблонов и способы работы с ними. Разработка и изготовление собственных шаблонов веб-страниц и целых сайтов.

Автоматизация создания и редактирования веб-сайтов. Работа с визуальными редакторами типа WYSIWYG. Обзор популярных визуальных веб-редакторов: Microsoft FrontPage, Macromedia Dreamweaver и Macromedia HomeSite, их преимущества и недостатки.

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

 

5

5

Создание и редактирование гиперссылок в среде визуального редактора. Создание и редактирование гипертекстовых меню в шаблоне веб-страницы.

Позиционирование и удаление отдельных элементов шаблона веб-страницы в среде визуального редактора. Создание собственных элементов и вставка их в шаблон. Разработка остальных страниц веб-сайта на базе данного шаблона.

Создание сложных эффектов (меняющихся изображений и выпадающих меню) в среде визуального редактора.

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

 

5

5

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

Способы доступа к сайту (по имени или IP-адресу).

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

Понятие, назначение и использование систем управления контентом (CMS). Тестирование работы вебсайта на сервере. Возможные ошибки и недочёты.

 

4

4

 

 

Стоимость обучения:  6800 рублей.

Сроки обучения: по мере комплектования групп.

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

 Преподавательский состав: высококвалифицированные преподаватели, имеющие большой опыт работы.

Информацию можно получить: 

 

По телефонам:
+7 (831) 465-99-94
+7 (831) 412-24-85

+7 (831) 411-14-53
+7 (831) 275-96-56

 

По электронной почте:

umc_prof@mail.ru 

 

На сайте:

www.umc-prof.ru 

 

 

Зарегистрироваться на семинар и получить счет на оплату по факсу Вы можете, заполнив Бланк заявки(33,00kb) на участие в семинаре.