Не могли бы вы просмотреть этот сайт?

Я неплохо владею PHP и MySQL, и хотя я знаю HTML и CSS, я признаю, что я не эксперт и не обладаю лучшим взглядом на дизайн.

Так что мне могла бы пригодиться помощь. У меня есть клиент, который попросил меня дать ему список изменений, которые можно внести для улучшения его сайта.

Он построен на CMS Joomla.

Я понимаю, что необходимо внести много изменений.

Я собирался применить «сортировочный» подход и попытаться сначала найти наиболее важные изменения:
https://longlifeautomotive.com/

Я очень ценю ваш совет.

Искренне, Майкл Редактировать 09.01.16: Возможно, мне следовало быть более ясным.

Это совершенно новый клиент с уже существующим веб-сайтом.

Я не знаю, кто это построил (возможно, сам клиент), и в этом-то и загвоздка.

Часть моей дилеммы заключается в том, как сказать ему, что лучше всего будет полностью изменить дизайн, не обидев его.

У меня нет с ним никаких отношений, и нельзя говорить совершенно незнакомому человеку, что у него некрасивая прическа. Мои сайты загружаются очень быстро, но в итоге выглядят несколько плоскими:
http://www.greenlizardtech.com/

http://www.mathlocker.com/

Вот почему я сказал, что не разбираюсь в дизайне, и попросил совета.

Я просматриваю так много веб-сайтов за неделю, что мне потребовалось мгновение, чтобы вспомнить, что это был за сайт до ваших изменений... становится легко забыть, какая ведьма какая. (Это Филиппа? Фрингилья? О НЕТ, бедная Силе...) Затем я увидел на @qwikad.com свой пост с тем, что я в шутку назвал «изображениями детских садов», и… ух ты, это тот же сайт? Это настолько смехотворное улучшение по сравнению с тем, что я даже не догадался, что это то же самое место.

Хотя я не в восторге от огромного слайд-шоу, занимающего много места, использования веб-шрифта с засечками в тексте и цветовых контрастов по-прежнему «на грани», все в пределах допустимых норм — по крайней мере, в этом отношении.

ноутбук с тем, как он у меня настроен.



(а МНОГО новых веб-сайтов в наши дни даже близко не подходят к этому). Вы переместили более важную информацию, такую как часы работы и контактную информацию, вверх по странице (я все равно попытаюсь разместить ее выше, возможно, рядом со слайд-шоу, сокращая эту часть?), и все еще есть некоторые места, где отзывчивость своего рода разрывы (боковые столбцы перекрываются на определенной ширине?) вы зашли так далеко за относительно короткое время.





Даже если код под капотом все еще нуждается в небольшой помощи, вы больше не находитесь на территории «выбросить его и начать заново»; если бы я наткнулся на это «в своих путешествиях», информация была бы там, я мог бы ее получить, она загружалась достаточно быстро, так что я больше не был бы неудачником как ПОЛЬЗОВАТЕЛЬ.

Вы перешли от «mein gott, что это такое» к «в пределах отраслевых норм» — остальные проблемы — это скорее просто придирки и настройки, большая часть которых — это скорее выбор таких технологий, как bootcrap и jQuery, которые вас обманывают, чем есть на самом деле.

серьезные пробелы в доступности. Я не часто прошу помощи - но я занимаюсь программированием с 1977 года и создаю веб-сайты незадолго до тысячелетия.

но когда я спрашиваю мнения, КАЖДЫЙ последний кусочек, независимо от того, согласен я с этим или нет, добро пожаловать.

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

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

Рекомендации, такие как WCAG, и сами спецификации являются отличной отправной точкой, но вам придется адаптироваться к отзывам пользователей, если вы хотите добиться хоть какого-то успеха.

... и это одна из причин, почему я провожу так много времени, помогая другим бесплатно, поскольку помню, как это было, когда я работал полный рабочий день (Множество вещей, таких как паркинсонизм и возраст не 24 года, не позволяют мне сейчас иметь постоянную работу) программирование без НИКОГО, к кому можно было бы обратиться в дни, когда еще не было Интернета.

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

