Разработка Web-сайтов и размещение их в интернете + Web Builder 8: Курсы

В программе:

1 = Основные понятия

Основные сведения о языках разметки: HTML, XML, XHTML. Эволюция языков разметки. Цели и задачи языка HTML. Программы для работы в Интернете. Взаимодействие браузера с гипертекстом. Что такое web-сервер, web-сайт, web-страница и чем они отличаются. Что такое тег? Типы элементов. Понятие тегов и атрибутов. Структура и правила оформления HTML-документа. Основные элементы форматирования текста. Элементы блочной и текстовой разметки. Элементы разметки. Управление отображением текстовых элементов. Изменение параметров шрифта. Управление свойствами абзаца, выравнивание, обтекание. Изменение цвета фона, текста. Цветовые коды, цветовые схемы. Понятие Интернет-цвета.  Визуальные средства разработки и HTML-редакторы.

2 = Ссылки и графика на web-странице

Использование графики на странице. Векторная и растровая графика. Форматы файлов изображений. Особенности применения графики в Интернете. Механизмы адресации на ресурсы в Internet. Структура URL. Реализация механизма адресации ресурсов в языке HTML. Разновидности гиперссылок. Создание гиперссылок с помощью элемента <A> и его атрибутов. Размещение иллюстрации на web-странице. Правильное применение элемента <IMG> и его атрибутов. Распределение иллюстраций по страницам сайта: приемы и советы.

3 = Списки и таблицы

Структурирование информации на web-странице при помощи списков. Списки с нумерацией. Списки с маркерами. Списки определений. Таблица и ее элементы. Правила задания размеров для таблицы и ее ячеек. Определение вида границ для таблицы и ее ячеек. Набивка, задание отступов между границами и содержимимым. Объединение ячеек. Типичные ошибки при работе с таблицами. Использование таблиц. Макетирование web-страницы с помощью таблиц. Использование вложенных таблиц. Приемы использования таблиц на web-странице.

4 = Формы

Зачем нужны формы. Форма и ее элементы. Методы отправки информации из полей формы. Использование табличных функций при создании формы на примере анкеты.

5 = Кадры (Фреймы)

Разбиение окна браузера на кадры. Описание кадра на языке HTML. Задание логики взаимодействия фреймов. Типичные проблемы сайта с фреймами. Кадровая верстка web-страницы.

6 = Каскадные таблицы стилей (CSS)

Основные цели и задачи CSS. Способы добавления стилей на web-страницу: (встраивание, включение, связывание, импорт). Основные понятия и определения. Селектор, свойство, значение. Грамматика языка стилей. Обзор возможностей CSS. Классы и псевдоклассы. Создание стилей и классов. Принципы каскадирования и группировки стилей. Применение стилей и классов к элементам документа HTML. Обзор возможностей CSS. Формирование рамок и отступов. Позиционирование элементов на странице и управление моделью элемента.

7 = Использование стилей при создании сайта

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

8 = Макетирование web-страницы

Сочетание гибкого и жесткого дизайна. Табличная верстка. Преимущества и недостатки табличной верстки. Модульные сетки. Блочная верстка. Обтекание блока. Одно-, двух-, трехколонный макет. Достоинства и недостатки блочной верстки.

9 = Дополнительные возможности

Дизайн стилей с учетом возможностей браузеров. Кодирование спецсимволов. Размещение аудио- и видеоматериалов на web-странице. XML-технологии и их применение. Стандарты XHTML, HTML версии 5. Средства повышения интерактивности сайта. Анимация, модули расширения функциональности.

10 = Знакомство с программой WYSIWYG Web Builder 8

Инструмент создания сайтов для пользователей, абсолютно не знакомых с программированием, HTML версткой, сетевыми протоколами и т.д. Для создания веб-страницы нужно разместить необходимые объекты на отведенных им позициям, а программа автоматически сгенерирует HTML код, после чего останется только опубликовать конечный вариант сайта на сервере (при помощью встроенной опции Publish).

11 = Сопровождение сайта

Регистрация, размещение сайта на сервере и его поддержка. Обзор систем управления контентом (CMS). Система доменных имен (DNS). Движки, шаблоны, конструкторы сайтов. Оптимизация, поисковые машины, индексация и продвижение сайта. Базовая SEO оптимизация.