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

Статус
В этой теме нельзя размещать новые ответы.

Node

HTM.
Модератор

Node

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

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

- Для просмотра ссылки Войди или Зарегистрируйся
- Для просмотра ссылки Войди или Зарегистрируйся

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

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

DontWorry

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

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

- Для просмотра ссылки Войди или Зарегистрируйся
- Для просмотра ссылки Войди или Зарегистрируйся

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 на другое и перекидываем в папку.

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

ass98

Пользователь

ass98

Пользователь
Статус
Offline
Регистрация
30 Мар 2021
Сообщения
5
Лайки
25
Советую ещё проще воспользоваться wix и не париться
 

vovceks

Новорег

vovceks

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

Ich_leide

Новорег

Ich_leide

Новорег
Статус
Offline
Регистрация
27 Май 2022
Сообщения
16
Лайки
6
Только HTML сейчас выглядит, как компьютер-диназавр в стильной квартире. Для чего то красивого и интересного нужна как минимум связка HTML+CSS+JS и пониманием с опытом. Для чего то красивого, интересного и простого нужна лишь Tilda. Половина сайтов и проектов, с которыми мне приходилось работать, была сделана именно на Tilda
 

warkshow

Пользователь

warkshow

Пользователь
Статус
Offline
Регистрация
15 Апр 2021
Сообщения
49
Лайки
41
1. Вотермарка
2. Нет нормальных визиток
Вотермарку не трудно удалить, да и можно накидать а потом просто код страницы скопировать вставить и так же со стилями раскидать да и все, еще легче скачать готовый сверстанный макет и переправить...
 
Статус
В этой теме нельзя размещать новые ответы.
Сверху