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


●  Пароли, логины, смотрите на диске, который вы получили!

Уважаемый пользователь!
Ваш сайт готов, Вы получили диск с резервной копией сайта, пароли и эту инструкцию.
Для удобства, файлы с информацией, сделаны с расширением .html, поэтому просматривать их следует при включенном Интернете.
Встает вопрос: как дальше работать на сайте. На любом ресурсе нужно периодически изменять и обновлять информацию.
Если Вы не обладаете достаточными знаниями в языке html, не стоит пытаться делать какие-либо глобальные изменения сайта. Имееться ввиду изменение дизайна, порядок размещения элементов. У Вас наврядли что то получиться. А вот самостоятельно изменять надписи, тексты, заменять фото, Вам вполне под силу. Вообще если Ваш ресурс предусматривает постоянное обновление информации (это новости, прейскурант изделий, цены на них), Вам нужно иметь подготовленного человека. Если это информационный ресурс, сайт-визитка, где информация может быть неизменной месяцами, Вы можете это делать сами. ( к примеру сайт фотографа, где он выставил свои работы, контакты и не трогает их длительный период).
Я помогаю тем, кому делал сайты. Поэтому, если речь идёт о замене нескольких фото или строк текста, это делаеться в телефонном режиме, совершенно бесплатно. (реквизиты внизу этой страницы)

Важно!
1. Если Вы решили сделать какие-либо изменения, обязательно сделайте копию страницы и только после этого приступайте к работе на этой копии!
Ненароком убранная скобка, значёк и прочее, приведёт к тому, что всё содержимое контента попросту развалиться и найти причину для неопытного дизайнера будет практически невозможно!

2. Нужно следить за сроками оплаты услуг Хостинга, т.к. по истечении срока оплаты сайт становиться недоступен в Интернете, а через 30 дней удаляеться безвозвратно!


Обычно я делаю на главной стр. незаметную иконку - копочку для владельца сайта. Кроме всяких полезностей, там стоит счетчик остатка дней до оплаты. Чтобы не входить лишний раз в хостинг можно быстро посмотреть на сайте. Единственное, счётчик нужно после истечения срока обновить. Это файл "admin.html". В нём есть подсказка, где находиться скрипт. Нужно просто поменять год на следующий. Если сами не сумеете, сообщите мне, я сделаю изменения.

Итак, начнем.

Прежде всего Вам нужно установить программу для работы с текстовыми файлами. Обычно я предлагаю файловый менеджер TOTAL COMMANDER. Вы без труда найдете его в Интернете.

Возможности программы

-Двухпанельный многоязычный графический интерфейс пользователя;
-Полностью настраиваемые сочетания клавиш, близкие к популярному до середины 1990-х годов файловому менеджеру Norton Commander для DOS (клавиатурные комбинации для просмотра, редактирования, копирования и удаления файлов);
-Поддержка Drag&Drop при помощи мыши;
-Вкладочный интерфейс;
-Настраиваемые меню и панели инструментов с кнопками для запуска внешних программ или внутренних команд меню;
-Выделение и подсветка файлов на панели по имени, расширению, дате и времени создания файла и по многим другим условиям;
-Встроенный FTP-клиент, с поддержкой SSL/TLS;
-Работа с архивами так же, как с подкаталогами. Соответствующие программа-архиватор или плагин вызываются автоматически. Интегрирована поддержка PKZIP, ARJ, LHA, RAR, UC2, ACE, TAR, gzip и tar+gzip. Для практически всех существующих форматов доступны подключаемые модули — плагины;
-Внутренний упаковщик для формата ZIP, с возможностью создания многотомных и самораспаковывающихся (16- и 32-битных) архивов;
-Внутренние распаковщики для форматов ZIP, ARJ, LZH, gzip, tar, RAR и ACE;
-Разрезание и сборка файлов большого объёма;
-Подсчёт и проверка контрольных сумм файлов (CRC32, MD5, SHA1);
-Групповое переименование файлов и синхронизация каталогов;
-Сравнение файлов с возможностью редактирования, сравнение файлов с разными кодовыми страницами;
-Расширенный поиск файлов, включая поиск текста в любых файлах, в том числе на нескольких дисках и FTP; поиск дубликатов файлов; поиск внутри архивов;
-Встроенный просмотрщик файлов (lister) для просмотра файлов любого размера в шестнадцатеричном, двоичном или текстовом формате с использованием набора символов «DOS», «ANSI»/«Windows», Unicode, UTF-8 и других;
- оддерживаются регулярные выражения при поиске файлов (в именах и в содержимом) и во внутреннем просмотрщике, групповом переименовании файлов, диалоге выбора и выделения файлов и фильтрах;
- Поддержка последовательной очереди и параллельного фонового выполнения операций над файлами (копирование, перенос, удаление, работа с архивами и FTP);
-Журналирование файловых операций;
-Возможность временного повышения уровня привилегий; поддержка механизма User Account Control в Windows Vista/7/8;
-Естественная (native) поддержка портативного режима работы (без инсталляции), поддержка U3 флеш-накопителей;
-Расширение функциональности программы с помощью подключаемых модулей (плагинов).
-Работает с длинными (более 255 символов, но не более 4096 символов) путями под NTFS.

