В этом видео мы рассмотрим сразу 2 способа о том, как копировать сайт. Первый — с помощью специальной программы где всё делается с помощью двух кликов. И второй — ручной способ копирования сайтов без использования программ.
*https://www.youtube.com/watch?v=9W9b2NYl-0Q
**https://300.ya.ru/v_nd3rJ1eE
таймкоды
00:00:05 Введение
- Владислав Белецкий приветствует зрителей на канале «Верстач».
- Тема видео: копирование сайтов.
- Будут рассмотрены два способа: через программу и вручную.
00:00:40 Копирование сайта через программу
- Выбор сайта для копирования.
- Поиск и скачивание программы «Веб-копия».
- Установка программы и её запуск.
00:02:56 Процесс копирования
- Вставка ссылки сайта в программу.
- Начало парсинга страниц.
- Ожидание завершения копирования.
00:04:57 Проверка результата
- Получение уведомления о завершении копирования.
- Открытие папки с копией сайта.
- Проверка работы главной страницы и других страниц.
00:06:50 Загрузка на хостинг
- Необходимость загрузки сайта на хостинг для его отображения в интернете.
- Рекомендации по хостингу: «Лит Хост».
- Регистрация домена и загрузка файлов на хостинг.
00:08:55 Копирование одной страницы вручную
- Сохранение главной страницы сайта через браузер.
- Создание папки для сохранения сайта.
- Упорядочивание файлов страницы по папкам: CSS, images, JavaScript.
00:10:54 Завершение ручной копии
- Создание новых папок для стилей, изображений и JavaScript.
- Перемещение необходимых файлов в созданные папки.
- Проверка работы страницы после упорядочивания файлов.
00:11:38 Работа с изображениями
- Захватите все изображения в формате SVG и PNG.
- Если не видны расширения файлов, зайдите в панель управления, выберите «Свойства» и отключите «Скрывать расширения для зарегистрированных типов файлов».
00:12:37 Перенос изображений в папку MG
- Выделите все изображения с помощью клавиши Ctrl.
- Перенесите выделенные изображения в папку MG, используя комбинацию клавиш Ctrl + V.
00:13:49 Перенос CSS-файлов
- Создайте папку для CSS-файлов.
- Выделите все CSS-файлы, используя Ctrl, и перенесите их в новую папку.
00:14:48 Перенос JavaScript-файлов
- Создайте папку для JavaScript-файлов.
- Перенесите все JavaScript-файлы в новую папку, удалив лишние расширения.
00:16:08 Работа с файлом index.html
- Откройте файл index.html в редакторе, например, Visual Studio Code.
- Отформатируйте код, скопировав его и вставив в браузер, где выберите «Формат HTML».
00:17:56 Изменение путей к файлам
- Измените пути к файлам в коде, используя Ctrl + F для поиска и замены.
- Замените старые пути на новые, соответствующие новым папкам.
00:21:24 Массовая замена путей
- Используйте Ctrl + H для массовой замены путей.
- Замените «js.without.name» на «js» для корректных путей.
00:22:21 Замена внутренних ссылок
- Замените внутренние ссылки на домен вашего сайта.
- Предварительно создайте сайт на хостинге, чтобы знать, какой домен указывать.
00:23:37 Проверка сайта
- Откройте сайт в браузере и проверьте его работу.
- Если скрипты не работают, проверьте код сайта через консоль браузера.
- Если файл не найден, добавьте его в папку.
00:24:54 Исправление ошибок на сайте
- Нажимаем правой кнопкой мыши на пустой области сайта и выбираем «Просмотреть код».
- В консоли сайта находим ошибку «file not found» и копируем путь к файлу.
- Переходим на оригинальный сайт, добавляем путь к файлу и сохраняем изменения.
- Обновляем страницу, чтобы проверить результат.
00:26:29 Загрузка сайта на хостинг
- Выбираем тариф на хостинге и доменную зону, например, «билет онлайн.ру».
- Заполняем данные для регистрации, включая платёжный период.
- Оплачиваем тариф онлайн и получаем данные для доступа к хостингу.
00:28:55 Подключение к хостингу через FTP
- Скачиваем программу FileZilla и вставляем данные FTP: хост, имя пользователя и пароль.
- Подключаемся к хостингу и открываем индексную папку.
- Очищаем папку от ненужных файлов и загружаем файлы сайта.
00:31:10 Проверка работы сайта
- Переходим в браузер и проверяем, что сайт работает корректно.
- Убеждаемся, что все файлы скопированы правильно.
00:31:52 Установка админки TextLight
- Скачиваем TextLight версии 2.12.
- Переносим папку TextLight в папку с хостингом и переименовываем её в «админ».
- Заходим на сайт через TextLight, вводим пароль «админ» и изменяем его в настройках.
- Редактируем текст и сохраняем изменения.
00:33:23 Завершение
- Проверяем работу сайта после всех изменений.
- Автор предлагает задавать вопросы в комментариях и благодарит за просмотр.
Расшифровка видео
0:04
друзья всем привет свой путь стал белецкий вы на канале верстать в этом видео мы с вами снова разберем одну
0:10
очень важную тему как копирование сайтов сегодня вам расскажу сразу два способа
0:16
как скопировать сайт это через программу то есть в автоматическом режиме он просто буду вставлять ссылку и делать
0:22
копирование сайта и второй вариант если у вас не получилось делал сделать копирование через программу либо
0:28
например сайт вам нужна только одна страница сайта не веса это то соответственно вам подойдет второй способ потому что я буду показывать как
0:34
это делать вручную то есть как делать копии сайта вручную ручным способом всяких программ там и так далее итак
0:40
давайте начнем с первого самого простого легкого способа это копирование сайта через программу со и так веб копи для
0:48
этого на в первую очередь нужно найти сайт который мы хотим скопировать я выбрал такой самый умный типичный
0:54
который есть при поиске то есть забил там тестовый запрос и получил вот такую сайта сегодня мы будем копировать он
1:01
насколько я помню многостраничный да то что нам нужно то есть сейчас мы через программу скопируем этот многостраничный
1:07
сайт то есть это будет первый вариант копии и 2 вариант копии это мы вручную скопируем этот сайт но только главную
1:14
страницу например если нам другие страничке нужны то этот вариант вам подойдет больше итак давайте начнем сайт
1:20
у нас есть теперь нам нужно найти эту программу для этого мы переходим в любой поисковик давайте я зайду в яндекс
1:25
можете зайти в google в поиске пишем сайты веб копи
1:31
нажимаем enter и вот по первой ссылочке обращай внимания сайту должен быть so
1:36
you take точка ком то есть вот это официальный сайт программы переходим туда
1:42
так и нам необходимо скачать вот здесь есть кнопочка думал от нажимаем на эту кнопку
1:47
так у нас здесь в зависимости от системы например если у вас системы ну как
1:53
правило в среднем у всех что 4 бита но у некоторых 8 6 то есть если у вас 86 вас к чему вот эту версию если у вас 64 то
2:01
скачиваем эту и раз если не знаете то ну скачать все-таки 46 потому что чаще
2:06
всего 46 версия будет на компьютерах у пользователей все нажимаем download скачиваем в любое место давать скачок
2:13
сюда потому рабочий стол все скачали теперь давайте запустим эту программу и посмотрим как нам как мы
2:20
будем с ней работать и так тут установка типовая то есть подтверждаем что-то там
2:26
так program files а так здесь все так же оставляем здесь давайте все оставим также и вот так а у нас простая
2:33
установка получилось можете поставить вот здесь галочку creed desktop icon toy
2:39
чтобы у нас иконка вот эта программа появилось на рабочем столе я эту галочку
2:44
поставлю нажму next и install все установку на запустилось и сразу же практически завершилась то есть
2:51
программа такая маленькая и не требует много ресурсов итак сейчас она установится до конца мы
2:58
запустим я вам покажу интерфейс этой программы и мы сделаем полную копию вот этого сайта
3:03
то есть включая все страницы чтобы все сразу была оформлена готовый нам
3:08
минимально нужно было что-то делать так здесь пока все еще идет копирование
3:14
давайте посмотрим сайт вот такие всякие штуки тоже все сохранится то есть вот эта анимация
3:21
всякие java script функционал он сохранится и так
3:26
установку нас немножко затянулся так ну давайте пока
3:31
можно было перейти к первому способу но все уже давайте вот здесь ставим галочку launches a и такого копится значит
3:38
запустить программу после завершения нажимаем финиш и сейчас оно у нас запустится ну давайте пока так
3:45
ну давайте здесь нажмем мол и нажмем ok не будем отправлять наши данные в
3:52
facebook вот у нас открылась программа интерфейс программы выглядит следующим образом вот это окошко нам не нужно
3:58
нажимаем клаус и здесь нас в первую очередь интересует только вот одна вот эта строчка этого abs от сюда мы будем
4:04
вставлять ссылку нашего сайта то есть в данном случае а копирую домен нажимаю копировать оставляю в это поле и просто
4:11
нажимаю копи же майкопе нажимая да и жду пока у меня скопируется весе то есть вот
4:16
так просто с никаких определенных там усилий дополнительных делать не нужно просто мы берем запускаем эту программу
4:22
копируем ссылку вставляем в поле веб-сайт вот сюда нажимаем копим все у
4:27
меня начинается парсинг всех страниц которые здесь есть картинка и сохранения всех ресурсов то есть вот здесь влогах
4:33
можете обратить внимание как это все работает вот поэтому нам остается только ждать пока у нас хранится сайт и потом
4:39
посмотрим на результат
4:57
итак после завершения копирования вы получите вот такое уведомление то есть вебсайт скопирован у нас получилось 735
5:04
файлов сайта которым мы выгрузили общий вес сайт у нас 267 мегабайт ну и тут данный
5:11
по времени нажимаем клаус вот теперь нам необходимо так надо было нажать конечно
5:16
не клаус а открытие папке куда у нас сохраняется и так ну давайте я вам кстати про говорю этот момент тоже если
5:23
вдруг закрыли для того чтобы нам зайти в папку куда он сохранит сайты мы переходим просто в мой компьютер заходим
5:30
на локальный диск c и сама первую папочку на здесь появился это долго твой касается заходим сюда и
5:36
вот у нас banj холм которому спровадили он нас появился вот здесь давайте откроем сразу видим здесь много папок
5:42
под названием tilt то есть этот сайт был сделан матильде изначальном его скопировали и теперь у нас он у нас
5:48
статический так смотрим ниже вот у нас идет множество разных страниц
5:55
которые есть на этом сайте нас пока интересует только главная страница который обозначается как индекс точка
6:00
html то есть вот он здесь есть аж тем запускаем открываем вот через браузер и
6:05
смотрим что у нас собственно получилось то есть вот у нас копию полная копия работает весь вот этот функционал то
6:12
есть можно все контролировать и управлять редактировать вот он здесь у нас появился то есть все работает с
6:18
помощью окна работает то есть вот мы сделали полную копию сайтов работают все дополнительной странице давайте мы каком
6:23
другую страницу идем гаражи и навесы то есть вот как вы можете заметить все отлично работает вот мы сделали копию
6:30
этого многостраничного сайта теперь давайте разберем ту же самую тему как сделать копию многостраничного сайта но
6:37
только при том раскладе что нам нужно например только главная страница чтобы не копировать ведь сайт потому что некоторые сайты весит очень безумным
6:44
много просто вы после того как нажмите копию замочите ждать если на сайте очень
6:49
много разных страниц но перед этим кстати давайте пока тоже отметить такой момент что после
6:56
того как вы скопировали сайт чтобы его можно было увидеть также в интернете там приобрести там название сайта нажать
7:02
enter то есть чтобы открылся ваш сайт вам необходимо после того как вы скопировать сайт загрузить его на хостинг то есть вот как это делается
7:09
сейчас я пока в двух словах объяснил а потом еще к этому вернемся и прямо загрузим полноценный я покажу как это
7:15
делать то есть вот вы скопили сайт у вас есть исходные файлы сайта вам необходимо вот эти файлы все взять и перекинуть на
7:21
хостинг как это делается сейчас я вам тоже двух словах расскажу есть такой хостинг лет хоз . здесь вы можете
7:27
приобрести любой самый дешевый можете тарифов за 15 рублей ну зависимости от
7:32
того какого сайта есть сайт большой то желательно брать чуть чуть побольше вот после оплаты тарифа вам на хостинг
7:40
придут данные для доступа к хостингу то есть вам нужно будет зайти на хостинг перекинуть сюда все туда все файлы
7:46
вашего сайта скопированную на хостинг собственно и все то есть после этого у вас появится возможность заходить на сайт из
7:53
интернета при регистрации хостинга вы также будете указывать свой персональный
7:58
домен например давайте так елецкий
8:04
белецкий онлайн точка ру сделаем вот так нажимаем поиск
8:09
то есть вот примерно в таком формате вы придумывать какой-нибудь домен который в данном они свободен то есть вот этот
8:15
домен вот это доменное имя его еще никто никогда не регистрировал поэтому она соответственно свободно поэтому при
8:20
регистрации хостинга у вас тоже за просится вот это имя если она свободно появится уведомление
8:26
то есть близки онлайн точка ру доступен для регистрации нажимаем выбрать все продолжаем регистрацию то есть после
8:32
регистрации хостинга вы переходите по этому адресу и у вас открывается ваш сайт но соответственно постов как вы его
8:38
заливается на хосте к этому вопросу мы сейчас еще вернемся ну давайте быстренько как я обещал пройдемся по
8:45
такой важной теме как делать копию одной странице чисто то есть вручную без
8:50
каких-либо программ даже в давайте все закрою сейчас это все нам не нужна и теперь для того
8:56
чтобы нам скопировать только главную страницу сайта мы делаем очень просто мы заходим на сайт который мы хотим
9:02
скопировать то есть вот он нажимаем правой кнопкой на пустом месте и нажимаем сохранить как то есть вот так
9:07
вот просто платит веб-сайт создадим здесь какую папку
9:15
так называемые верстать так и в первую очередь что нам нужно
9:20
сделать это соответственно создать папку не массу будет содержаться сайт вот соответственно создал верстать и имя
9:25
файла мы указываем здесь не который было указано здесь во вкладке а пишем здесь индекс точка html все снизу
9:34
тип файла вам нужно указать веб-страницу полностью то есть если будет какой-то другой здесь вариант
9:40
стоять-то нажимаем вот сюда и выбираем веб-страницу полностью этаж team-h темой все нажимаем сохранить и
9:48
ожидаем пока у нас произойдет сохранить стране как правило быстро потому что нам мы сохраним только вот эту страницу все
9:54
моно завершился то есть вот видите теперь нам необходимо зайти в эту папку куда мы загрузили наш сайт вернее куда
10:01
мы сохранили наш сайт web sites папка верстать и вот у нас появился вот два
10:06
таких файла давайте пока один попробуем запустить через браузер посмотрим все ли у нас нормально
10:12
вот как видите у нас фактически все нормально но есть какие-то недоработки например не работают вот эти штуки
10:20
сейчас мы все во всем этом тоже будем разбираться первую очередь что нам нужно нам нужно открыть индекс files . то есть
10:27
вот эту папку в которую нас содержится все вот эти ресурсы главной странице это то есть картинки там всякие файлы для
10:33
стилистике скрипты и так далее то есть данный момент они уже подключена но они находятся вот в одной общей папке
10:39
антс files так происходит когда вы делать копию через браузер то есть вот как я сейчас показал первую очередь что
10:46
нам нужно сделать это упорядочить и вот эти файлы по разным папкам как у нас было через программу то есть программа
10:53
это делает автоматически вот здесь есть css тут все по папку разбито как на оригинальном сайте сейчас мы будем
10:59
делать то же самое только вручную и без вот этого всего мусора который здесь нас основалась возвращаемся в нашу папку вот
11:06
у вас верстать вот яндекс давайте здесь создадим несколько новых папок это папка
11:11
с с где у нас будут содержаться в стиле сайта далее создадим папку m&g там у нас
11:17
будут содержаться картинки сайта и давайте еще одну папку создадим под названием же с тубу java script и так
11:24
для чего это нужно давайте тоже объясню вот у нас три пустых папки это с снг и джесс теперь мы сюда будем перемещать
11:32
нужные файлы которые у нас есть в яндекс files то есть в этой папке так первое
11:38
что нужно давайте пока захватим здесь все изображения то есть изображение так они у нас здесь формате
11:45
svg ну как правило вот изображение здесь по и джейс то есть обращайте внимание на окончание вот этих расширений если вы
11:52
окончании расширения кстати не видите то для этого тоже есть у меня для вас решение вам необходимо зайти в панель
11:58
управления так здесь выбираем свойства так
12:03
параметры проводника или бы свойства папки кстати у некоторых систем вот нажимаем здесь нажимаем вид спускаемся
12:09
вниз и здесь есть вот такая штучка как изначально вот она стоит вот так
12:15
скрывать расширения для зарегистрированных типов файлов нажмем применить посмотрим как это изначально выглядело моя система как ее под что
12:22
случилось поставки передел то есть вот здесь название всех файлов но не указан их формальных расширения поэтому давайте
12:29
вернемся обратно сюда уберем эту галку нажмем применить нажимаем ok вот они все появились и так и давайте вернёмся к
12:36
нашей теме нам в первую очередь нужно мы хотим перекинуть все картинки этого
12:41
сайта в папку mj-300 там где у нас будут стираться картинки картинки это картинки
12:46
имеют формат png формат jpeg формате спг ну и как правило все то есть
12:53
вот png и jpeg svg вот они здесь есть смотрим смотрим дальше все других вот
13:00
как я вижу нет если будут еще то чуть попозже мы их переместим теперь что мы делаем мы зажимаем клавишу control x
13:07
кстати забыл важный момент объяснить чтобы выделить по одному например нужны какие-то элементы зажимаем клавишу
13:13
control на клавиатуре и выбираем просто кликаем картинкой не отпускай клавиш контру то есть вот бенджи вижу с воде
13:22
высокой тоже картинки так пмж тот же картинка так ну и все то есть вот мы все
13:29
выделили теперь нажимаем клавишу control x
13:34
возвращаемся обратно переход папку им же и нажимаем клавишу ну давайте вот так правой кнопкой просто
13:40
вставить все вот мы вырезали из той папке то есть перенесли все картинки
13:46
этом мы выделили и принесли их папку эмджей и так теперь давайте перенесем все файлы с расширением css вот мы
13:52
создали здесь папку css css и это файлы для стилистике то есть цвета там расположение элементов там размер и так
13:59
далее поэтому здесь мы делаем все аналогично смотрим там где у нас есть css то есть вот вижу формат css весь css
14:06
css вот так тоже control сжимая и кликаю на необходимые файлы
14:14
так если неправильно выбрали вот на примере джек случайно выбрал также control зажимаем и снова один раз
14:19
нажимаем и она у нас тут выделение исчезает так css здесь вот такие файлы
14:25
css тоже их можно захватить все вот мы выделили и здесь та же также либо нажимаем control x то есть вырезать либо
14:31
правой кнопкой вырезать возвращаемся обратно папку css и правой кнопкой
14:36
поставить все таким образом они у нас перенеслись из папки индекс files папку
14:41
css так теперь нам необходимо перенести вот эти все файлы с названием джесс вот здесь кстати такой
14:49
баг иногда так оба бывает а вот и добавлялись добавились название без названия вот здесь в конце без названия
14:55
быть не должно сейчас мы все уберем но перед этим вот если вы обратите внимание здесь формат желез у всех у всех
15:02
остальных файлов формата с мы берем вот так control x нажимаем заходим папку
15:07
джесс это же так же вставляем то есть вырезаем вставляем сюда и так теперь давайте уберем все вот эти
15:14
лишние расширение если у вас их нет то соответственно вам сделать это не нужно чаще всего это вообще такая очень
15:20
большая редкость но видимо на теле стиль такими сайтами будет вот так если вручную велся так тоже все это убираю то
15:28
есть оставляем только . джесс то есть после точку g с ничего не должно оставаться так делаем так
15:44
так вот здесь лишнюю джей убрал и сразу видно то что формат и есть изменился
15:50
иконку до меня обратно все вот теперь все мои jad файлы java script и они
15:56
выглядят так как должны выглядеть если у вас такой проблемы нет то соответственно вас изначально будет вот так уже и вы
16:01
просто все это выделяете нажимаете правой кнопкой нажимаете вырезать возвращайте обратно в папку java-script
16:08
джесс а мы сюда уже встали то есть ну вот таким же таким же макаром то есть все оставляем здесь ничего не нужно будет менять
16:15
так ну и в принципе все пока все теперь нам необходимо открыть вот этот файл
16:21
индекс точка html через любой редакторах я пользуюсь visual studio код
16:27
так открываем его и видим вот такую кашу в коде часто бывает такое что особенно опять же
16:35
в утиль доски сайтов очень часто бы это как аж в коде чтобы нам было удобнее работать с таким
16:42
сайтам вообще в целом мы берем вот это все копируем контрола kontrol ц то есть
16:47
либо правой кнопкой нажимаем копи далее возвращаемся он браузер переходим в
16:52
яндекс и пишем html форма тех
16:58
переходим по самым перу ссылки на самом деле их очень много разных то разница
17:03
них особо никакой нет вот просто вставляем в это окошко нажимаем консул и и нажимаем формат шти мы ожидаем пока у
17:10
нас все отформатирует вот и у нас был появилась вот такая чистая чисто разметка все нажимаем здесь
17:18
копии хочу клик борт все мы скопировали это возвращаемся сюда это все удаляем и
17:26
вставляем новый наших вариантов то есть вот выглядит он вот так так теперь нам нужно будет изменить вот
17:33
эти пути вот как вы видите у нас здесь в путях к файлам указан старый индекс .
17:40
вернее по старой папка где у нас содержали все ресурсы и танды индекс files мне должен был содержаться тильда
17:46
errors 10 . мин . джейс но так как мы все это перенесли у нас соответственно сейчас все находится в разных папках
17:52
очень важно будет изменить эти пути и делаться это принципе тоже не очень сложно для этого мы копируем вот это
17:58
название индекс files давайте купим нажмем далее нажимаем клавишу control +
18:03
f то есть зажимаем контрл рф здесь строке фант мы нажимаем paste все теперь
18:09
нам нужно просто нажимать клавишу f3 то есть нажимаем f3 и у нас будет
18:14
нет не будет в некоторых странно кстати у меня обычно вроде
18:20
работал этом фишка сейчас не работала на неважно то есть нажимал кантуев вставляем сюда индекс files вот у нас
18:28
будет подсвечивать где у нас есть совпадение то есть данном случае нам нужно будет изменить индекс с на папку
18:33
джесс и убрать отсюда без названия то есть теперь вот этот путь выглядит так то есть папки должна быть папка джесс
18:41
так давайте откроем так вот оно должно быть папку джесс в
18:47
папке с сайтом который должен быть файл teamviewer 10 . мин . г.с. так смотрим
18:54
тильдой рот 10 . мин . вот теперь вот этот путь он правильно то есть до этого у нас был старый теперь там все
19:02
почистили изменили теперь от пусть правильно так идем дальше теперь нам нужно таким же макаром
19:08
искать и другие вот эти индекс files и и также изменять но это кстати очень будет
19:15
неудобно если у нас не заработает клавиши в 3 момент
19:22
он не важно давать пока так теперь давайте изменим в остальных то
19:28
есть вот здесь где у нас указан путь к файлу css мы указываем здесь css соответственно здесь тоже css давайте
19:36
пока без комментариев я быстренько все из меню
19:41
бутылки
19:48
везде обращаю внимание там где формат png то есть это уже картинки начинаются там соответственно нужно менять вот
19:54
название файлы в название папки а яндекс . files на m&g папками jive которые есть
20:00
картинка
20:08
так ну все то что мы хотели изменить я изменил тебе
20:14
такой важный момент тоже вспомнил после того как вы сохранять сайт через браузер
20:20
вас соответственно становиться 2 такие файлы это индекс точка html и а яндекс files то есть папка где содержится все
20:26
ресурсы сайта вот теперь если мы удалим папку индекс files то есть мы же а тут все уже переместили она у нас на текущий
20:33
момент пустая оно нам не нужно здесь мы удаляем у нас удаляется также индекс точка html но не пугать то есть перед
20:40
тем как вы удалите папку индекс files то есть с ресурсами старыми ресурсами сайта
20:47
мы открываем винкс . html через любой редактор то есть в данном случае sablon у меня здесь открылся здесь я удалил то
20:54
есть здесь вы уже не существует но здесь он не открыт я нажимаю просто контрл с то есть сохранить и он у меня здесь
20:59
появляется папки папки не появляется файл появляется то есть вот эти два файла индекс точка html и папка с
21:06
ресурсами сайта они связаны после того как мы сохраняем за браузера они связаны то есть если мы удалим индекс точка html
21:12
то соответственно лиц папка с ресурсами сайта если папку удалим то
21:18
сок будет аналогично из индекс точка html и так с этим думаю разобрались
21:23
теперь давайте до конца наведем наши делал дума здесь есть еще некоторый
21:29
момент во первых без названия в этих джесс тут чтобы все это вручную
21:35
не менять вы можете сделать следующим образом то есть вы выделяете вот такое же такой повторяющиеся значения то есть
21:41
джез . без названия вот я нажимаю kontrol ц то есть копировать теперь чтобы сделать массовую замену мы делаем
21:49
стали нажимаем сочетание клавиш control + h вот у нас открывается точно такая же
21:54
строка как ее при поиске здесь нужно сверху мы вставляем что заменить и снизу
22:00
вставляем на что заменить то есть сверху мы стали заменить джез . без названия то
22:05
есть он будет везде искать такие совпадения и на что заменить мы просто здесь укажем г.с. то есть он заменит вот
22:12
этот участок название на просто джейд чтобы название файла было
22:17
соответствующего такое так давайте нажимаем вот здесь вот эту кнопочку и to replace all the place all вернее чтобы
22:24
сделать массовую замену на всем сайте нажимаем эту кнопку и вот видим то есть теперь у нас пути корректны папки джесс
22:32
есть тот самый файл джесс который нам необходим так ну почти все и последнее
22:38
что нам здесь остался эту почистить вот эти внутренние ссылки то здесь сейчас стоят внутренней ссылки на сайт
22:46
владельца сейчас мы тоже так же копируем controls и нажимаем control аж вот в
22:53
строке что заменить мы указываем банях am.ru то есть домен донорского сайта и
22:58
снизу указываем наш домен то есть тот который мы хотим зарегистрировать
23:03
на хостинге то есть поэтому можете предварительно уже создать перед тем как сделать копирования сайт на хостинге
23:10
чтобы у вас уже было понимание как удобно указывается итак я пока просто
23:16
укажу site.ru нажму здесь replace all так вот эту верхнюю срывает from you real мы удалим
23:23
чтобы не было полива так спускаемся ниже здесь смотрим в остальном вроде все норм
23:29
попробуем сохранить и откроем сайт посмотрим что у нас тут получилось
23:37
так тут давайте откроем все таки через вот этот браузер
23:45
так ну вот как вы можете обратить внимание у нас заработали скрипты сайт
23:50
начал выглядеть вы вернее стал выглядеть уже лучше потому что местами я замечал то что там
23:57
не вставились наши css-файлы но все-таки что-то здесь не хватает как будто
24:03
давайте посмотрим на жмем правой кнопкой например если увидите какие то недочеты сайта нажимаем посмотреть код
24:09
откроется вот такая такой dev tool мне удобнее вот здесь три точки таких
24:14
удобнее сделать снизу чтобы он был чтобы я виделся и полностью так и вот здесь есть консоль во вкладке консоль он вам
24:21
будет показывать каких файлов ему не хватает то есть данном случае ему не хватает
24:27
файла тильда зум 20 . мин . джейс вы тоже можете его скопировать для этого у
24:32
perrie просто переходите давайте вот так возьмем просто копируем
24:38
вот этот путь джея стиль разум 20 . джесс на зиму в разметке вот он здесь есть но
24:46
он его не может найти то есть папки скорее всего нет этого файла тильда зум
24:52
вот его здесь нет так теперь давайте вернемся на наш донорский сайт и попробуйте его
24:58
здесь да вот здесь он есть то есть у нас такая
25:04
тактика переходим если у нас есть какие-то недостатки недочеты на сайте мы нажимаем правой кнопкой на пустой
25:10
области здесь нажимаем просмотреть код на всех браузерах может быть по разному но почти всегда вот это вот этот пункт
25:16
просмотреть код он является последним списке вот этого меню нажимаем просмотреть код заходим консоль сайта
25:22
здесь у нас покажут все ошибки и смотрим то есть и error file not found это значит о том что говорит о том что
25:29
ошибка файл не найдет то есть приводит дословный перевод звучит так здесь нас
25:35
нам необходимо скопировать этот путь который он не может найти то есть копируем вот этот же с слышь till the
25:41
zoom 2 и 0 . мин . джейс все теперь переходим на оригинальный сайт вот нажимаем на
25:49
адресную строку вот наш домен здесь ставим слеш и дописываем путь который он не может найти то есть мы сейчас вручную
25:55
этот файл отсюда скопируем нажимаем правой кнопкой нажимаем сохранить вот и
26:00
давать прям в папку 2 см и его сохраним все отлично сохранили теперь давайте обновим и вуаля то есть у нас все
26:07
получилось вот как то так то есть два способа один самый простой это через программу просто добавляется доме
26:15
программу и копируйте автоматическом режиме и второй вариант это вот в ручном
26:21
режиме немножко сложнее на самом деле не так сложно как может показаться на первый взгляд то есть все состоит из
26:26
одних и тех же действий и так теперь давайте перейдем к последнему пункту в последнему этапу эта загрузка сайта на
26:33
хостинг предположим что у нас уже все готово мы готовы пользоваться нашим сайтом теперь давайте
26:39
перейдем на хостинг возьму какой тариф так уж тут пополнил тысяч рублей что мы
26:45
смогли все протестировать давайте до также белецкий онлайн напишем
26:52
белецкий а . здесь выбирать доменную зону
26:57
каждого домино язона кстати стоит уточнить она стоит по разному точка ру стоит
27:03
201 рубль на год то есть каждый год вам нужно будет продлевать за эту сумму так нажимаем далее все
27:11
у нас здесь описание нашего тарифа можете выбрать платежный период нажимаем далее
27:19
так ну и заполняем здесь всех свои данные белецкий владислав
27:24
олегович так
27:56
так все заполнили все свои данные нажимаем здесь далее все у нас получилось вот такая картина
28:03
то есть мы здесь покупаем старт то есть тариф start и домен белецкий . онлайн
28:08
выверни белецкий онлайн точка ру чтобы мы могли загрузить вот этот наш кофе который мы сейчас делали на домен
28:14
белецкий онлайн точка ру что может был через браузер открыть от сайт и посмотреть на наших результат итак все
28:20
нажимаем здесь оформить так и собственно все здесь у вас
28:26
никаких дополнительных требований не будет но так как у меня на
28:32
балансе уже есть тысячи рублей то есть я могу оплатить баланса вы можете оплатить онлайн способом то есть вот здесь способ
28:38
онлайн выбирайте максимально предпочтительный способ для
28:45
оплаты онлайн и оплачивается все нажимаем я знакомился нажимаем завершить заказ
28:54
и так и после того как вы завершили процедуру регистрации хостинга и домена у вас придет такое письмо на почту как
29:00
данный для доступ к хостингу здесь будут все данные для подключения кастингу для того что мы сейчас например могли
29:06
загрузить туда свой сайт вот открываем это письмо и здесь нас интересует в
29:12
первую очередь вот это ftp то есть ftp это подключение к файлам у архиву то есть
29:18
грубо говоря сайтов для того чтобы подключиться к ftp нам необходимо скачать программу файл зила она такая
29:24
тоже мало вещи то есть можно быстренько установить просто в поисковике и вот
29:30
файл zele.ru все приходите сюда скачивается установка там тоже 2 1 ну то
29:37
есть ничего сложного нет итак после того как скачали все открывается у вас у вас будет вот такой интерфейс программы то
29:45
есть вот ничего лишнего здесь нам нужно сделать что нам нужно взять вот эти данные ftp хост имя и пароль и вставить
29:52
вот сюда хост имя и пароль поэтому давайте отсюда возьмём api адрес нашего сайта
29:59
ставим хост потом ему пользователя мы скопируем вот отсюда и пароль давайте
30:04
скопируем вот отсюда думаю быстрое соединение нажимаем ok и
30:10
собственно все то есть вот мы подключились к нашему хостингу и нам осталось только загрузить наш сайт и
30:16
посмотреть на результат как все это получилось для этого в предложенных папках то есть вот у вас здесь все папке
30:22
вашего хостинга нам нужно открыть индексную папку хостинга то есть откуда у нас будет открываться эта папка
30:28
называется в то есть переходим сюда и здесь видим наш домен то есть вот белецкий точку мы внутри автоматически
30:35
генерируется индекс точка html там будет такая приветственная страниц то есть сайт создан поэтому нам это не нужно
30:44
вот эту папку тоже можно убрать поэтому их все выделяю поэтому их выделяем
30:49
нажимаем да лет и нажимаем да то есть вот мы очистили нашу папку теперь у нас папка
30:55
белецкий . онлайн она пустая сюда мы будем загружать наши наши файлы сайта загрузка файлов она
31:03
хочет просто берем вот так копируем все переносит
31:10
теперь давайте вернемся браузер и попробуем перейти по нашему адресу белецкий . он лайн и проверить как это у
31:17
нас будет работать так переходим браузер нажимаем вниз
31:22
ставим на вкладку и вставляем наш наш название глубину все нажимаем enter
31:31
и вот как вы можете заметить у нас все отлично скопировал все стоит на месте и так вот два способа как скопировать то
31:38
есть самый простой автоматическом режиме и вручную то есть вручную что немножко сложнее так ну и давайте напоследок я
31:45
вам покажу как установить что админку такую текста light чтобы текст редактировать и на этом я думаю пока
31:50
закончим и так давайте поставим тег салатик сталось ставится тоже очень просто мы приходим в наш поисковик
31:57
пишем здесь текст the light
32:03
так и здесь кнопка скачать версию 212
32:09
все ссылки на давайте все вот эти ссылки на тех стала это на файлзиллу там и так далее я продублирую под в описании
32:16
вернее под видео поэтому если чтобы вам было удобней просто раскрывать описание и
32:22
скачивайте все оттуда и так все вот у нас архив скачался нам теперь нужно его
32:27
открыть и вот эту папку текста light нужно перенести папку с нашим и хостинг
32:32
то есть куда мы перемещали сайт тоже в это окошечко вот сюда пустое место мы переносим наш текст оnline давайте этих
32:39
стала это переместить переименуем как админ чтобы у нас все было официально
32:44
стала от право кнопку нажал понимается лучшего написал здесь админ теперь перейдем на наш сайт и здесь слышь
32:52
попробуем написать вот у нас первая такая интерфейс нашей программы вернее
32:58
нашего скрипта текста лак для того что мы могли управлять нашим сайтом пароль тут дефолтный пишем тоже админ то есть
33:05
изначально у нас пароль такой и установлен то есть после загрузки сайта
33:10
разработчикам после загрузки на хостинг 1 пароль у нас будет админ для того чтобы изменить нам нужно зайти настройки
33:17
здесь указать снова пароль кварц 123 нажимаем сохранить все изменение сохранены так теперь для того чтобы нам
33:25
от отредактировать какой-либо текст мы просто нажимаем на текст собственно вот нажимаем здесь сохранить
33:31
все изменение сохранены теперь давайте попробуем зайти на сайт и посмотрим что у нас получилось так стоп немножко не то
33:41
хоп вот и все то есть все работает как часы вот ну давайте пока на этом принципе
33:48
остановимся если у вас будут какие-либо вопросы какие либо уточнение что-то не более обязательно пишите в комментариях
33:54
под видео я буду моментально всем отвечать и помогать также связаться со мной можно по
34:00
контактам на канале то есть контакт актуально всем спасибо за просмотр и увидимся на следующем видео уроки