Интернет действительно изменил ситуацию на этом фронте...



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

На самом деле, именно поэтому многие из нас здесь, чтобы попытаться уберечь других от того, чтобы тот же дым взорвал им задницу, что и мы десять или больше лет назад.

Так что если у вас есть вопросы, у нас есть противоречивые ответы.

Ух ты. Это похоже на шум глаз. Мои глаза прыгали повсюду, и мне пришлось по-настоящему сконцентрироваться, чтобы увидеть, о чем этот сайт. ИМХО, ему нужно прочитать все, что он сможет получить от Дэна Кеннеди.

Ему нужна уникальная торговая точка.

Единственная услуга Atuomotive, которая предлагает вам ___________

Единственная автомобильная служба, получившая награду _________ три года назад.

Единственный автосервисный центр, переселенный __________

На его домашней странице должно быть изображение дружелюбно выглядящего мужчины, вручающего ключи улыбающейся старушке, или что-то еще теплое и пушистое.

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

Затем несколько ссылок для получения дополнительной информации, которая может понадобиться клиенту.

Людям, которые ищут ремонт автомобилей, вероятно, просто нужен номер телефона, чтобы они могли позвонить.

Это должно быть заметно на первой странице. Но.... Я не уверен, умный я или нет.

В 70-х я делал много вещей, которые были вредны для моего мозга. Если то, что я сказал, было глупостью, пожалуйста, не обращайте на это внимания. Уважать, Джей Си Дин. PS Если бы у него были бесплатные пончики, это бы не повредило.

Да, эти дурацкие цветные картинки из детского сада, отбросьте их. они слишком большие, занимают пустое пространство на экране и выглядят очень непрофессионально для чего-то вроде автомобильного сервиса.

СМЕШНО, но значки «блокировки сайта» в нижнем углу настолько часто подделываются, что их присутствие скорее заставит думать, что это сайт, наполненный мошенничеством/спамом, чем настоящий.

Да, я знаю — они должны представлять службы, которые обеспечивают безопасность сайтов — но их так часто подделывают, что теперь дома с наклейками ADT с большей вероятностью будут взломаны… поскольку все больше людей просто шлепают наклейке, чем есть реальные клиенты указанной компании.

Некоторые из темных серых текстовых областей находятся ниже минимального уровня доступности для этого серого фона — как всегда, обратитесь к рекомендациям WCAG по доступности.

с той же целью у вас есть бесполезные уменьшенные шрифты с фиксированной метрикой и какой-то дурацкий тонкий веб-шрифт, который также ставит под угрозу читаемость.

Красного текста, написанного каким-то дурацким шрифтом на логотипе, вполне могло не быть, поскольку Рождество знает только то, что говорит зверь с двумя спинами.

Аналогичным образом, уменьшение размера логотипа на дисплеях меньшего размера только затрудняет чтение «слишком причудливо для его же блага» и ухудшает ситуацию.

Гораздо менее упомянутая попытка нюхать реагировать нюхать несколько неудачна, и на самом деле нюхать у вас недостаточно пунктов меню нюхать, чтобы тратить нюхать код на его сокрытие. Простая перестановка медиа-запросов была бы гораздо более эффективной. Эй, ты чувствуешь этот запах? нюхает это почти как.

Я знаю этот запах.

Ну, продолжай. Массивный баннер-скрипттард со стандартными изображениями и плохим масштабированием изображений пахнет попыткой скрыть недостаток контента и/или вставить туда что-то кричащее без уважительной причины.

Я также не в восторге от ведущего изображения (float:left) в потоке текста, поскольку оно нарушает ввод.

Я бы сказал, что в другую сторону английский не является языком с письмом справа налево.

Эти мусорные фиксированные изображения для предполагаемой безопасности также перекрывают контент на меньших дисплеях, одна из МНОГИХ причин позиции: фиксированный контент — это мусор, который не имеет никакого значения на веб-сайтах, если вы заботитесь о доступности.

Открываю капот.

о да, Я знал, что что-то почувствовал; Бутдерь!!! Сделайте себе одолжение и найдите палку, чтобы соскрести ее, прежде чем отслеживать ее по коврам в Интернете.