Говоря проще, в этой программе, Вы можете прослушивать АУДИО, просматривать ВИДЕО, просматривать, сортировать и обрабатывать Ваши фото и др. Но нас сейчас в первую очередь интересует возможность работать в этой программе с протоколом передачи файлов FTP
FTP (англ. File Transfer Protocol — протокол передачи файлов) — стандартный протокол, предназначенный для передачи файлов по TCP-сетям (например, Интернет). FTP часто используется для загрузки сетевых страниц и других документов с частного устройства разработки на открытые сервера хостинга.
Протокол построен на архитектуре "клиент-сервер" и использует разные сетевые соединения для передачи команд и данных между клиентом и сервером. Пользователи FTP могут пройти аутентификацию, передавая логин и пароль открытым текстом, или же, если это разрешено на сервере, они могут подключиться анонимно. Можно использовать протокол SSH для безопасной передачи, скрывающей (шифрующей) логин и пароль, а также шифрующей содержимое.
Практически все фотографы-профессионалы в работе используют именно эту программу.

Настройка FTP
Войдите в Total Commander, в самом верху в меню выберите FTP, откроеться Окно-1.
Нажмите "Добавить", откроеться Окно-2. Здесь заполните поля:
-Имя соединения
-Сервер [порт]
-Пароль
Естественно вписав ваши данные. Их можно взять либо с сервера https://www.ukraine.com.ua/,
либо на диске в файле "Информация по сайту"
Когда все заполнили, нажимаете внизу ОК, в окне-1 появиться Ваш сайт.
Более подробно о работе на сервере (здесь расположен Ваш сайт), ●  смотрите здесь-нажмите!
Пароли, логины ●  смотрите здесь-нажмите!

Ваши данные для настройки FTP:
-Имя соединения: xxxxxxxxxx
-Сервер [порт]: xxxxxxxxxx
-Пароль: xxxxxxxxxxx

Если в соединении отказано,
Может быть несколько причин:
1) Проверьте правильность заполнения строк в окне-2.
2) Возможно у Вас ДИНАМИЧЕСКИЙ IP адрес (Такое бывает, например в Интернете ОГО).
В этом случае Вам нужно войти на на https://www.ukraine.com.ua/ (нажмите!), войдите на сайт, в этойже строке появиться зеленая кнопка "Перейти в панель управления", жмем на нее. Находим раздел "Безопасность"-жмем, на открывшейся стр, в правой части находим:
Ваш IP: 37.52.150.122
Добавить IP в список разрешенных

нажимаем "Добавить"
выпадает окошко " Данные успешно изменены"
Можете возвращаться в Total Commander и повторить попытку входа.

3) Пассивный режим обмена
Войдите снова в FTP (окно-1), нажмите "...Изменить" и снимите или поставьте галочку в поле
"Пассивный режим обмена (как Web браузер)"
Если и после этого соединение не произошло, вернитесь на https://www.ukraine.com.ua/ и соеденитесь со службой поддержки, консультант Вам поможет. Есть все телефоны: городские и мобильных операторов.

Вообще регистрация FTP делаеться один раз, потом только входите.
Более подробно о работе на сервере (здесь расположен Ваш сайт), ●  смотрите здесь-нажмите!
Пароли, логины ●  смотрите здесь-нажмите!

Работа с файлами Вашего сайта

