Willkommen, Gast
Benutzername: Passwort: Secret Key Angemeldet bleiben:

THEMA: Нужна ли мобильная оптимизация для сайта

Нужна ли мобильная оптимизация для сайта 3 Jahre 1 Monat ago #1

  • ezinybymi
  • ezinybymis Avatar
  • Offline
Как-то меня попросили провести небольшой семинар в лицее, где я когда-то учился, по созданию веб-сайта. В процессе написания речи я подумал, который она может вылиться в вещь, какой, возможно, довольно полезен многим начинающим в области веб-дизайна, вёрстки веб-страниц и пр. Я не претендую на истину в первой инстанции и всё изложенное носит чисто личностный зрение для работу с дизайном и кодом. Статья даёт поверхностный воззрение на понятия и имущество, которые, на выше зрение, могут стать неплохим стартом чтобы того, кто готов приличествовать дальше.

Условно спор создания сайта (web-проекта) можно разделить для 3 этапа:

Планирование
Дизайн
Разработка

Планирование

Определенный этап позволительно разделить для маломальски подэтапов:

Изделие идеи
Разработка структуры проекта
Проработка макета проекта

Существо идеи

Для данном этапе нам нуждаться определиться с тематикой проекта (сайта, сервиса). Кроме, в соответствии с выбранной темой, должен собрать соответствующие материалы: текстовые, графические.

Разработка структуры проекта

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

Проработка макета проекта

Затем того, как мы определились со структурой проекта позволительно составить макет проекта (схематично).

Чтобы отрисовки наброска можно извлекать бумагу и ручку, Photoshop, любой второй редактор графики (прежде часто использовали Adobe Fireworks). Гордо отметить, сколько определенный этап – это не отрисовка готового дизайн-макета, а всего только схематичный набросок, выполненный ради понимания того, наравне на сайте будут занимать основные информационные блоки, графика и прочие элементы дизайна.

Основные элементы страницы

Часто основными элементами страницы являются: содержащий блок (negligee, container), логотип, навигация, контент, футер (нижний колонтитул), свободное место (сообразно сути свободное место — это не элемент дизайна, только мысль, помня о котором при составлении макета страницы, выше проект не будет выглядеть точно нагромождение блоков).

Содержащий блок (контейнер)

Занятие контейнера на странице может выполнять сам элемент assembly сиречь же div. Ширина содержащего блока может существовать резиновой (mutable), а может быть фиксированной (settled).

Логотип

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

Навигация

Основная навигационная панель содержит ссылки на основные разделы сайта. Навигационная панель часто располагается в верхней части страницы (в независимости через того вертикально сиречь горизонтально располагаются элементы навигации).

Контент

Контент – это основная составляющая веб-страницы. Он занимает главенствующую роль в дизайне страницы, поэтому занимает большее место, подкреплён, помимо текста, графикой.

Нижний колонтитул (footer)

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

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

Резиновый макет

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

В данном контексте стоит уяснить такие понятия, якобы добрый веб-дизайн (Reactive Entanglement Design aka. RWD) и адаптивный веб-дизайн (Adaptive Trap Desing aka. AWD). Первое идея укладывается в концепцию «резинового» и означает, сколько быть изменении размера экрана ваш сайт подстраивается перед него, второе понятие подразумевает, что присутствие разработке вы определяете основные разрешения (размеры экрана), почти которые будет подстраиваться (адаптироваться) ваш контент. В обоих случаях следует упражнять не один, а порядком макетов, которые будут приличествовать разным разрешениям экрана. Почасту создаётся 3 макета около разрешения iPhone (Android Phone), iPad (Android Tablet) и Desktop.
Der Administrator hat öffentliche Schreibrechte deaktiviert.
Ladezeit der Seite: 0.099 Sekunden
Powered by Kunena Forum