Сайт своими руками: Курсы

HTML - язык разметки web-страниц

Занятие 1: Создание web - страниц

Из чего состоит интернет сайт. Введение HTML: структура web-страницы, теги разметки текста, парные и одиночные теги, теги форматирования.   Атрибуты тегов : атрибуты блочных тегов, выравнивание абзацев, блочные теги, размер и гарнитура шрифта, изменение цвета текста и цвета фона страницы. Настройка web-редактора: интерфейс, добавление сайта, настройка кодировки сайта, просмотр страниц в браузер, изменение свойств элементов страницы.

Занятие 2: Изображения, списки, спецсимволы

Вставка изображений на сайт: обтекание, поля, рамки вокруг изображения, изменение источника вставленного изображения, вставка изображений из внешней папки, выравнивание изображений относительно текста.

Списки и спецсимволы: Подготовка текста для формирования списка, создание списка, Теги формирования списка, Использование панели Tag Selector, маркированный, нумерованный, многоуровневые списки их свойства и редактирование. Esc-последовательности, таблица символов, правила набора текста, Неразрывный пробел, Ударения в тексте, спецсимволы.

Занятие 3: Создание таблиц

Создание таблицы. Выравнивание в ячейках таблицы. Вставка и удаление строк и столбцов, свойства таблицы, Теги создания таблицы, Поля в ячейках, дизайн таблицы, Объединение ячеек таблицы, Цветовое оформление, Настройка сетки таблицы, Расстояние между ячейками, Фоновое изображение для страницы, Фоновое изображение для таблицы, Цвет текста, Цвет фона или фоновая картинка, «Доводка» изображений

 Занятие 4: Гиперссылки

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

CSS - язык создания стиля сайта

Занятие 5: Стиль сайта, введение в CSS

Определение стиля для тега, стиль для абзаца, групповой селектор, определение класса, теги-контейнеры, контекстный селектор, псевдоклассы. Стилевые таблицы: свойства страницы, создание стилевого файла, Создание стилевого файла и подключение файла к web - страницам. Атрибуты или стили, что сильнее? Принцип каскадности. Приоритет стилей. Занятие 6: Блоки, позиционирование Создание навигации: Блочные и строчные элементы. Свойства блочного элемента. Создание рамок, свойства обрамления: стиль, толщина и цвет рамки. Настройка внутренних и внешних полей рамки. Фоновое изображение, вставка, настройки, свойства управления расположением фонового изображения.Позиционирование блоков: Относительное и абсолютное позиционирование. Свойства координат позиционированного блока и их свойства. Понятие родительского блока, контейнера. Вложенность блоков. Переполнение блока. Система администрирования сайта Joomla 2.5

Занятие 7: Система администрирования сайтов Joomla 2.5

CMS Joomla и её возможности. Установка web-сервера на локальный компьютер. Установка Joomla на компьютер. Рабочее окно Joomla: администраторская панель и сайт, интерфейс. Основные понятия Joomla и общие настройки: настройки сайта, настройки системы. Шаблоны Joomla: структура шаблона, особенности шаблона. Позиции модулей в шаблоне Joomla 2.5. Установка шаблона на сайт, как скачать шаблон с интернета, настроить его и индивидуализировать.

Занятие 8: Материалы и меню в Joomla 2.5

Категории, работа с менеджером категорий. Добавление материалов на сайт и привязка материалов к меню сайта. Параметры отображения материала. Особенности вывода меню в joomla 2.5. Настройка горизонтального и вертикального меню. Добавление и настройка картинок. Изменение меню и стиля сайта, изменение стиля шаблона, работа с кодом сайта. Создание и вывод нового меню на сайт, добавление пунктов меню. Использование вкладок для вывода материалов. Вывод материалов: стандартный, в виде блогов, из архива, в виде списка.

 Занятие 9:  Модули и плагины

Добавление и редактирование логотипа, шапка сайта. Установка галереи на сайт.

Плагины для вывода изображений в joomla 2.5:

• Увеличение изображений в Joomla 2.5 при клике
• Увеличение изображений в Joomla 2.5 при наведении курсора мышки

Модули, установка и настройка:

• Часто задаваемые вопросы: установка и настройка компонента
• Добавление компонента Связь, установка внешнего расширения и настройка стандартного расширения Контакты

Занятие 10:  Компоненты joomla 2.5

• Авторизация и регистрация пользователей
• Подключение и настройка форума
• Установка компонента Голосование
• Карта сайта для Joomla 2.5 – Xmap
• Комментарии на сайте и модуль «Самые читаемые», гостевая книга - компонент , предназначенный для оставления отзывов пользователями сайта.
• Социальные кнопки, важность и вывод в материалах или в подвале сайта.
• Схема проезда. Активная карта от Яндекса, с приближением карты.
• Rss лента, вывод и настройка, на главной странице и в других разделах сайта.

Занятие 11: Хостинг, домен

• Как правильно перенести сайт с локального компьютера на хостинг в Интернет, требования к хостингу для сайтов Joomla 2.5.
• Как делать обновление сайта, редактирование сайта из панели управления хостинг провайдера. Бэкап базы данных.

Практическое занятие: выгрузка сайта на хостинг для желающих.