X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Несколько вопросов по верстке сайта
rownong27
rownong27
Topic Starter сообщение 7.11.2014, 14:24; Ответить: rownong27
Сообщение #1


Участник
***

Группа: User
Сообщений: 177
Регистрация: 18.1.2013
Поблагодарили: 0 раз
Репутация:   -4  


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

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

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

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

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

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

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

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

6) Плохая верстка (если специалистом по верстке были допущены какие-то ошибки при верстке) как-то влияет на SEO продвижение?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Ostnod
Ostnod
сообщение 8.11.2014, 20:39; Ответить: Ostnod
Сообщение #2


Новичок
*

Группа: User
Сообщений: 39
Регистрация: 7.11.2014
Поблагодарили: 1 раз
Репутация:   -1  


Браузеры берите наиболее популярные (последние версии, т.к. старые могут не поддерживать некоторые элементы) - Google Chrome, Опера, Мозила думаю, что основная масса сидит на этих браузерах.


--------------------
Блог о сайтах и играх, может оказаться полезным: тыкмы. Основано на личном опыте.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Vitali
Vitali
сообщение 10.11.2014, 1:09; Ответить: Vitali
Сообщение #3


Новичок
*

Группа: Viewer
Сообщений: 5
Регистрация: 1.8.2014
Поблагодарили: 1 раз
Репутация:   0  


по последнему пункту могу сказать, что ошибки версти, особенно если их много, иогут негативно повлиять на seo. Можно прогнать сайт через валидатор и проверить его на ошибки верстки.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
bibika
bibika
сообщение 10.11.2014, 9:30; Ответить: bibika
Сообщение #4


Завсегдатай
*****

Группа: Active User
Сообщений: 579
Регистрация: 23.7.2012
Из: Львов
Поблагодарили: 148 раз
Репутация:   12  


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

В принципе неправильная постановка вопроса. Сайт должен отображатся нормально во всех браузерах, даже без поддержки css и JavaScript, то есть базовый функционал должен быть доступный. Но это в идеале, а в реальной жизни нужно выходить из популярности браузеров в потенциальных посетителях сайта, хорошо бы было конечно посмотреть с каких браузеров ходят к Вам посетители, но это не возможно, как вариант посмотрите на популярность браузеров по региону. Я думаю можно построить такой ряд совместимости: Firefox, Chrome, Opera, IE.

Цитата
2) При ввертке был создан резиновый дизайн.

Цитата
3) Если настраивать верстку под мобильные устройства, то под какие

Два вопроса можно объединить в один ответ. Нужно было заказывать не резиновый дизайн, а адаптивный. Если использовать его все вопросы с мобильными устройствами отпадут. То есть принцип такой верстаем сайт под браузер, а после постепенно его адаптируем под разные разрешения экрана, минимум на котором можно остановится это 480px, под меньшие экраны делать нет смысла. В процессе такой верстки дизайн сайта постоянно деградирует, то есть уменшаются размер шрифтов, блоки перемещаются, или скрываются, меню меняет дизайн, адаптированый под мобильные устройства. В Вашем случае уже на ширине экрана 1024 уже лезут проблемы, как например меню не умещается в одну строчку, и в шапке элементы перекрывают друг друга. Как это сделать это отдельный разговор, в сети материалов по этому вопросу полно.

Цитата
4) При открытии сайта на браузере компьютера будут появляться всплывающие окна

Как по мне это зло, особенно на продающем сайте. Я б их вообще отключил.

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

Скрипты лежат в отдельной папке, и подключаются по мере их востребования.

В общем дизайн сайта класный. Если не заморачиватся на отображение на разных размерах экранов вообще супер.

Сообщение отредактировал bibika - 10.11.2014, 9:32


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
rownong27
rownong27
Topic Starter сообщение 10.11.2014, 12:03; Ответить: rownong27
Сообщение #5


Участник
***

Группа: User
Сообщений: 177
Регистрация: 18.1.2013
Поблагодарили: 0 раз
Репутация:   -4  


Цитата
Браузеры берите наиболее популярные (последние версии, т.к. старые могут не поддерживать некоторые элементы) - Google Chrome, Опера, Мозила думаю, что основная масса сидит на этих браузерах.


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

