Настольная книга веб-дизайнера. Практический курс по веб-дизайну и проектированию сайтов - Ирина Анатольевна Никулина Страница 19
- Категория: Документальные книги / Искусство и Дизайн
- Автор: Ирина Анатольевна Никулина
- Страниц: 41
- Добавлено: 2023-11-15 07:10:03
Настольная книга веб-дизайнера. Практический курс по веб-дизайну и проектированию сайтов - Ирина Анатольевна Никулина краткое содержание
Прочтите описание перед тем, как прочитать онлайн книгу «Настольная книга веб-дизайнера. Практический курс по веб-дизайну и проектированию сайтов - Ирина Анатольевна Никулина» бесплатно полную версию:Хотите престижную работу от 100 000 р. в месяц? На разработке сайтов можно заработать и больше! Эта книга научит вас тонкостям веб-дизайна и проектированию сайтов. Учебник включает в себя все этапы работы веб-дизайнера: начиная с проектирования и заканчивая реализацией сайта. Книга посвящена описанию этапов разработки сайтов: прототипированию, дизайну веб-страниц, нарезке, дизайну мобильной версии и запуску сайта. Также вы узнаете: как сделать продающий сайт, как правильно заполнить техзадание и создать базу образцов, как собрать семантическое ядро, купить хостинг и домен, какой конструктор сайтов выбрать. Вы легко создадите первую страницу сайта, состоящую из: хедера, слайдера, преимуществ, модуля «О компании», каталога товаров, схемы работы, отзывов, фотогалереи и футера. Кроме того, вы узнаете, как создать портфолио дизайнера и сколько можно заработать на своих знаниях. Это – ваша настольная книга по веб-дизайну! Для начинающих специалистов.
Настольная книга веб-дизайнера. Практический курс по веб-дизайну и проектированию сайтов - Ирина Анатольевна Никулина читать онлайн бесплатно
Рис.50. Имена сервера DNS, прописанные в личном кабинете доменного имени
Если вы не знаете, какой хостинг выбрать для своего клиента, – посоветуйтесь с программистом, который будет делать сайт. Если вы сами делаете сайт на конструкторе сайтов, то по выбору тарифа проконсультируйтесь с консультантами конструктора сайтов.
Как правило, тарифы хостинга конструктора отличаются набором функционала и количеством сайтов, которые можно расположить на хостинге конструктора. Бывают тарифы: для одного сайта, для десяти и для пятидесяти сайтов.
2. Сертификат безопасности SSL
SSL-сертификат – это цифровой сертификат, который удостоверяет подлинность веб-сайта и позволяет использовать зашифрованное соединение. Он был создан для безопасного обмена конфиденциальной информацией, а именно: персональными данными, адресами, номерами кредитных карт. Наличие этого сертификата означает, что обмен между браузером и сервером происходит в зашифрованном виде и безопасен для посетителя сайта.
Такой сертификат сейчас стал требованием времени, без него некоторые браузеры не открывают сайты. Так что приобретение этого сертификата должно оформляется вместе с покупкой домена и заказом хостинга.
Обратите внимание: сертификат безопасности заказывается только на хостинге сайта, не на сайте, где зарегистрирован домен, а именно там, где заказан хостинг. Если домен и хостинг размещены на одном сайте, – проблем не будет. Но если купить сертификат для домена на сайте, расположенный на другом хостинге, – может оказаться, что размещение сертификата будет платным на хостинге, и заказчик заплатит за него дважды.
Рис. 51. Сертификат безопасности на сайте
Проверить наличие сертификата на определённом сайте легко: нужно посмотреть на имя домена в поисковой строке браузера. Если там есть иконка «замочек», значит, сертификат действительный и сайт защищён. Если иконка «замка» перечёркнута красным, значит, сертификат не установлен, и оставлять свои личные данные на этом сайте не безопасно. См. рис. 51.
Покупка сертификата безопасности на обычном хостинге возможна на один год, и, как правило, есть выбор разных сертификатов. На конструкторе сайтов (например, ЛП-мотор) сертификат можно оплачивать помесячно и выбора тарифов нет.
Рис. 52. Магазин сертификатов на хостинге Тimeweb
На хостинге обычно существует бесплатный тариф для сертификата начального уровня, на конструкторах сайтов все сертификаты платные.
Выбор хостинга и сертификата безопасности обычно осуществляется исходя из бюджета сайта и требований к функционалу сайта. Основная задача хостинга: поддержка работоспособности сайта, хорошая техническая поддержка (быстрые ответы консультантов) и защита сайта от DDoS атак.
Глава 9. Внутренняя структура сайта
В этой главе:
1. Понятие структуры сайта
2. Виды структуры
3. Требования к структуре
4. Программы для построения древовидной структуры сайта
1. Понятие структуры сайта
Структура сайта (карта сайта) – это логическая схема распределения страниц сайта по категориям / разделам (папкам). С точки зрения пользователя, структура сайта – это навигация, путь к той или иной странице или категории.
Внутренняя структура сайта предполагает не просто список страниц (он делается до разработки прототипа), а ещё и ссылки внутри страниц. Эти ссылки не видны пользователю, но создают удобную навигацию на сайте. Внутренняя структура оформляется в виде понятной схемы и утверждается клиентом.
Рис. 53. Структура сайта «дерево» (страницы сайта в виде схемы)
2. Виды структуры сайта:
1. Линейная
Линейная структура сайта выглядит в виде цепочки. Подойдет для одностраничных сайтов (якорного меню) и простых сайтов-визиток.
Рис.54. Простая линейная структура сайта
2. Линейно-разветвленная структура
Линейно-разветвленная структура представляет собой цепочку переходов на страницы сайта, иногда с правом выбора. Подойдет для небольших сайтов: визиток и корпоративных сайтов с небольшим количеством страниц.
Рис. 54. Линейно-разветвленная структура сайта
Такую структуру нужно сначала написать словами, а потом уже сделать из неё схему (см. рис.54). Ниже приведен пример этой структуры в виде текста.
Главная
О нас:
История компании
Сотрудники
Вакансии
Услуги:
Аренда техники
Вывоз мусора
Доставка материалов
Партнеры
Контакты
3. Древовидная структура
Древовидная структура состоит из множества уровней и разделов (имеет много ответвлений). Самая распространенная структура сайта на данный ммомент, популярная и оптимальная для многостраничных сайтов. См. рис. 55.
Рис.55. Древовидная структура сайта
Последовательность действий при создании структуры:
1. Определить название главной страницы.
Эта запись будет «ствол» дерева. От него отходят «ветви» – страницы и разделы сайта.
2. Продумать структуру разделов.
Нужно уяснить и сформировать:
– основные подкатегории;
– определить, сколько потребуется статичных страниц и динамичных записей;
– определить, как будут встраиваться различные медиа материалы (фото и видео);
– продумать, как будет происходить обратная связь с посетителями – предусмотреть для них возможность оставить комментарий, указать свою электронную почту.
Результатом обдумывания и фиксирования своих мыслей будет созданная чёткой, понятной и удобной пользователю системы навигации по сайту.
3. Конечный пункт – это страница сайта или запись.
Если вам не нужен масштабный сайт, то нет необходимости в общей структуре отображать на карте абсолютно каждую страницу или запись блога. Вполне достаточно отобразить те позиции, которые окажут прямое влияние на создание структуры сайта.
4. Решетчатая структура, сеть
Эта структура в виде сети создается по принципу древовидной, но при этом всё проектируется так, чтобы посетитель мог перейти со страницы глубокого уровня вложенности на любой другой, к примеру, на 1-й или второй уровень. При разработке такой структуры важно тщательно её проработать, чтобы не запутать посетителей.
Рис. 60. Решётчатая структура сайта
3. Требования к структуре сайта
Структура сайта создается не только для удобства посетителей сайта, но и для того, чтобы поисковая система могла легко проиндексировать странички сайта (начальный этап продвижения по СЕО).
Основные рекомендации поисковой системы Яндекс по работе со структурой сайтов:
– Каждая страница (документ) должен относиться к своему разделу.
Чем больше вложенность страницы, тем дольше Яндекс будет её индексировать. Лучше не использовать вложенность более чем на 3 уровня.
– Используйте карту сайта Sitemap.
– Закройте от индексирования служебные страницы. Например, не нужно отдавать в индексирование страницу с результатами поиска.
– Не должно быть дублей URL (Унифицированный указатель ресурса – система унифицированных адресов
Жалоба
Напишите нам, и мы в срочном порядке примем меры.