Bootcrap — это вершина некомпетентности разработчиков, которая не предлагает НУЛЕВЫХ законных преимуществ, несмотря на дикие заявления людей, которые, если быть предельно откровенными, недостаточно знают HTML или CSS, чтобы создавать веб-сайты, не говоря уже о том, чтобы определить, предоставляет ли какой-либо из тупых полоумных тупых фреймворков ЛЮБОЕ.



законная выгода.

Они для обустройства объекта — то же самое, что керамическая шпаклевка для ремонта глушителя. Смотрите мою статью здесь:
http://www.cutcodedown.com/article/HTML_CSS_and_JS_frameworks

Я понятия не имею, что такое «уикит», но это похоже на скрипттардерию, которая ссыт по всему сайту с такой высоты, что можно подумать, что Всемогущий только что вернулся из бочонка.

По сути, у вас есть только 4,26 тыс.

открытого текста и НИЧЕГО, что я бы назвал изображением контента или другим подобным медиа-объектом; делая ЧЕТЫРЕ МЕГАБАЙТА В 49 отдельных файлах абсолютное дерьмо, безумие! Эти 226 тысяч из них в 14 файлах — скрипттардеры, а абсурдные 407 тысяч из них в 7 файлах — CSS? Просто выбросьте весь этот беспорядок в мусор и начните заново — без дурацких фреймворков и слепого невежественного копипаста.

У вас есть интерфейсный код, эквивалентный нанесению боли в яблочко на спине перед тем, как наклониться, чтобы взять мыло в тюремном душе. Даже HTML.

ага.

У вас есть 22 КБ HTML, что в два-три раза больше, чем нужно использовать на такой простой странице.



Скрипт загружается до мета, идиотский сценарий перенаправления мобильных устройств, как будто это все еще 1998 год, ерунда X-UA, которую следует помещать только в старые документы транзакций, чтобы новые версии IE действовали как старые версии - чего вам не нужно делать если код работает в современных браузерах и был написан правильно.



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

заголовки, атрибуты данных на ****, которым они не нужны, бесконечные бессмысленные DIV просто так, бесконечные бессмысленные классы просто так, презентационное использование классов (опять всякая ерунда размазана повсюду), статический стиль в разметке, строгое выполнение работы H3, неразрывные пробелы либо просто так, либо выполнение работы заполнения, раздувание HTML 5 с использованием статьи вокруг вещей, которые явно не таковы (не то чтобы СТАТЬЯ служила законной цели), сильный вокруг немаркированных CDATA с BR, выполняющим работу DL/DT/DD или работу H3+P, Paragrapsh вокруг элементов, которые явно НЕ являются грамматическими абзацами, еще более сильный при выполнении работы пронумерованных заголовков... Примерно 80% того, о чем я здесь писал:
http://www.cutcodedown.com/article/whats_wrong_with_YOUR_website_index

Ну, вы когда-нибудь слышали хит №1 из альбома Роя Орбисона 1989 года «Mystery Girl»? О, и это тоже Joomla.

Так редко это увидишь; так же, как и turdpress, он объясняет большую часть раздутой разметки мусора. Мой совет — выбросить весь этот беспорядок в мусор и начать все сначала.

Я мало что могу из этого извлечь, если вообще что-нибудь. ... и без обид, но как вы можете утверждать, что «достаточно хорошо» владеете PHP, если вам явно не хватает знаний HTML — ВСЯ ЦЕЛЬ PHP — выводить HTML! Как -- гораздо меньше ПОЧЕМУ -- черт возьми, люди продолжают изучать PHP до того, как узнают, что он должен выводить?!? Как, черт возьми, вы можете использовать PHP для того, для чего он предназначен, не зная, чем он существует, чтобы манипулировать ПЕРВЫМ?

Если быть совсем откровенным, если вы не знаете, что в этом плохого:

 <body>


<div id="top">


<h1>


<a href="/">


Long Life Automotive


<span>-</span>


<small>Engine and Transmission Replacement Specialists</small>


</a>


</h1>


<ul>


