Ключевые слова:
• структура сайта
• навигация
• оформление сайта
• шаблон страницы сайта
• хостинг
Независимо от того, каким инструментарием вы будете пользоваться для создания сайта, первоначально следует продумать его содержание и структуру.
Предположим, вы посещаете кружок компьютерной графики и решили создать сайт этого творческого объединения. Содержание сайта должно быть таким, чтобы отражать творческую жизнь участников объединения, привлекать внимание единомышленников.
Теперь необходимо определить структуру (план) сайта — разбиение общего содержания на смысловые разделы и отдельные страницы с указанием связей между ними.
Очевидно, сайт может включать в себя общую информацию (программу и расписание занятий, место проведения занятий, фамилию, имя, отчество руководителя и т. д.), страницу новостей и объявлений, личные страницы руководителя и участников объединения, галерею работ участников объединения, полезные ссылки на другие ресурсы сети Интернет и многое другое. Изобразим структуру сайта в виде графа .
Представление структуры сайта в виде графа обеспечивает наглядное представление содержания сайта и помогает организовать навигацию — переходы с одной страницы сайта на другую.
Основные виды внутренней структуры сайта:
Линейная - самая простая структура, в ней страницы не разделены по уровням – подразумевается, что пользователь посетит их все. Пользователь, находясь на какой-либо странице, может переместиться лишь на предыдущую и на следующую. Также все страницы такого сайта должны содержать ссылку на его первую страницу, это нужно в случае, если пользователь, перейдя по ссылке, предоставленной поисковым роботом, оказался в середине сайта. Так как пользователь, при такой структуре сайта имеет небольшую свободу выбора, их область применения очень ограничена.
Такую структуру могут иметь сайты-презентации или обучающие порталы. Обратим внимание, что добавление страниц на такой сайт не составляет никакого труда. Для этого достаточно изменить всего две ссылки. Ссылку на предыдущей странице - на следующую. А также ссылку на следующей странице – на предыдущую.
Линейная структура с альтернативными вариантами. Такой сайт все ещё имеет линейную структуру, но при этом пользователю предоставляется некоторая свобода выбора вариантов. Такая структура чаще всего используется для сбора информации о пользователе. Например, зайдя на сайт какой-либо фирмы, пользователь может указать, является он частным лицом или представителем коммерческой организации.
Линейная структура с ответвлениями. Она напоминает дорогу с расходящимися от неё тупиковыми тропами. Проходя по страницам такого сайта, пользователь, найдя какую-либо информацию, может заинтересоваться и решить рассмотреть её подробнее, это он сможет сделать, перейдя к такому ответвлению. Обратим внимание, что очень просто перейти к такой структуре от обычной, линейной, добавляя ссылки на ответвления на соответствующих страницах.
Древовидная структура сайта наиболее универсальна. При добавлении информации её сложность состоит лишь в соблюдении баланса между глубиной и шириной дерева. Так, если дерево будет расти только вглубь, пользователю, чтобы найти нужную информацию, придётся просматривать слишком много страниц.
Решётчатая – наиболее сложная структура сайта. Это усложнённый вариант древовидной структуры. В ней пользователь может перемещаться не только между уровнями одной ветви, но и между ветвями на одном уровне. Такую структуру могут иметь различные сайты-каталоги. Эта структура сложна как для пользователя, так как он может долго блуждать по сайту в поисках нужной информации, так и для разработчика, в неё сложно добавлять данные, так как приходится изменять сразу большое количество ссылок.
Практическая работа №8 "Содержание и структура сайта "
Закрепление пройденного материала.
Данный тест выполнить в течении урока на оценку.
Важно запомнить:
Прежде чем начать создание сайта необходимо выбрать его тему, изучить её и написать или подобрать материал для сайта.
План структуры сайта – это разбиение информации, которую он будет содержать, на разделы по смыслу или типу, с указанием связей между ними. План структуры сайта можно наглядно изобразить в виде графа, вершинами которого будут его страницы, а рёбрами – пути перемещения между ними. Навигация по сайту – это система переходов с одной страницы сайта на другую.