Школа сайтостроения

Добро пожаловать на сайт школы сайтостроения при компьютерном центре «Байтик» г. Троицка. Проект создается преподавателем и учениками школы и служит практическим пособием для изучения компьютерных технологий и в первую очередь — HTML, CSS и JavaScript.

Мы оформили сайт в виде набора презентаций. Для перемещения между слайдами используйте правое меню или стрелки «вперед» и «назад» внизу каждого слайда.

Технологии

Современный сайт — сложный сплав интернет-технологий, библиотек и решений, которым нет числа. Тем не менее, в первом приближении, любой сайт представляет собой текст, размеченный с помощью языка гипертекстовой разметки HTML, визуально оформленный с помощью каскадных таблиц стилей CSS и реагирующий на действия посетителя, исходя из логики, заданной языком программирования JavaScript.

Поэтому в школе сайтостроения мы изучаем эти три технологии в первую очередь.

HTML

Язык гипертекстовой разметки (HTML) — фундамент веб-сайта. Базовые единицы языка — теги и атрибуты. Они структурируют и размечают по смыслу материалы страниц, выделяют в тексте изображения, таблицы, диаграммы, цитаты и прочие составляющие. Размеченный текст делает возможным дальнейшее визуальное оформление элементов страницы каскадными таблицами стилей и динамическое управление средствами JavaScript.

Некоторые уроки по языку гипертекстовой разметки изложены в курсе «Основы HTML» на сайте преподавателя.

CSS

Каскадные таблицы стилей (CSS) — отвечают за визуальное оформление веб-страниц. Разработчики применяют CSS для указания положения элементов на экране, изменения цвета и фоновых изображений, управления шрифтами и размером текста. В программу школы сайтостроения входит изучение синтаксиса и способов подключения таблиц стилей, позиционирование элементов веб-страниц, блоковая модель и даже простейшие CSS-анимации. Уроки по таблицам стилей опубликованы в курсе «Введение в CSS» на сайте преподавателя.

Презентации

«Теория без практики — мертва, практика без теории — слепа»

В школе сайтостроения мы изучаем теоретические аспекты создания сайтов и применяем полученные знания на практике. Главная практическая цель учебного процесса — создание интернет-проекта для размещения и демонстрации школьных презентаций.

Команда

Преподаватель школы сайтостроения — Мартынов Александр.

Ученики школы:

  • Ионова Анастасия,
  • Супруненко Александр,
  • Козлов Николай,
  • Гладышева Ангелина.

О сайте

Учебный проект Ngosi работает на системе управления Drupal 7. Ученики школы сайтостроения авторизуются на сайте и самостоятельно редактируют слайды и презентации и добавляют новые. Сайт размещен на виртуальном выделенном сервере хостинг-провайдера ISPserver и регулярно обновляется.

Имеет смысл перечислить этапы создания данного сайта для понимания широты спектра задач, с которыми сталкивается веб-разрабочик:

  • Формирование концепции проекта и создание дизайн-макетов страниц и элементов сайта.
  • Написание текста и подготовка иллюстративных материалов.
  • Установка и настройка системы управления Друпал: конфигурация параметров модулей, работа в командной строке Drush.
  • Разметка материалов веб-страниц с помощью языка HTML.
  • Визуальное оформление страниц средствами каскадных таблиц стилей CSS в соответствии с дизайн-макетами.
  • Организация и оптимизация таблиц стилей средствами скриптового языка SASS.
  • Написание jQuery-скриптов для динамического управления веб-страницами.
  • Написание функций и шаблонов на языке PHP для изменения функционала сайта.
  • Управление файлами проекта на сервере, в т.ч. через командную строку Putty. Резервное копирование и обновление сайта.