Оптимезировать сайт
Всем привет,
Есть идея оптимизировать мой сай, но моих знаний для этого не хватает. Нужно лишь одно - сделать так чтобы страници сайта растягивались до размера монитора или телефона на котором он просматривается. Обратите внимание на сайте есть вставки панорам на 360 градусов они не должна пострадать.
Насколько будет просто это организовать и сколько будет стоить. Пиши
Спасибо
Может у меня бровзер "неправильный",
но я вижу только первую страничку и на ней различные картинки различных размеров.
Навигации или чего-то в этом роде не видно.
Посмотрел код, сайт сделан на таблицах, а это прошлый век.
Чтобы его можно было удобно смотреть и на мобильниках и на стационарных компах,
его надо сделать респонсивным и на дивах.
Все картинки и видео можно тоже разместить так,
что они будут в зависимости от предоставленного места менять свои размеры и расположение.
А видеоплеер на целевых страничках можно через яваскрипт сделать респонсивным.
Посмотри - https://v4-alpha.getbootstrap.com/layout/grid/
Если сам не разберёшься, могу порекомендовать знакомого студента, он сделает за пару сотен.
А там навигация и ненужна - сайт галерей. тыкай в картинки.
Мне тут знакомый посоветовал на Вордпресс сайт перенести там все сразу хорошо будет, говорит, и наполнение удобным, и картинки красивее...
Если сам не разберёшься, могу порекомендовать знакомого студента, он сделает за пару сотен
А за сотку не уложится? Неужели так непросто переделать в адаптивный формат?
В принципе можно и на ВордПресс,
только у стандартных галерей есть один недостаток.
Они все настраиваются на одинаковые размеры.
А в Вашем случае все картинки разнокалиберные.
Можно правда создать на одной страничке и несколько галерей,
и их по формату сгруппировать.
Или можно сделать основную галерею,
но в ней не оригинальные пропорции для картинок,
а вырез как стандартная рамка.
При клике уже выходишь на оригинальную картинку.
Или если нужно что-бы на основном сайте все картинки имели оригинальные пропорции,
то я бы лучше сделал сайт рукописный.
Так можно будет все картинки на более выгодных позициях разместить.
А за сотку не уложится?
Смотря кто делать будет.
Может кто и за ящик пива сделает
Неужели так непросто переделать в адаптивный формат?
В принципе это не сложно, но муторно
Возни много если нормально делать.
Да и с респонсивными видиками (плэерами),
тоже часто проблемы бывают.
Жаба - дело конечно серьёзное
Только тенденция идёт не в сторону больших мониторов,
а всё больше сайты посещают через мобильники.
Хотя многое и от направления сайта и целевой группы зависит,
по моей личной статистике, в среднем сайты примерно процентов на 60 - 70
посещают через смартфоны и таблеты. В некоторых отраслях ещё больше.
В то время, когда ещё года три назад было всего процентов 30 от общего количества посетителей.
Так что рано или поздно, а сайт придётся под мобильники тоже делать.
Забей в гугле что то типа - "Templates + gallery + Bootsrap", можно найти бесплатные, или за совсем не дорого, хтмл шаблоны под галерею, останется только свои картинки вставить, и будет сайт адаптивным. Или можно зайти на сайт Bootstrap, и через документацию из кусков вёрстки сверстать точно такой же, но адаптивный будет.
Мне тут знакомый посоветовал на Вордпресс сайт перенести там все сразу хорошо будет, говорит, и наполнение удобным, и картинки красивее...
На готовой теме да, удобней и красивей, но если нужно будет в верстке что поправить, то без общих знаний пхп программирования будет ещё тот головняк. Так что, тут если только найти 100% подходящую тему, поставил, и забыл...
Вот тут есть стандартные заготовки для портфолио:
https://blackrockdigital.github.io/startbootstrap-3-col-po..https://blackrockdigital.github.io/startbootstrap-4-col-po...
Они самые элементарные, но и сайт у тебя такой же. Но добавив немного скриптов типа Slimbox, для показа в полном размере изображений, и сайт уже будет поинтересней.
Нашелся хороший человек который предложил помощь в моем непростом (как выяснилось) деле. Совместными усилиями, я в основном выдвигал всякие хотелки, мы добрались до некоторого основного варианта - http://wp-sa.ga/demo-html/gallery/
Может у кого возникнут замечания или рекомендации - будем рады услышать. Основной, рабочий проект "House in the Meadow".
У тебя сетка с 3 столбцами. Некоторые картинки занимают 2 столбца, некоторые 1.
При уменьшении экрана всё сужается сразу до одного стоблца, тогда как можно было бы оставить 2 и только на самых маленьких разрешениях делать уже 1.
Но если первая занимает одно место, а вторая сразу два, то упаковать это можно лишь нарушив порядок. Сайт просматривают или на мобильном экране или на мониторе, тоесть нормальная компановка и для маленьких. Был вариант с 2 равными колонками, но он выглядел как плохой вариант одноколончатого решения.
Ну это всё легко решается средствами JS. Можно сделать прикольную анимацию пересортировки по размерам.
Как пример - http://masonry.desandro.com/
Симпатично, но на мой вкус это лишнее. На сайте выверенный порядок отображения и не хочется его менять. Сортировка в один столбик - неизбежное зло, так как на телефонах размер экрана маленький. Вот меня смущает что на одной странице я немогу 2 панорамы вылажить, или как по клику на картинке сделать так чтобы она во весь экран становилась, как с панорамой.
всем привет!
перенес все на новое место, которое ты выделил для Demo-test
добавил
панорамы в проект, но пока в тестовом режиме, нужно доделать правильное
масштабирование (думаю сделать их все таки в iframe);
сделал responsive для видео ролика с учетом формата 16:9;
добавил в некоторые проекты дабл-клик для image fullscreen, в IE не совсем корректно работает, может кто подскажет какой нибудь huk (к остальным думаю доделаешь по аналогии);
набросал для тебя несколько блоков на главной странице для изучения и экспериментов, там ничего сложного нет;
сделал ограничение по ширине для главной страницы в 1920px (как просил);
пока вроде все )Подключить их стандартно в ксс и использовать. Браузер берёт те шрифты, которые указаны, если скажем в системе нет указанного шрифта(ов), то берётся автоматом указанный по умолчанию в браузере, имеющийся в системе. Если все шрифты стилей связать на загружаемые с сайта, то браузеру будет их брать.