[rownong]

Сейчас делается верстка для сайта по сантехнике. Я выступаю в роли заказчика.

Ссылка на сверстанные страницы: https://yadi.sk/d/UcQMte2xcYuDB

Появилось несколько вопросов по верстки сайта. Ответьте на них, пожалуйста:

1) Под какие браузеры и какие их версии стоит делать кроссбраузерную верстку?

2) При ввертке был создан резиновый дизайн. Но сейчас от него больше проблем, чем пользы, так некоторые страницы в разных размерах отображаются некорректно и придется вносить правки. В связи с этим вопрос: можно ли на этом отключить резиновый дизайн для сайта?

3) Если настраивать верстку под мобильные устройства, то под какие? Ведь их много от смартфонов до планшетов, и всех устройств разные размеры экранов. Я заходил в инструмент Google Chrome Developer Tools, там много устройств, не понятно какие выбирать для проверки: http://screencast.com/t/QHV7M00IZ

4) При открытии сайта на браузере компьютера будут появляться всплывающие окна. Можно ли сделать, чтобы на мобильных устройствах не появлялись всплывающие окна, чтобы они не загораживали экран?

5) При верстке 18 страниц, скрипты должны находится на каждой странице или они должны хранится в отдельной папке, а страницы должны ссылаться на скрипты, запрашивая их из папки при необходимости?

6) Плохая верстка (если специалистом по верстке были допущены какие-то ошибки при верстке) как-то влияет на SEO продвижение?

[Lacoste]

1 ) FireFox, Opera, Chrome, Safari и IE по настроению :)
2) это субъективное мнение - делайте так как считаете разумнее. Если что - ограничьте резиновый диз с помощью max-width И max-width
3) Универсальное должно быть решение. Или вы принимаете только тех клиентов у которых экран больше 7 дюймов, к примеру?
4) с помощью CSS и @media их можно сделать отдельными окнами. Всплывающие окна на мобильном - это вообще зло
5) Скрипты должны быть в 1 папке (js, css) и подключаться в код. Это ускорит время загрузки страницы
6) однозначно. Диз это краеугольный камень вашего сео. Ведь именно в нем заглаживается сочетание красоты и функциональности, юзабилити - все это ваши ПФ. ну и конечно расположение заголовков, подзаголовков, альты картинок...

[Tviort]

1). Chrome, FireFox, Opera, Safari (с ними проблем не должно возникнуть). IE начиная с 9 версии тоже должен поддерживаться. IE 8 версии тоже было бы не плохо, но с этим сложнее.

2). На мой взгляд с резиновыми сайтами всегда больше проблем. Лучше уж вообще не делать мобильную версию или сделать ее с помощью медиа запросов CSS3. Но это может отразиться на кросбраузерности.

3). Если очень хочется сделать сайт который будет отлично отображаться на всех устройствах или хотя бы на самых популярных, то лучше сделать 3 версии дизайна: для больших дисплеев (от 1000px и до 4К), для планшетов (от 500px и до 1000) и для телефонов (от 300px и до 500px). Опять же можно реализовать медиа запросами.

4). Да без проблем. Можно сделать и на CSS и на JavaScript

5). Лучше скрипты хранить в отдельных файлах. Если нужно будет что то добавить или изменить это надо будет сделать только 1 раз, а не 18. Так же отдельные файлы со скриптами можно загружать асинхронно. Это увеличит скорость загрузки основного контента.

6). Да верстка очень сильно влияет на ранжирование. Корявые сайты в топ вылазят только если конкуренции нет и если планеты в ряд выстроятся. Для лучшего ранжирования поисковиками советую использовать семантические тэги HTML5. Пока они не очень сильно влияют на ранжирование, но в ближайшем будущем их роль заметно увеличится.

[rownong]

1 ) FireFox, Opera, Chrome, Safari и IE по настроению :)

Скачивать последние версии этих браузеров и в них тестировать верстку?
Предыдущие версии или старые версии этих браузеров стоит использовать для тестирования верстки?

---------- Сообщение добавлено 16:11 ---------- Предыдущее 16:03 ----------

2) это субъективное мнение - делайте так как считаете разумнее. Если что - ограничьте резиновый диз с помощью max-width И max-width

Сейчас с использованием резинового дизайна у сайта настроено 3 размера (все для ):
- Полная версия: http://screencast.com/t/WafCfgzBmH8Y
- Средняя версия: http://screencast.com/t/9a1yg43EzAG
- Малая версия: http://screencast.com/t/9FP9thSfjH
"Полная версия" отображается корректнее всего.
Было бы проще доработать только ее.
Правильно ли я вас понял, что с помощью max-width И max-width у всех сверстанных страниц можно закрепить только "Полную версию" и это "Полная версия" будут отображаться на любых компьютеров пользователей, в любых браузерах?

---------- Сообщение добавлено 16:12 ---------- Предыдущее 16:11 ----------

Универсальное должно быть решение.

Не совсем вам понял. Одно разрешение имеете в виду?

---------- Сообщение добавлено 16:15 ---------- Предыдущее 16:12 ----------

6) однозначно. Диз это краеугольный камень вашего сео. Ведь именно в нем заглаживается сочетание красоты и функциональности, юзабилити - все это ваши ПФ. ну и конечно расположение заголовков, подзаголовков, альты картинок...

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

[Lacoste]

Смотря о каких ошибках идет речь. если речь о валидации, то киньте список ошибок, посмотрим насколько критично.

Не совсем вам понял. Одно разрешение имеете в виду?

адаптация подразумевает корректный просмотр на ВСЕХ разрешениях, без исключения

Ставить все браузеры нет смысла. Как правило проверяют на тех что имеются у вас и у знакомых, с компа, планшета, смарта... все версии замахаетесь ставить :)

[ekart]

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

[Lacoste]

Насчет фреймоворков - разве есть под обычный html. Я встречал лишь под популярные CMS

[DWIM]

1) Chrome, FireFox, Opera, Safari, IE8+

2) да, можно зафиксировать ширину контейтена

3) для адаптивности используйте фреймворк bootstrap

4) bootstrap поможет

5) конечно отдельно

[rownong]

1) Chrome, FireFox, Opera, Safari, IE8+

Скачивать последние версии этих браузеров и в них тестировать верстку?
Предыдущие версии или старые версии этих браузеров стоит использовать для тестирования верстки?

[DWIM]

В браузерах Chrome, FireFox, Opera, Safari обновление на автомате (при появлении новых версий появляются модальные окна с уведомлением подтверждения обновления), если человек ими пользуется - у него последняя версия
А для ИЕ нужно проверять от ИЕ8 и выше, для этого пользуюсь прогой IETester