Как сделать стандартный размер страницы
Как выбрать правильную ширину сайта
В статье мы рассмотрим, как правильно определить оптимальную ширину сайта для десктопного монитора и мобильных устройств, где можно узнать актуальную статистику популярных разрешений экранов, как проверить отображение своего сайта на разных разрешениях и выявить возможные проблемы.
При разработке дизайна для адаптивной вёрстки нужно учесть размеры устройств, на которых чаще всего будет просматриваться сайт. В зависимости от вашей тематики, это могут быть: смартфоны, планшеты, ноутбуки, десктопы или даже габаритные телевизоры с диагональю до 98 дюймов.
И если для пользователя никаких проблем нет, то у разработчика уже возникают определенные сложности, ведь на каждом из экранов сайт должен быть красивым, удобным и функциональным.
Поэтому, разрабатывая макет, мы хотим, чтобы пространство использовалось с умом и при этом:
Но для начала разберёмся, на какую всё-таки ширину html-страницы ориентироваться.
Какие бывают форматы размеров сайта для вёрстки
У каждого устройства есть несколько характеристик, описывающих его размер:
Также нужно помнить об ориентации экранов — у ноутбуков, десктопов и телевизоров она альбомная (ширина больше высоты), а у смартфонов и планшетов обычно портретная (высота больше), но может переворачиваться.
Какие есть варианты создания страницы под разные мониторы и разрешения (типы верстки)
Фиксированная верстка
Проще говоря, мы жестко задаем статические параметры сайта, и его ширина не меняется, независимо от того, какое разрешение у пользователя. Это самый плохой вариант, использовать его вообще не рекомендуется, это явно вчерашний день.
Резиновая верстка без ограничений
Упрощенно это выглядит так:
Т.е. ширина сайта подстраивается под ширину браузера. Браузер шире – блоки снизу перемещаются вбок. Браузер уже – блоки располагаются друг под другом.
Плюсы такой верстки:
Минусы:
Личный юзеркейс: у меня плохое зрение, если не надеть очки, приходится сидеть, уткнувшись лицом в монитор. Поверьте – даже на 21 дюйме с разрешением по ширине 1600 пикселей жутко неудобно воспринимать сайт с малого расстояния. Приходится вертеть головой слева направо, чтобы прочесть строчку текста.
Кроме того, при маленькой ширине экрана блоки будут наползать друг на друга, если не задана минимальная ширина. Чтобы избежать данных проблем, можно применить следующий способ:
Резиновая верстка с заданной минимальной и максимальной шириной
В данном случае в указанных вами пределах сайт может менять позиционирование блоков, но у него есть определенные ограничения:
Плюсы:
Минусы:
Адаптивная верстка
Наиболее современный и применяемый вариант верстки. Не только блоки контента позиционируются относительно друг друга в зависимости от разрешения, но и контент блоков (шрифты, изображения и т.д.) меняется в размерах.
При адаптивной верстке мы можем делать с контентом все что угодно, в зависимости от разрешения. Плюс данной верстки еще и в том, что она хорошо подходит для экранов мобильных устройств, в отличие от первых двух вариантов.
Если вы остановились на адаптивной верстке, рекомендуем пользоваться правилом MobileFirst, т.е. вначале работаем с малым разрешением и постепенно двигаемся к большому экрану.
Плюсы:
Минусы:
Все эти методики могут сочетаться в зависимости от ситуации.
Рекомендую прочесть статью Анны Себовой, где вопрос мобильной верстки раскрыт с технической точки зрения.
Как выбрать оптимальный размер макета
Верстальщик работает с диапазонами разрешений, в которых сайт корректно отображается, но веб-дизайнеру при разработке шаблона в графическом редакторе приходится задавать фиксированный размер макета.
Но как же разобраться в этом многообразии разрешений и способов верстки? Главное – сайт должен быть максимально удобен и презентабелен для наиболее распространенного разрешения.
Общая статистика популярных разрешений экранов мобильных и компьютеров
Эти данные можно найти в сервисах:
Например, если мы возьмем за основу информацию с сайта w3counter, самое популярное разрешение по ширине – это 1366px. Соответственно, эту ширину можно брать как максимум, больше которого увеличивать контент не стоит.
При этом учитывайте, что контент смотрится лучше, когда есть небольшие отступы по бокам. Плюс к этому, немного (порядка 17-24) пикселей нужно оставить под полосу прокрутки. Размер отступов выбирайте сами – обычно это порядка 50-80px.
Например, очень хорошо смотрится (личное мнение) при таком разрешении сайт lamoda, ширина максимум 1206px:
Учитывая это, я склоняюсь к варианту фиксированной максимальной ширины. За среднюю цифру максимума можно взять примерно 1200px+/-.
В качестве минимальной ширины, после которой появляется полоса горизонтального скролла, можно взять 960px. Меньше делать особого смысла не вижу.
Высота страницы может меняться не только в зависимости от устройства, но и от того, закреплена ли панель закладок в браузере. Обычно она варьируется от 600 до 800 пикселей.
Подытожим наши рекомендации для дизайна сайтов исходя из самых популярных разрешений экранов.
Рекомендуемые размеры сайта
Но лучше разрабатывать несколько шаблонов используя «опорные точки»:
Устройство | Ширина макета, пикселей | Отступы по краям | Контентная часть, пикселей |
---|---|---|---|
Большого размера (десктоп или телевизор) | от 1366 | Зависят от сетки | 1200 |
Среднего размера (ноутбук) | от 1024 | 20 пикселей | 992 |
Маленького размера (планшеты) | от 768 | 15 пикселей | 768 |
Смартфоны | от 360 | 10 пикселей | 360 |
Если сайт ещё в разработке, вы можете посмотреть на то, как адаптированы сайты конкурентов в ТОПе. Но для действующего проекта лучшим решением будет посмотреть на свою статистику пользователей.
Как узнать статистику своего сайта по разрешениям экрана?
Если у вас Яндекс.Метрика
Если у вас Google Analytics
Как проверить оптимизацию сайта под разные разрешения?
Чтобы проверить, как выглядит ваш сайт на устройствах с разными разрешениями, можно использовать средства браузера или отдельные сервисы, о которых мы ранее писали в статье «Инструменты для анализа отображения сайта на разных устройствах». Вот некоторые из них:
Подведем итог
Перед созданием нового сайта или редизайном необходимо:
Конечно, может возникнуть один логичный вопрос: «А как же через Х лет, когда технологии изменятся? Что тогда делать?» Ответ прост: сайт должен постоянно развиваться, поэтому создать через пару лет новый дизайн – это вполне нормально. Естественно, при создании нового дизайна следует учитывать изменившиеся реалии и тенденции.
Нужна помощь с проектированием сайта и разработкой ТЗ? Обращайтесь к нам!
Как в word сделать одну страницу а3?
По умолчанию в документе MS Word установлен формат страницы A4, что вполне логично. Именно этот формат чаще всего используется в делопроизводстве, именно в нем создается и распечатывается большинство документов, рефератов, научных и прочих работ. Однако, иногда возникает необходимость изменить общепринятый стандарт в большую или меньшую сторону.
Урок: Как сделать альбомный лист в Ворде
В MS Word присутствует возможность изменения формата страницы, причем, сделать это можно как вручную, так и по готовому шаблону, выбрав его из набора. Проблема в том, что найти раздел, в котором эти настройки можно изменить, не так уж и просто. Дабы все прояснить, ниже мы расскажем, как в Ворде сделать формат A3 вместо A4. Собственно, точно таким же образом можно будет задать и любой другой формат (размер) для страницы.
Изменение формата страницы А4 на любой другой стандартный формат
1. Откройте текстовый документ, формат страницы в котором требуется изменить.
2. Перейдите во вкладку “Макет” и откройте диалоговое окно группы “Параметры страницы”. Для этого нажмите на небольшую стрелку, которая находится в нижем правом углу группы.
Примечание: В Word 2007-2010 инструменты, необходимые для изменения формата страницы, находятся во вкладке “Разметка страницы” в разделе “Дополнительные параметры”.
3. В открывшемся окне перейдите во вкладку “Размер бумаги”, где в разделе “Размер бумаги” выберите из выпадающего меню необходимый формат.
4. Нажмите “ОК”, чтобы закрыть окно “Параметры страницы”.
5. Формат страницы изменится на выбранный вами. В нашем случае это A3, а страница на скриншоте показана в масштабе 50% относительно размеров окна самой программы, так как иначе она попросту не влезает.
Ручное изменение формата страницы
В некоторых версиях форматы страницы, отличные от A4 по умолчанию не доступны, по крайней мере до тех пор, пока в системе не будет подключен совместимый принтер. Однако, размер страницы, соответствующий тому или иному формату, всегда можно задать вручную Все, что для этого от вас потребуется, так это знание точного значения по ГОСТу. Последнее с легкостью можно узнать благодаря поисковым системам, но мы решили упростить вам задачу.
Итак, форматы страницы и их точные размеры в сантиметрах (ширина x высота):
A0 — 84,1х118,9
A1 — 59,4х84,1
A2 — 42х59,4
A3 — 29,7х42
A4 — 21х29,7
A5 — 14,8х21
А теперь о том, как и где их указать в Ворде:
1. Откройте диалоговое окно “Параметры страницы” во вкладке “Макет” (или же раздел “Дополнительные параметры” во вкладке “Разметка страницы”, если вы используете старую версию программы).
2. Перейдите во вкладку “Размер бумаги”.
3. Введите в соответствующие поля необходимые значения ширины и высоты страницы после чего нажмите кнопку “ОК”.
4. Формат страницы изменится согласно заданным вами параметрам. Так, на нашем скриншоте вы можете видеть лист A5 в масштабе 100% (относительно размеров окна программы).
К слову, точно таким же образом вы можете задать любые другие значения ширины и высоты страницы, изменив ее размер. Другой вопрос, будет ли это совместимо с принтером, который вы будете использовать в дальнейшем, если вы вообще планируете это делать.
Вот и все, теперь вы знаете, как изменить формат страницы в документе Microsoft Word на A3 или любой другой, как стандартный (ГОСТовский), так и произвольный, заданный вручную.
Мы рады, что смогли помочь Вам в решении проблемы.
Задайте свой вопрос в комментариях, подробно расписав суть проблемы. Наши специалисты постараются ответить максимально быстро.
Помогла ли вам эта статья?
Ответ: Можно ли в документе А4 сделать одну страницу А3?
…
или вы полагаете, что в типографии сию полосу
печатают вместе с основным блоком.
Нажмите, чтобы раскрыть…
Да были такие мыслишки, но внутренний голос подсказывал, что не все так просто…
теперь понял.
Не по теме:Я когда был в школе (6-7 класс), думал, вот показывают по телевизору И.Кобзона, он идет по берегу моря и поет. А где же оркестр, думал я? Кобзона и вижу и слышу, а орекстр слышу, но не вижу. И когда мне сказали
что все пишется отдельно, и даже инструменты часто пишутся каждый по отдельности, я подумал, что надо мной издеваются. Типа зачем городить огород, когда можно музыкантов посадить в кусты, просунуть им туда микрофон и нажать Rec.
Теперь вижу, что и здесь издеваются… отдельная типография для таблицы-вкладыша… Это уж слишком
На самом деле заказчик хочет видеть продукт в виде ПДФа. Поэтому и были мысли все иметь в одном файле. А так приходится делать 2 MDI-я, из них один, а из него уже ПДФ. Ну тоже ничего. Можно потом как-нить все прописать в C# 😉 (когда выучу).
Стандартным форматом листа в редакторе Word является формат A4 и обычно пользователи используют именно его. Но, если у вас есть соответствующий принтер, то вам может понадобится формат А3, который в два раза больше А4. К счастью, никакой проблемы в этом нет поскольку Word без проблем работает с любыми форматами бумаги.
Сейчас мы расскажем о том, как сделать формат А3 в текстовом редакторе Word. Материал будет актуален для всех современных версий этой программы, включая Word 2003, 2007, 2010, 2013 и 2016.
Формат А3 в Word 2007, 2010, 2013 и 2016
В текстовом редакторе Word 2007, 2010, 2013 и 2016 используется так называемый ленточный интерфейс, в котором все кнопки разнесены по ряду вкладок. Для того чтобы получить доступ к настройкам форматов бумаги вам нужно перейти на вкладку «Разметка страницы» и нажать там на кнопку «Размер».
После этого откроется большой список стандартных форматов, среди которых есть и формат А3. Для того чтобы выбрать его просто кликните на него мышкой.
Кроме этого в Word 2007, 2010, 2013 и 2016 есть альтернативный способ изменения формата бумаги. Вы можете перейти на вкладку «Разметка страницы» и нажать там на кнопку «Параметры страницы».
В результате откроется окно «Параметры бумаги». Здесь на вкладке «Размер бумаги» есть выпадающий список доступных форматов, среди которых есть и А3.
Для сохранения настроек окно «Параметры бумаги» нужно закрывать с помощью кнопки «ОК».
Формат А3 в Word 2003
Если же вы все еще пользуетесь Word 2003, то для того чтобы сделать лист в формате А3 вы должны перейти по пути «Файл – Параметры страницы».
После этого появится окно «Параметры страницы». Здесь нужно перейти на вкладку «Размер бумаги» и выбрать формат А3 в списке доступных форматов бумаги.
Для сохранения настроек окно «Параметры бумаги» нужно закрывать с помощью кнопки «ОК».
Стандартным форматом для Microsoft Word является А4, который соответствует стандартному офисному листу бумаги, но что же делать тогда, когда необходимо вести работу и получить результат в формате А3?
Нет ничего сложного, достаточно внести несколько изменений в настройки рабочего документа.
Но стоит учесть, что при выборе формата печати А3 необходимо знать, может ли Ваш принтер вести печать в таком формате. Если же, к сожалению, такой функционал ему недоступен, то и выбор будет невозможен.
Выставить формат А3 можно двумя способами. Первый из них касается настроек самой программы Word, другой же – изменение настроек печати.
Рассмотрим первый способ:1. Для изменения формата документа из А4 в А3 необходимо пройти по вкладе «Разметка страницы» — «Размер» — «Другие размеры».
2. В настройках других размеров необходимо зайти во вкладку «Размер бумаги» и указать соответствующие размеры, а именно «Ширина – 29,7 см», «Длина – 42 см». Данные размеры соответствуют листу, который имеет формат А3.
3. После проделанной операции необходимо сохранить изменения и можно продолжать работу уже в документе, который будет иметь размеры листа А3.
Второй способ: изменение формата страницы через настройки параметров печати:
1. Чтобы открыть параметры печати документа необходимо перейти во вкладку «Файл» и нажать на пункт «Печать». Так же можно использовать комбинацию клавиш для открытия настроек печати Сtrl+P.
2. В окне, которое открылось, следует нажать на кнопку «Опции» — «Дополнительно» — это позволит открыть меню дополнительных параметров печати документа, где уже непосредственно можно выбрать формат самого документа – А3. Именно это нам и нужно.
3. После проделанных операций можно сохранить настройки и приступать к работе.