• Читаемое за неделю
  • Последние ответы
  • Новые темы

Делаем сайт-визитку, имея минимальные данные HTML.

Node

Следящий за кураторами.
Старший Куратор

Node

Следящий за кураторами.
Старший Куратор
Статус
Offline
Регистрация
20 Мар 2021
Сообщения
63
Реакции
168
В данной теме расскажу как сделать сайт-визитку, используя рипнутые шаблоны сайта.

Нам понадобится группа в ВК и любой редактор кода.

-
-

1. Переходим в и выбираем любой понравившийся сайт, который вы будете изменять под себя.
Допустим возьму это:
C1x5c0d.png
Скачиваем, распаковываем и можете локально стартануть сайт, запустив index.html.
zjj1QRT.png

2. Переходим к виду изменению под себя визитку.

Открываем в редакторе кода index.html и начинаем заменять под себя соц. сети, ник и прочее.
С помощью Ctrl + F ищем в коде, например ник.
S6GVOxg.png
По такому типу ищем и заменяем остальные данные.

Как заменили все в index.html, переходим к JS.
Заходим в папку и в нашем случае видим config.js
CSPhNlp.png
Здесь меняем данные под себя и сохраняем.
Вот, что у нас получается:
n2we1UY.png

ugt80En.png
Так же можем изменить видео на заднем фоне, перейдя в папку videos и сюда перекидываем видео с названием Righthere, либо меняем название в index.html -> Righthere.mp4 на другое и перекидываем в папку.

Вот так можно легко спастить уже готовую визитку и переделать под себя. Для более продвинутых пользователей, вы можете изменить не только текст под себя и прочее, но и добавить что-то своего. Буду рад, если тема была полезна, всем кто прочитал - спасибо.
 

DontWorry Plus

По всем вопросам.
Администратор

DontWorry Plus

По всем вопросам.
Администратор
Статус
Offline
Регистрация
14 Мар 2021
Сообщения
34
Реакции
577
В данной теме расскажу как сделать сайт-визитку, используя рипнутые шаблоны сайта.

Нам понадобится группа в ВК и любой редактор кода.

-
-

1. Переходим в и выбираем любой понравившийся сайт, который вы будете изменять под себя.
Допустим возьму это:
C1x5c0d.png
Скачиваем, распаковываем и можете локально стартануть сайт, запустив index.html.
zjj1QRT.png

2. Переходим к виду изменению под себя визитку.

Открываем в редакторе кода index.html и начинаем заменять под себя соц. сети, ник и прочее.
С помощью Ctrl + F ищем в коде, например ник.
S6GVOxg.png
По такому типу ищем и заменяем остальные данные.

Как заменили все в index.html, переходим к JS.
Заходим в папку и в нашем случае видим config.js
CSPhNlp.png
Здесь меняем данные под себя и сохраняем.
Вот, что у нас получается:
n2we1UY.png

ugt80En.png
Так же можем изменить видео на заднем фоне, перейдя в папку videos и сюда перекидываем видео с названием Righthere, либо меняем название в index.html -> Righthere.mp4 на другое и перекидываем в папку.

Вот так можно легко спастить уже готовую визитку и переделать под себя. Для более продвинутых пользователей, вы можете изменить не только текст под себя и прочее, но и добавить что-то своего. Буду рад, если тема была полезна, всем кто прочитал - спасибо.
Что за редактор? Где код? Это же не нотпад
 
  • Like
Реакции: Node

ass98

Новорег

ass98

Новорег
Статус
Offline
Регистрация
30 Мар 2021
Сообщения
4
Реакции
14
Советую ещё проще воспользоваться wix и не париться
 
  • Like
Реакции: Node

Node

Следящий за кураторами.
Старший Куратор

Node

Следящий за кураторами.
Старший Куратор
Статус
Offline
Регистрация
20 Мар 2021
Сообщения
63
Реакции
168

vovceks

Новорег

vovceks

Новорег
Статус
Offline
Регистрация
23 Мар 2021
Сообщения
3
Реакции
12
Спасибо за инструкцию, но описанный подход подойдет разве что только для самообучения. Так как нормальных готовых слитых дизайнов визиток особо то и нет, да и всякие вышеупомянутые wix/ucoz/tilda и прочие конструкторы сайтов как никогда подойдут для любого начинающего, кто хочет сделать сайт визитку.
 
  • Like
Реакции: Node

Сверху