Цитата
В принципе неправильная постановка вопроса. Сайт должен отображатся нормально во всех браузерах, даже без поддержки css и JavaScript, то есть базовый функционал должен быть доступный.


Если 5 популярных браузеров умножить на несколько версий каждого, то сколько это работы получится для верстальщика?

Цитата
Нужно было заказывать не резиновый дизайн, а адаптивный.

Я правильно понял:
резиновый дизайн - это 1.0
адаптивный дизайн - это 2.0
??

Цитата
В общем дизайн сайта класный. Если не заморачиватся на отображение на разных размерах экранов вообще супер.

Спасибо. Приятно :)


Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
x64
x64
сообщение 10.11.2014, 12:20; Ответить: x64
Сообщение #6


F.A.L.L.O.U.T.
*******

Группа: Super Moderator
Сообщений: 3421
Регистрация: 30.6.2011
Из: Железнодорожный (Балашиха)
Поблагодарили: 2740 раз
Репутация:   289  


Цитата(rownong27 @ 10.11.2014, 11:03) *
Скачивать последние версии этих браузеров и в них тестировать верстку?

зачем же только последние? наиболее актуальные

Цитата(rownong27 @ 10.11.2014, 11:03) *
сколько это работы получится для верстальщика?

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

Цитата(rownong27 @ 10.11.2014, 11:03) *
Я правильно понял:

что есть 1.0 и 2.0?
резина без ограничений может сыграть довольно злую шутку (говорим спасибо 5К разрешению).
фиксированная вёрстка с размерами в пикселях тоже плохой вариант (при ширине дисплея в 1280 и 1920 точек уже смотрится по разному, а при 5К вообще жуть будет).
адаптивный дизайн подстраивает отображение в зависимости от ширины окна браузера. посмотреть, как это будет смотреться «в миниатюре», можно просто скукожив окошко. но такая вёрстка сложнее.

Сообщение отредактировал x64 - 10.11.2014, 12:22


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
bibika
bibika
сообщение 10.11.2014, 16:11; Ответить: bibika
Сообщение #7


Завсегдатай
*****

Группа: Active User
Сообщений: 579
Регистрация: 23.7.2012
Из: Львов
Поблагодарили: 148 раз
Репутация:   12  


В принципе на все за меня ответили.

Цитата
Если 5 популярных браузеров умножить на несколько версий каждого, то сколько это работы получится для верстальщика?


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

Цитата
Я правильно понял:
резиновый дизайн - это 1.0
адаптивный дизайн - это 2.0
??


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

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


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
rownong27
rownong27
Topic Starter сообщение 14.11.2014, 17:44; Ответить: rownong27
Сообщение #8


Участник
***

Группа: User
Сообщений: 177
Регистрация: 18.1.2013
Поблагодарили: 0 раз
Репутация:   -4  


Подскажите, на страницах (ссылку на которые я написал в первом сообщении) стили CSS тоже прописаны на страницах (как и скрипты) или вынесены в отдельную папку, а страницы только ссылаются на стили CSS?
Спрашиваю, так как я сам не программист и не могу это определить.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Чем сжимать картинки для сайта без потери качества
1st-finstep.ru - Заработок в сети и методы продвижения сайта
6 komarik_vlad 769 Сегодня, 1:58
автор: x64
Открытая тема (нет новых ответов) Увеличение посещаемости сайта (яндекс, гугл, соц сети) - реальные люди
3 SANR 391 Вчера, 23:49
автор: rom_4
Открытая тема (нет новых ответов) Бесплатные советы по улучшению юзабилити сайта
5-10 пунктов на человека, публично в теме
7 Caterpillar 748 Вчера, 16:58
автор: Caterpillar
Открытая тема (нет новых ответов) [РЕКОМЕНДУЮ] >>>Тестирование Вашего сайта, сервера на устойчивость и уязвимость!
17 barbaddos 2289 Вчера, 16:57
автор: barbaddos
Горячая тема (нет новых ответов) Главная страница сайта.Больше текста или фото?
98 PROK777 16570 Вчера, 15:57
автор: vsemmoney


 



RSS Текстовая версия Сейчас: 12.12.2017, 4:44
Дизайн