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.
-
Как делать обновление сайта, редактирование сайта из панели управления хостинг провайдера. Бэкап базы данных.
Практическое занятие: выгрузка сайта на хостинг для желающих.
Занятие 12: Безопасность сайта
Методы взлома сайта и последствия:
-
Какие последствия могут быть после взлома сайта, т.е. что злоумышленник может сделать если он проберется на ваш сайт.
90% последствий взлома остаются незамеченными для владельца сайта.
-
Как злоумышленники взламывают сайты и почему это возможно?
Базовая защита сайта:
-
Что нужно сделать в первую очередь для защиты сайта?
-
Без чего нельзя обойтись в наше время?
-
Почему нужно как можно быстрее избавиться от всех пиратских расширений?
-
Способы защиты панели администратора: защита админки сайта от подбора пароля, маскировка админ-панели
Мониторинг сайта:
-
Настройка мониторинга (яндекс-метрика, ping-admin на выбор)
-
Добавление сайта в сервис яндекс веб-мастер, google веб-мастер
Резервное копирование базы данных
Что делать если сайт взломали, как быстро ликвидировать и обнаружить последствия хакерских атак
Лечение сайта: проверка сайта на скрытые вирусы и наличие вредоносных программ, которые могут служить замаскированным входом на сайт.
Интернет магазин: Virtuemart 2.5 Занятие 13: Установка интернет магазина
Установка Joomla на компьютер. Установка и настройка Virtuemart. Составные части интернет магазина. Virtuemart. Вывод категорий магазина и создание меню магазина. Установки глобального модуля Virtuemart. Настройка модуля и его функции. Рабочая область Virtuemart. Глобальная настройка Virtuemart: безопасность, сайт, доставка, оформление заказа, скачивание, настройки ленты новостей. Настройка страны и регионов, создание валюты. Как создать свою валюту. Группы покупателей и пользователей: как создать менеджера и задать ему права, какие настройки есть у каждой группы, как разделить покупателей на розничных и оптовиков. Настройка регистрации пользователей. Информация о магазине: где задать минимальную сумму заказа, как использовать отображение товара в разных валютах.
Занятие 14-15: Товар
Процесс добавления товара. Задаём производителя: зачем нужно добавлять производителя, где и как будет отображаться информация о производителе. Создание категорий товаров: главные настройки категории, вложенные категории, индивидуальное отображение категории и товаров в ней. Добавление товара. Свойства товара: зачем нужно указывать свойства товара и как их добавлять. Зависимые товары: что такое зависимые товары или подтовары, добавление, варианты оформления зависимых товаров. Тип товара. Скачиваемый товар: как добавить несколько изображений к одному товару, прикрепление файлов к карточке товара, физический и цифровой товар, продажа физического и цифрового товара в одном магазине, закачка файлов для продажи цифрового товара. Цены на товар для разных групп покупателей: как сделать цену на товар зависимую от количества товара, указание цены на отдельный товар, указание оптовых цен на товар автоматически, т.е. за один клик. Скидки на товар: виды скидок, реализация, одноразовые и многоразовые скидки. Помощь в работе с товаром: мнение покупателей, дерево категорий товаров, товары на складе.
Занятие 16: Доставка товара
Варианты доставки: модули доставки, варианты реализации доставки товара, настройка минимальной суммы заказа и суммы для реализации бесплатной доставки. Стандартный модуль доставки: настройка стоимости доставки для разных районов, настройка фиксированной стоимости доставки, настройка курьерской доставки. Доставка в зависимости от суммы заказа: настройка автоматического формирования стоимости доставки исходя из суммы заказа. Отображение доставки на русском язык, начисление % к стоимости доставки в зависимости от суммы заказа. Доставка Почта России: настройка автоматического рассчёта доставки по тарифам Почты Росии. Подборка оптимальных вариантов отправлений. Занятие 17: Оплата товара
-
Платёжные системы и варианты оплаты. РБК - мани: создание кошелька и подключение кошелька к интернет магазину. Настройка оплаты: установка модуля РБК - мани для приёма платежей с сайта. Робокасса: регистрация в Робокассе, установка модуля и приём платежей.
-
Webmoney: создание кошелька и установка модуля WebMoney.
-
Выписка счёта для физических лиц
-
Выписка счёта для юридических лиц: стандартная форма счёта, поступление денег в течении суток
-
Оплата наличными курьеру
Занятие 18-19: Дополнительные расширения Модули категории товаров:
-
Вертикальное представление товара: вывод категории товаров, которые выводятся в виде вертикального списка.
-
Горизонтальное представление: вывод горизонтального модуля с товарами категорий 1 уровня и вывод товаров с вложенными категориями.
Корзина: стандартный модуль корзина и изменение его внешнего вида.
Авторизация: модули авторизации Виртуемарт, горизонтальный и вертикальный модули.
Модуль Валюта: выбор валюты, просмотр стоимости товара в различной валюте.
Модуль Производители: фильтр по производителям.
Поиск: реализация различных вариантов поиска в Виртуемарт. Поиск по товарам, поиск по содержимому.
Модули вывода товаров: Специальное предложение, Случайный продукт, Последние продукты, Десятка лучших, Скроллер продуктов, Всё в одном - модули для вывода товаров.
Расширенное управление комментариями: Установка JComment - управление комментариями в магазине.
Снапшот: добавление товара в статьи, создание презентации магазина на главной странице по несколько товаров из категории.
Результат обучения:
-
Собственный корпоративный сайт, размещённый в Интернете.
-
Рекомендации по дальнейшему развитию web-сайта