Для работы Вам портебуеться чистая стр для текстового редактирования. Я обычно закладываю на диск несколько таких пустых страниц. Можете их создать в Total Commander/ Там есть создание стр. блокнота. Создает он их с расширением txt. Меред работой, поменяйте txt на html. Это для того, чтобы Вы могли просматривать файлы в Интернете.
Важно! Никогда не работайте на оригинальных файлах!!!
Дело в том, что скрипты не терпят ошибок, и лишний или недостющий значек может полнлстью заблокировать работу сайта!
Потом Вы не сумеете найти ошибку, либо сумеете, но потратите массу времени. Сделайте копии (можете просто скопировать их в отдельную папку), и на копиях делайте изменения. Копировать нужно ВСЮ ПАПКУ САЙТА!. В этой папке, все папки, страницы связаны между собой и отдельно скопированная стр. работать не будет!
Когда Вы сделали небходимые изменения, все в порядке, тогда можете заменять страницу.
Для этого, рабочую копию сайта, я закладываю на диск.
Как правило главная страница (на ней основная информация), носит имя index.html. Она может быть в корне, или в отдельной папке. Место ее нахождения, я указываю. Когда, откроете страницу для редактирования, там обозначены места замены фото, текстов, где, какие элементы. Если информация (тексты, фото) идет с другой папки, в самом верху кода главной стр., есть подсказки, где это находиться.
Если необходимо, делаем дополнительные стр., чтобы Вы могли потом добавлять то, что Вам нужно. Кол-во дополнительных страниц, дизайн и направленность (текстовая, фото, видео, галерея), обговариваються заранее.
Для открытия стр в режиме редактирования, нажмите на Вашей клавиатуре клавишу F4, СОХРАНИТЬ-в правом верхем углу экрана нажмите ФАЙЛ, выберите СОХРАНИТЬ КАК..., подтвердите замену. Все, ваш файл сохранен!
Когда Вы откроете стр в режиме редактировая, Вы увидите только скрипты. Картинок, цвета там нет. Это все видно только при просморте стр. единственное, что видно это текст. Текст пишите как обычно.





НЕСКОЛЬКО СОВЕТОВ ПО ФОРМАТИРОВАНИЮ ТЕКСТА.

-Для переноса текста на ступень ниже, в месте разрыва пропишите тег <br>
-Для показа жирного текста, заключите необходимую часть его в теги <b>текст</b>пример: жирный текст
-Для показа курсива, заключите необходимую часть его в теги <u>текст</u>пример: курсив текст
-Для подчеркнутого текста, заключите необходимую часть его в теги <i>текст</i>пример: курсив текст
-Зачеркнутый текст
текст, зачеркнутый с помощью тега <del>
<del> текст</del>




Сколько бы Вы не сделали пробелов в тексте при редактировании, на просмотре текст все-равно покажет только один. Что бы увеличить пробел, сделать отступ, используйте следующий тег:
Заключив текс в эти теги можно делать пробелы клавишей

Некий текст Продолжение...

<pre><p>Некий текст Продолжение...</p></pre>


Тег цвета

Для задания тексту цвета и размера, используеться след скрипт:

Ваш текст

font color="#211EB4" -цвет
font-size: 20pt размер в пикселях

В конце текста ставиться закрывающий тег </font> он прекращает действие значений скрипта цвета.
После него можно ставить новые значения цвета и размера.

●  Генератор подбора html цвета (нажмите!)





Установка фото.

Нужно иметь ввиду, что фотокамера выдает фото, более 1 мб. Для сайта это много. Снимок нужно уменьшать. Это делаеться все в том же Total Commander. При просмотре фото есть функция "Изменить размер". Уменьшить файл до 80-200 кб. и можно закачивать на хостинг. Имя файла может состоять их цыфр иои английских букв, без пробелов!!!

Тег картинки..



-Верхние 2 строчки уже известный Вам тег цвета, он определяет цвет бордюра (окантовки фото).
http://ilchakov.net.ua/prof/photo_2/Saut_00168.jpg - адрес фото
Расширение файла на сайте, должно быть прописано также как на исходном файле
(строчными или прописными -JPG, jpg, иначе картинка открываться не будет!)

-WIDTH="300" HEIGHT="200" соответственно ширина и высота фото в пикселях, (изменять пропорционально!)
-border="2" толщина бордюра

Вообще файлы фото, загружены в папку сайта, но для того, чтобы Вы ничего не нарушили,
для Вас создана отдельная папка (путь к ней я укажу)

Ну вот в основном и все, удачной работы!

Посмотрите еще темы здесь!
●  Учебгик HTML (нажмите!)
●  Форматирование текста в HTML (нажмите!)
●  Форматирование текста html-страницы (нажмите!)
●  Генератор подбора html цвета (нажмите!)
●  Бегущие строки (нажмите!)
●  Всё по текстам (нажмите!)
●  Ваш сайт на заказ (нажмите!)
●  Школа WEB дизайна (нажмите!)

Пароли, логины сайта●  смотрите здесь-нажмите!

Здесь даны ссылки на несколько полезных сайтов.
В Интернете много материалов по языку html, по css. Поищите и Вы найдёте вобщем ответы на все вопросы.
Обратная связь:
Если у Вас возникли вопросы,
укажите № вашего шаблона.
Написать:inversia@bk.ru
тел: +38-093-65-85-290