Уроки 29 — 31

Уроки 29 — 31

Оформление сайта. Размещение сайта в Интернете


§4.4 Технология строительства объектов. Содержание и структура сайта


Дизайн сайта. Размещение сайта в сети Интернет


Во-вторых, вы можете сохранить документ, подготовленный в текстовом редакторе (Microsoft Word, OpenOffice Writer), как веб-сайт (в формате HTML).

В-третьих, вы можете использовать специальное программное обеспечение — визуальные HTML-редакторы или конструкторы сайтов.

Веб-дизайнер — это специалист, который проектирует структуру веб-сайта, отбирает информацию и выполняет художественное оформление веб-проекта. Веб-дизайнер должен хорошо разбираться в современных интернет-технологиях и желательно иметь художественное образование.

4.4.2. Содержание и структура сайта

Рисунок 4.7. Простой веб-сайт и его HTML-код

Вы можете попробовать самостоятельно изучить основы веб-дизайна, пройдя курс АА. Дистанционный курс веб-дизайна Дуванова в Robotland University (https://botik.ru/).

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

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

Теперь необходимо определить структуру (план) сайта — разделение всего контента на значимые разделы и отдельные страницы с указанием ссылок между ними.

Конечно, на сайте может содержаться общая информация (программа и расписание, место занятий, имя учителя и т. Д.), Страница новостей и объявлений, личные страницы фасилитатора и участников, галерея работ участников, полезные ссылки на другие онлайн-ресурсы. ресурсы и многое другое. Представим структуру сайта в виде графика (рисунок 4.8).

4.4.3. Оформление сайта

Рисунок 4.8. Иерархическая структура страницы

Представление структуры веб-сайта в виде графика обеспечивает четкое представление содержимого веб-сайта и помогает организовать навигацию — переходы с одной стороны веб-сайта на другую.

Сайт начинается с домашней страницы, которая должна сначала ответить на вопрос: «О чем этот сайт? Для этого у домашней страницы должно быть название, тематическая графика, краткий текст, описывающий содержание сайта, и главное меню. со ссылками на основные разделы сайта. На главной странице может быть указано имя автора страницы и его контактные данные, счетчик посещений, новости и т. д.

На каждой странице веб-сайта обычно есть несколько постоянных элементов, которые всегда находятся в одних и тех же местах. Эти:

— заголовок страницы в самом верху страницы;

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

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

Рисунок 4.9. Образец шаблона страницы

При наполнении страниц сайта информацией соблюдайте следующие рекомендации:

— Не ставьте точки в названиях страниц и сервисов, если они состоят из одного предложения.

— названия пунктов меню должны быть короткими; расширение имени элемента на несколько строк не допускается.

— Не используйте цветной фон на страницах, так как это затрудняет чтение текста.

— Не размещайте на сайте слишком много информационных и арт-блоков.

4.4.4. Размещение сайта в Интернете

— Не пишите слишком длинные тексты. Разбейте текст на небольшие абзацы, разделив их пустыми строками.


— Используйте одинаковые методы форматирования в каждом абзаце.

Перед размещением страницы в Интернете ее следует протестировать, т.е. убедиться, что она корректно отображается в разных браузерах: тексты разборчивы на выбранном фоне, картинки на своем месте, гиперссылки обеспечивают правильные переходы и т. Д.

Хостинг — услуга, заключающаяся в размещении веб-сайта на сервере, постоянно расположенном в сети Интернет, хостинг может быть платным или бесплатным.

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

САМОЕ ГЛАВНОЕ

Частные лица могут использовать бесплатный хостинг для своих веб-сайтов, который ограничен по сравнению с платными вариантами (небольшое пространство для хранения, ограниченный размер одного файла, только доменное имя третьего уровня и т. Д.), Но этого будет достаточно для домашних страниц пользователей и других коммерческие сайты сайты. Главный минус бесплатного хостинга в том, что компания сама добавляет на свои страницы коммерческую рекламу при размещении сайта.

Список серверов, предлагающих бесплатный хостинг, можно получить, выполнив поиск по запросу «бесплатный хостинг».

Структура (схема) сайта — разделение контента на содержательные разделы и отдельные страницы с указанием связей между ними.

Представление структуры сайта в виде графика обеспечивает четкое представление содержимого сайта и помогает организовать навигацию — переход от одной страницы к другой.

Вопросы и задания

Шаблон страницы — это макет страницы, который представляет элементы, найденные на каждой странице вашего сайта. Использование шаблонов страниц помогает поддерживать единый стиль дизайна веб-сайта.

Хостинг — услуга, заключающаяся в размещении веб-сайта на сервере, постоянно расположенном в сети Интернет; хостинг может быть платным или бесплатным.

См. Презентационный материал абзаца в приложении к электронной книге. Дополняет ли презентация информацию в тексте абзаца?

2. Какие инструменты можно использовать для создания веб-сайтов?

3. Какова структура сайта?

4. Проанализируйте и представьте в виде графика структуру одного из следующих веб-сайтов:

а) «Наш класс»;

б) «Моя семья»;

в) «Информатика».

5. Перечислите основные элементы на страницах сайта.

6. Какие рекомендации следует учитывать при наполнении страниц сайта информационными материалами?

7. Какова цель тестирования сайта?

Электронное приложение к уроку

8. В чем главный недостаток бесплатного хостинга? 9. Имя известного вам веб-сервера предоставляет вашим посетителям бесплатный хостинг.

Файлы

Оцените статью
С нами не соскучишься!
Добавить комментарий