Все города
Войти Зарегистрироваться
+7 (495) 135-33-75
0 (495) 135-33-75

Веб-дизайн и программирование сайтов

семинар
ID 29596

Чему Вы научитесь?

  • Научитесь верстать HTML-страницы с использованием CSS, поймете что такое кроссбраузерная верстка
  • Получите начальные навыки работы в Photoshop (или GIMP) по части работы верстальщика
  • Освоите все этапы разработки сайта на примере создания Интернет-магазина
  • Получите реальный опыт разработки веб-приложений на языке PHP c использованием СУБД MySQL
  • Получите материалы и инструкции для Вашего дальнейшего развития как специалиста в этой области

В программе семинара

  1. Введение и основные понятия
    1. Как работает Интернет? Понятие WWW. История создания.
    2. Что такое сайт, веб-сервер, веб-страница? Как это всё работает? Классификация сайтов.
    3. Процесс разработки сайтов
    4. Что такое гипертекст? Пример простой HTML-страницы.
  2. Основы языка разметки документов HTML
    1. Структура HTML-документа. Понятие тега.
    2. Основные теги оформления текста на странице. Спецсимволы и комментарии в HTML.
    3. Размещение на странице картинок/изображений. Типы поддерживаемых изображений. Понятие атрибута тега. Основные атрибуты тега вставки изображений.
    4. Принципы вставки спецсимволов и тэгов псевдографики. Кодировка HTML-файлов.
    5. Гиперссылки и их типы.
    6. Обзор тэгов создания списков различных типов
    7. Создание форм на сайте. Обзор тегов для создания элементов форм (текстовых полей, выпадающих списков, кнопок и т.д.).
  3. Таблицы и табличная верстка
    1. Обзор тэгов для создания таблиц и их атрибуты.
    2. Объединение ячеек таблиц. Вложенные таблицы.
    3. Верстка макета сайта при помощи таблиц
  4. Основы языка оформления стилей документа CSS
    1. Что такое CSS и для чего он нужен? Синтаксис CSS. Способы объявления CSS.
    2. Селекторы (id, class, tag). Селекторы атрибутов.
    3. Вложенность, наследование и группирование свойств.
    4. Приоритеты применения CSS-стилей.
    5. Псевдоэлементы и псевдоклассы.
  5. Блочная верстка (верстка слоями)
    1. Основные теги для блочной верстки (div, span)
    2. Внутренние и внешние отступы элементов (padding и margin) и их использование.
    3. Обтекание элементов справа и слева.
    4. Виды и способы позиционирования элементов на странице.
    5. Создание основной разметки сайта. Приёмы позиционирования блоков на странице.
  6. Верстка дизайн-макета в PSD формате
    1. Основы работы в программе Photoshop (или GIMP).
    2. Работа с макетом: выделение и нарезка основных частей, работа со слоями, настройках качества сохраняемых файлов изображений
    3. Создание основной размертки сайта для верстки макета
    4. Вставка нарезанных частей макета на страницу и их позиционирование.
    5. Проблема “кроссбраузерности”. Стандарты HTML/CSS.
  7. JavaScript и jQuery
    1. Что такое JavaScript и как он работает? Как использовать JavaScript на странице?
    2. Пример простого скрипта обработки нажатия на кнопку.
    3. Пример калькулятора на JavaScript.
    4. Библиотека jQuery и её преимущества.
    5. Основные понятие jQuery. Примеры использования.
    6. Подключение и использование скрипта фото галереи на странице.
  8. Дополнительная информация
    1. Понятие домена. Виды доменных имен. Выбор и регистрация доменного имени для сайта. Хостинг и его виды. Выбор хостинга для размещения сайта в Интернете.
    2. Способы размещения (выгрузки) сайта на хостинг-сервере по протоколам FTP и HTTP.
    3. Понятие usability (юзабилити) сайта. Определения. Факторы, влияющие на правильность восприятия информации на сайте.
    4. Что такое веб-дизайн? Основы “хорошего” дизайна. Цвет, Форма, Типографика, Основы гармоничной композиции. Особенности разработки дизайна своими руками. Поиск и использование готовых дизайн-макетов.
  9. Основы PHP
    1. Знакомство с языком PHP. Краткая история PHP. Основные особенности.
    2. Установка и настройка локального веб-сервера на компьютер.
    3. Создание первого PHP-скрипта. Встраивание PHP-кода в HTML.
    4. Базовый синтаксис. Переменные, константы, типы данных, преобразование типов, операторы, операции.
  10. Операторы условия и функции.
    1. Оператор if и тернарный оператор условия. Оператор множественных условий switch.
    2. Определение функции. Какие бывают функции? Значения по умолчанию. Область видимости и время жизни переменных. Рекурсивные функции.
  11. Циклы и массивы
    1. Циклы в PHP: while, do..while, for. Бесконечный цикл. Операторы выхода из цикла и прерывания итерации.
    2. Массивы. Работа с массивами в цикле. Функции для работы с массивами. Многомерные массивы. Предопределенные массивы.
  12. Запросы HTTP. Параметры URL и формы HTML.
    1. Типы запросов HTTP. URL и параметры запроса.
    2. Предопределенные массивы GET, POST, REQUEST.
    3. Обработка отправки HTML формы.
  13. Cookies и сессии.
    1. Что такое Сookies и как их использовать?
    2. Что такое сессии PHP и как они работают?
    3. Создание простейшей авторизации пользователя на сайте.
  14. Работа с файлами в PHP
    1. Особенности работы с файлами в PHP. Функции для работы с файлами.
    2. Разработка скрипта простой гостевой книги.
    3. Загрузка файлов на сервер. Функции для работы с каталогами. Получение списка файлов.
  15. Работа с базой данных MySQL
    1. Что такое база данных? Для чего нужна база данных? Поддержка баз данных в PHP. Что такое СУБД? Особенности СУБД MySQL.
    2. Создание новой Базы данных. Администрирование базы данных MySQL при помощи веб-приложения phpMyAdmin.
    3. Язык запросов SQL. Основные операции над данными в таблице БД: вставка, удаление, изменение и выборка.
    4. Получение результатов SQL-запроса в PHP. Обработка полученных данных.
  16. Архитектура программы. Парадигма MVC.
    1. Архитектура и структура программы.
    2. Что такое хороший код?
    3. Архитектура MVC. Реализация MVC в PHP.
    4. Буферизация в PHP. Универсальный метод шаблонизации.
  17. Объектно-ориентированное программирование (ООП)
    1. Класс и объект. Свойства и методы.
    2. Конструктор класса.
    3. Наследование, полиморфизм, инкапсуляция.
    4. Модификаторы доступа. Статические свойства и методы.
    5. Константы классов. Абстрактные классы и методы. Интерфейсы.
    6. Реализация MVC при помощи ООП в PHP. Разработка простого мини-фреймворка для быстрого создания сайтов.
  18. Создание готового проекта - сайта Интернет-магазина
    1. Верстка готового дизайн-макета Интернет-магазина
    2. Разработка функционала панели администрирования
    3. Реализация основной функциональной части Интернет-магазина на сайте.
    4. Наполнение сайта контентом. Тестирование. Исправление недочетов и ошибок.
    5. Обзор возможных улучшений и дополнений функционала Интернет-магазина.

Результат посещения семинара

  • Месяц обучения и реальной практической работы
  • Домашние задания на закрепление каждого урока
  • Форум (Группа) для общения с преподавателем и коллегами
  • Сертификат о прохождении обучения в учебном центре Логос Плюс
  • Практический опыт веб-разработки, который можно будет уже записать в Ваше портфолио или резюме!

Документ по окончанию семинара

Удостоверение о повышении квалификации

Отзывы

Добавить отзыв
Наши пользователи еще не оставили отзывов о данной программе обучение. Станьте первым!
Помоги бездомным животным!
Подождите, идет загрузка информации...