Помощник
|
Несколько вопросов по верстке сайта |
rownong27
|
Сообщение
#1
|
||
|
|
||
|
|||
Ostnod |
8.11.2014, 20:39;
Ответить: Ostnod
Сообщение
#2
|
|
Браузеры берите наиболее популярные (последние версии, т.к. старые могут не поддерживать некоторые элементы) - Google Chrome, Опера, Мозила думаю, что основная масса сидит на этих браузерах.
-------------------- |
|
|
Vitali |
10.11.2014, 1:09;
Ответить: Vitali
Сообщение
#3
|
|
по последнему пункту могу сказать, что ошибки версти, особенно если их много, иогут негативно повлиять на seo. Можно прогнать сайт через валидатор и проверить его на ошибки верстки.
|
|
|
bibika |
10.11.2014, 9:30;
Ответить: bibika
Сообщение
#4
|
|
Цитата 1) Под какие браузеры и какие их версии стоит делать кроссбраузерную верстку? В принципе неправильная постановка вопроса. Сайт должен отображатся нормально во всех браузерах, даже без поддержки css и JavaScript, то есть базовый функционал должен быть доступный. Но это в идеале, а в реальной жизни нужно выходить из популярности браузеров в потенциальных посетителях сайта, хорошо бы было конечно посмотреть с каких браузеров ходят к Вам посетители, но это не возможно, как вариант посмотрите на популярность браузеров по региону. Я думаю можно построить такой ряд совместимости: Firefox, Chrome, Opera, IE. Цитата 2) При ввертке был создан резиновый дизайн. Цитата 3) Если настраивать верстку под мобильные устройства, то под какие Два вопроса можно объединить в один ответ. Нужно было заказывать не резиновый дизайн, а адаптивный. Если использовать его все вопросы с мобильными устройствами отпадут. То есть принцип такой верстаем сайт под браузер, а после постепенно его адаптируем под разные разрешения экрана, минимум на котором можно остановится это 480px, под меньшие экраны делать нет смысла. В процессе такой верстки дизайн сайта постоянно деградирует, то есть уменшаются размер шрифтов, блоки перемещаются, или скрываются, меню меняет дизайн, адаптированый под мобильные устройства. В Вашем случае уже на ширине экрана 1024 уже лезут проблемы, как например меню не умещается в одну строчку, и в шапке элементы перекрывают друг друга. Как это сделать это отдельный разговор, в сети материалов по этому вопросу полно. Цитата 4) При открытии сайта на браузере компьютера будут появляться всплывающие окна Как по мне это зло, особенно на продающем сайте. Я б их вообще отключил. Цитата 5) При верстке 18 страниц, скрипты должны находится на каждой странице или они должны хранится в отдельной папке Скрипты лежат в отдельной папке, и подключаются по мере их востребования. В общем дизайн сайта класный. Если не заморачиватся на отображение на разных размерах экранов вообще супер. Сообщение отредактировал bibika - 10.11.2014, 9:32 -------------------- |
|
|
rownong27
|
Сообщение
#5
|
|
Цитата Браузеры берите наиболее популярные (последние версии, т.к. старые могут не поддерживать некоторые элементы) - Google Chrome, Опера, Мозила думаю, что основная масса сидит на этих браузерах. Скачивать последние версии этих браузеров и в них тестировать верстку? Предыдущие версии или старые версии этих браузеров стоит использовать для тестирования верстки? Цитата В принципе неправильная постановка вопроса. Сайт должен отображатся нормально во всех браузерах, даже без поддержки css и JavaScript, то есть базовый функционал должен быть доступный. Если 5 популярных браузеров умножить на несколько версий каждого, то сколько это работы получится для верстальщика? Цитата Нужно было заказывать не резиновый дизайн, а адаптивный. Я правильно понял: резиновый дизайн - это 1.0 адаптивный дизайн - это 2.0 ?? Цитата В общем дизайн сайта класный. Если не заморачиватся на отображение на разных размерах экранов вообще супер. Спасибо. Приятно |
|
|
x64 |
10.11.2014, 12:20;
Ответить: x64
Сообщение
#6
|
|
Скачивать последние версии этих браузеров и в них тестировать верстку? зачем же только последние? наиболее актуальные сколько это работы получится для верстальщика? скажу по секрету, что хорошие верстальщики лишь просматривают в последних версиях основных браузеров. а редкостные робяты обычно в одном, любимом, обозревателе. Я правильно понял: что есть 1.0 и 2.0? резина без ограничений может сыграть довольно злую шутку (говорим спасибо 5К разрешению). фиксированная вёрстка с размерами в пикселях тоже плохой вариант (при ширине дисплея в 1280 и 1920 точек уже смотрится по разному, а при 5К вообще жуть будет). адаптивный дизайн подстраивает отображение в зависимости от ширины окна браузера. посмотреть, как это будет смотреться «в миниатюре», можно просто скукожив окошко. но такая вёрстка сложнее. Сообщение отредактировал x64 - 10.11.2014, 12:22 |
|
|
bibika |
10.11.2014, 16:11;
Ответить: bibika
Сообщение
#7
|
|
В принципе на все за меня ответили.
Цитата Если 5 популярных браузеров умножить на несколько версий каждого, то сколько это работы получится для верстальщика? Вы не поняли моей иронии, хватит проверки сайта в последних версиях наиболее популярных браузеров. Но все таки рекомендую отключить показ картинок, скриптов и стилей и посмотреть на сайт. В принципе он должен оставатся рабочим. Конечно все слетит, но ссылки должны работать и базовый контент должен отображатся. Цитата Я правильно понял: резиновый дизайн - это 1.0 адаптивный дизайн - это 2.0 ?? Не Вы путаете их с версиями CSS. Вот выдержка с Вики адаптивный дизайн - дизайн веб-страниц, обеспечивающий корректное отображение сайта на различных устройствах, подключённых к интернету и динамически подстраивающийся под заданные размеры окна браузера. Целью адаптивного веб-дизайна является универсальность веб-сайта для различных устройств. Для того, чтобы веб-сайт был удобно просматриваемым с устройств различных разрешений и форматов, по технологии адаптивного веб-дизайна не нужно создавать отдельные версии веб-сайта для отдельных видов устройств. Один сайт может работать на смартфоне, планшете, ноутбуке и телевизоре с выходом в интернет, то есть на всем спектре устройств -------------------- |
|
|
rownong27
|
Сообщение
#8
|
|
|
Подскажите, на страницах (ссылку на которые я написал в первом сообщении) стили CSS тоже прописаны на страницах (как и скрипты) или вынесены в отдельную папку, а страницы только ссылаются на стили CSS?
Спрашиваю, так как я сам не программист и не могу это определить.
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Быстрая индексация страниц сайта и обратных ссылок - 2Index | 38 | 2Index | 6639 | Вчера, 12:56 автор: 2Index |
|
Какой % отказов нормален для сайта? | 11 | Aloof | 2819 | 16.4.2024, 12:48 автор: diviner99 |
|
SiteAnalyzer - бесплатная программа для аудита и анализа сайта | 77 | Chaser | 74219 | 9.4.2024, 11:36 автор: Chaser |
|
Нужен кодер, чтобы пофиксить ошибку Wordpress после переноса сайта | 0 | Alex-777 | 862 | 7.4.2024, 18:05 автор: Alex-777 |
|
Продвижение молодого сайта | 30 | maxmer | 6579 | 26.3.2024, 21:49 автор: c4p1t4l15t |
Текстовая версия | Сейчас: 19.4.2024, 23:54 |