При помощи каких технологий реализовать дизайн сайта?

Добрый день!

Задача: сделать дизайн сайта, ну и собственно сам сайт, так, что бы в центре была картинка и от неё шли блоки с информацией, пример скелета: image.jpg
Картинка по центру это
<img class="center" src="img.jpg" border="0"  alt=""/>

.center {
  display: block;
  margin: 0 auto;
}

Блоки я тоже представляю как можно сделать ( div и border ), а вот как связать центральную картинку и блоки с текстом при помощи, допустим, тех же линий- не представляю (хотя есть догадки что это делается на css или canvas).

P.S : У меня нет опыта создания сайтов, ставил вордпресс, систематически изучал применения html, css, js, но опыта решения конкретных задач не было.

Подтолкнете в нужное русло?
  • Вопрос задан
  • 3217 просмотров
Решения вопроса 2
@Dzorogh
Если вариант с картинками не для вас (возможна только одна картинка в центре), то можно сделать так: jsfiddle.net/28KcW
Ответ написан
@GreatRash
А SVG не пойдёт случаем? Например вот так.
Ответ написан
Пригласить эксперта
Ответы на вопрос 3
@Steely
1. одной картинкой

2. мелкими картинками, линии это тоже изображения, можно их разместить с прозрачным фоном

В чем проблема собственно?
Ответ написан
nazarpc
@nazarpc
Open Source enthusiast
Можно на canvas, делается легко, например, я использую fabric.js, но в вашем случае он, наверное, будет избыточным.
Ответ написан
Комментировать
Не знаю всех условий задачи, но навскидку: линии сделать прозрачным png, а остальное - верстать или картинками, в зависимости от требуемого вида.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы