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

Базовые знания

• Понятие Интренет (особенности работы, поисковые машины, расположение информации). Протоколы. Основные компоненты WEB-страницы и способы их визуального представления на страницах сайта. Этапы разработки WEB-сайта. Постановка задачи. Анализ аудитории и ключевых слов. Составление брифа, техническое задание. Эскизы дизайна, дизайн-макеты сайта.
• Навыки работы в PhotoShop: инструменты, работа с цветом, работа с текстом. Заливки. Требования к иллюстрациям в Internet. Графические форматы, оптимизация графики для WEB.

Дизайн-макет сайта в Adobe Photoshop "от А до Я", пошаговые уроки.

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

Верстка сайта "от А до Я" на основе дизайн макета в PhotoShop, пошаговые уроки.

• Что такое "динамические сайты". Как работает и из чего состоит "сервер". Базы данных, язык программирования PHP. Установка и знакомство с локальным сервером. Создание простой работы обратной связи.
• Знакомство и установка системы управления контентом (СМS) Настройка сайта на базе СМS.
• Все о хостинге. Знакомство с панелью управления хостингом. Выгрузка готового сайта на хостинг, настройки.
• Оптимизация сайта для поисковых систем (SEO). Основные приемы оптимизации, сервисы, инструменты. Системы аналитики Google analytics и Яндекс. Метрика.