<li><a href="/" class="current">Home</a></li>

Код (разметка): ...тогда у вас НУЛЕВОЙ бизнес в сфере веб-технологий - интерфейс ИЛИ серверная часть! Это одна гигантская раздутая тарабарщина для того, что, скорее всего, должно быть:

 <body class="tm-sidebar-a-left tm-sidebar-b-right tm-sidebars-2 tm-isblog"> <nav class="tm-navbar uk-navbar uk-navbar-attached"> <div class="uk-container uk-container-center"> <div class="tm-navbar-wrapper"> <div class="uk-text-center tm-nav-logo uk-visible-large"> <a class="tm-logo uk-visible-large" href="[URL='https://lumtu.com/yti/bj55jb21odHRwczovL2xvbmdsaWZlYXV0b21vdGl2ZS2lG']https://longlifeautomotive.com[/URL]"> <p> <img alt="" src="/images/logo-450.fw.png" /></p> </a> </div> <div class="tm-nav uk-visible-large"> <div class="tm-nav-wrapper"><ul class="uk-navbar-nav uk-hidden-small"><li class="uk-active" data-uk-dropdown="{}"><a href="/">Home</a></li>

Код (разметка): Какой ДОЛЖЕН быть ЕДИНСТВЕННЫЙ h1 на странице.

224 байта о том, как это следует сделать, против 772 байтов буткрана asshattery; и люди задаются вопросом, почему я говорю, что люди, использующие буткрап, используют в два-три раза больше разметки, которая им нужна, и ничто из этого даже отдаленно не напоминает правильную семантику... ВЗДОХ... мне очень надоело смотреть это дерьмо. Смех в том, что я знаю людей, называющих себя «экспертами», которые рвут код похуже этого. Возможно, вы захотите зайти на мой сайт и прочитать не только статьи, на которые я только что дал ссылку, но и статью о прогрессивном улучшении.

Michael1106 Рад, что вы позаботились о большей части того, что было доведено до вашего сведения. Чаще всего люди приходят сюда, задают вопросы и ничего не делают. Ваш новый сайт выглядит более профессионально.

Спасибо за комплимент.

Я очень ценю помощь, которую я получил от этой группы.

Еще в колледже, когда у меня возникал вопрос, я просто поворачивался к человеку, сидящему рядом со мной в компьютерном классе, и спрашивал: «Что ты об этом думаешь?» Всегда у одного или двух человек были идеи.

Сейчас, работая дома, рядом со мной никто не сидит.

Поэтому я рад, что смог обратиться к этой группе. Еще раз спасибо.

Боже мой.... Все эти красочные 3D-тексты слева - ЭТО ССЫЛКИ ?????? Ни в коем случае...Очень уродливая навигация.... Лучше сделайте там нормальное меню. Вам необходимо сделать современный дизайн, чтобы посетитель, зашедший на ваш сайт, не хотел сразу уйти (как я).

Не большой поклонник вашей навигации: Это просто то, чего не ожидаешь на сайте авторемонтной мастерской.

Это больше подходит для какого-нибудь детского клуба или чего-то в этом роде. Кроме того, я не уверен, зачем вам нужно столько jquery для запуска, казалось бы, очень простого сайта:

 


<script src="/templates/yoo_venice/warp/vendor/uikit/js/uikit.js"></script>


<script src="/templates/yoo_venice/warp/vendor/uikit/js/components/autocomplete.js"></script>


<script src="/templates/yoo_venice/warp/vendor/uikit/js/components/search.js"></script>


<script src="/templates/yoo_venice/warp/vendor/uikit/js/components/cover.js"></script>


<script src="/templates/yoo_venice/warp/vendor/uikit/js/components/sticky.js"></script>


<script src="/templates/yoo_venice/warp/js/social.js"></script>


<script src="/templates/yoo_venice/js/theme.js"></script>

Код (разметка): поскольку @deathshadow всегда напоминает людям, что вам не нужно защищать авторские права, т.е. Авторское право © (просто оставьте то или другое) Вероятно, вы захотите изменить цвет нижнего колонтитула. Что-то похожее на вашу верхнюю навигацию: