Инструкция по сайту

Заходим на https://billing.sib-host.ru/billing.php

Вводим логин-пароль и попадаем на страницу биллинга:

Здесь можно оплатить продление домена, изменить пароль или перейти к управлению сайтом. Нажимаем "войти в аккаунт"

Попадаем на страницу управления сайтом:

Если откроется что-то отличное от "менеджера файлов", в него можно попасть по ссылке в меню слева.

Заходим в папку www -> agressotango.ru (или просто в public_html, это одно и то же)

Открывается страница с html-файлами, каждый из которых представляет собой отдельную страницу сайта. Подробнее про html: http://htmlbook.ru

index.html - главная страница, на которую пользователь попадает в первую очередь.

Чтобы изменить содержимое любой страницы, нужно предварительно скачать её текущую версию себе на компьютер. Выделяем нужный файл кликом и жмём "Скачать"

Открываем скачанный html-файл в любимом текстовом редакторе (Notepad, Notepad++, Sublime Text и т.д)

Самый простой способ найти нужное место в коде - поискать по тексту на странице.

Пример 1: добавить текст в бегущую строку

Ищем в файле index.html по первым нескольким словам бегущей строки.

Тег <marquee> отвечает за бегущую строку. Подробнее: http://htmlbook.ru/html/marquee

Можем отредактировать скорость движения строки (например, scrollamount="10"), добавить новый текст и т.д.

Пример 2: добавить новое место проведения занятий

Сначала разберемся, как выглядит код для существующих мест проведения.

Ищем по исходному коду фразу "Занятия в Академгородке"

Расписание выполнено с помощью таблиц.

Подробнее: http://htmlbook.ru/html/table

Рассмотрим подробнее некоторые элементы:

1. Таблица, описывающая всё расписание целиком
2. Первая строчка расписания. Содержит "Занятия в Академгородке" и "Вираж в городе" (не влезло на экран)
3. Первая "ячейка" строчки. Содержит "Занятия в Акадегородке" и всё сопутствующую для информацию. Рассмотрим некоторые её элементы подробнее
4. Заголовок блока "Занятия в Академгородке"
5. Элемент с google-картами. Получение кода с <iframe...>-элементом рассмотрим чуть позже
6. Время проведения занятий

Подробнее про все html-теги можно почитать на htmlbook

Как получить код для вставки карты

• Заходим на Google-карты (или любые другие, процедура почти аналогичная), вводим необходимый адрес: https://www.google.com/maps/place/Eyfeleva+Bashnya/@55.0340792,82.9032886,17.42z/data=!4m5!3m4!1s0x42dfe433111694a9:0x66937fe8da86c33f!8m2!3d55.0340854!4d82.9049272
• Нажимаем "Share"

• Выбираем "код для встраивания", регулируем масштаб (карта вставится на сайт в таком же расположении), и копируем код (можно просто нажать "Copy html")

• Вставляем скопированный код в нужное место сайта

Как зафиксировать обновления на сайте

Чтобы изменения вступили в силу, отредактированную страницу нужно загрузить на сервер. Это можно сделать, например, на странице "Менеджер файлов".

Важно убедиться, что мы загружаем изменения по пути /www/agressotango.ru

Если появится предупреждение, что файл с таким именем уже существует, нужно его перезаписать

Всё, после загрузки изменения сразу же отображаются по адресу agressotango.ru

Если изменения не отображаются, возможно, браузер использует закэшированную версию сайта и еще не успел обновить кэш (этот механизм работает независимо на каждом отдельном компьютере). Чтобы на своем ПК убедиться, что всё в порядке, можно принудительно перезагрузить кэш. Обычно это делается с помощью комбинации Ctrl+R / Ctrl+F5 / Cmd+R на MacOS.