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

[Node]

В данной теме расскажу как сделать сайт-визитку, используя рипнутые шаблоны сайта.

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

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

1. Переходим в Для просмотра ссылки Войди или Зарегистрируйсяи выбираем любой понравившийся сайт, который вы будете изменять под себя.
Допустим возьму это:

Спойлер

Скачиваем, распаковываем и можете локально стартануть сайт, запустив index.html.

Спойлер

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

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

Спойлер

По такому типу ищем и заменяем остальные данные.

Как заменили все в index.html, переходим к JS.
Заходим в папку и в нашем случае видим config.js

Спойлер

Здесь меняем данные под себя и сохраняем.
Вот, что у нас получается:

Спойлер

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

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

 

[DontWorry]

В данной теме расскажу как сделать сайт-визитку, используя рипнутые шаблоны сайта.

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

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

1. Переходим в Для просмотра ссылки Войди или Зарегистрируйсяи выбираем любой понравившийся сайт, который вы будете изменять под себя.
Допустим возьму это:

Спойлер

Скачиваем, распаковываем и можете локально стартануть сайт, запустив index.html.

Спойлер

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

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

Спойлер

По такому типу ищем и заменяем остальные данные.

Как заменили все в index.html, переходим к JS.
Заходим в папку и в нашем случае видим config.js

Спойлер

Здесь меняем данные под себя и сохраняем.
Вот, что у нас получается:

Спойлер

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

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

Что за редактор? Где код? Это же не нотпад

 

[ass98]

Советую ещё проще воспользоваться wix и не париться

 

[Node]

Советую ещё проще воспользоваться wix и не париться

Помойка)

 

[Node]

Что за редактор? Где код? Это же не нотпад

Редактор кода - VSCode, ты тему прочитай))
Вначале то все указано было

 

[ass98]

Помойка)

Для создания сайта в 2 минуты самое то

 

[Node]

Для создания сайта в 2 минуты самое то

1. Вотермарка
2. Нет нормальных визиток

 

[vovceks]

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

 

[Ich_leide]

Только HTML сейчас выглядит, как компьютер-диназавр в стильной квартире. Для чего то красивого и интересного нужна как минимум связка HTML+CSS+JS и пониманием с опытом. Для чего то красивого, интересного и простого нужна лишь Tilda. Половина сайтов и проектов, с которыми мне приходилось работать, была сделана именно на Tilda

 

[warkshow]

1. Вотермарка
2. Нет нормальных визиток

Вотермарку не трудно удалить, да и можно накидать а потом просто код страницы скопировать вставить и так же со стилями раскидать да и все, еще легче скачать готовый сверстанный макет и переправить...