Изучение веб-конструирования в школьном курсе информатики и ИКТ

Тег — это специальный символ разметки, который применяется для вставки различных элементов на web-страницу таких как: рисунки, таблицы, ссылки и др. и для изменения их вида. Для обозначения тегов используется символ <тег>. Теги нечувствительны к регистру, поэтому запись <B> и <b> эквивалентна.

Контейнером называется парный тег, внутри которого могут располагаться другие те

ги. Контейнер требует закрывающего тега, обозначаемого </тег>. Таким образом, контейнер состоит из открывающего тега (<тег>) и закрывающего (</тег>).

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

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

HTML-документ представляет собой обычный текстовый файл и его можно править в любом текстовом редакторе.

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

Для того чтобы, русскоязычные символы корректно отображались в браузере, их необходимо указывать в определенной кодировке. Браузер понимает, какая кодировка используется в документе, если определенным образом настроен web-сервер или внутри web-страницы добавлен соответствующий параметр. WEB - сервером называется компьютер, на котором хранятся документы сайта. Одновременно так же называется программа, которая обеспечивает выдачу документов при их запросе браузером, а также работу с различными сервисами. Наиболее популярными web-серверами являются Apache и Internet Information Server (IIS).

Основные требования к оформлению и созданию WEB сайтов

При создании Web-сайта, нужно учитывать некоторые стандарты создания и оформления сайта. Любой сайт должен отвечать общим требованиям, при соблюдении которых, он будет пользоваться большим спросом и аудитория посещающая данным сайт, будет только расти. К этим требованиям относится: Навигация, Соответствие информации, Оперативность обновлений, Использования интерактивных элементов, Правильное графическое решение, корректная работа сайта и другие. Теперь рассмотрим эти требования подробнее.

Сайт - это набор из нескольких десятков, сотен web-страниц (HTML- или XML-документов), связанных вместе единой темой, общим оформлением, взаимными гипертекстовыми ссылками и, как правило, близким по интернетовским меркам размещением .

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

Последнее достигается расставлением акцентов путем логического форматирования.

Соответствие информации, представленной на сайте, целевому назначению сайта. В Интернете большинство информации написано без уделения внимания орфографии и пунктуации. Однако, правильное расставление абзацев, оправданное употребление списков, применение правил типографии значительно упрощает восприятие текста. Оперативность обновления информации интернет-сайтов позволяет делать ее востребованной и актуальной, а, следовательно, побуждает пользователя к повторным посещениям ресурса.

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

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

Дизайн страницы сайта является общим представлением набора элементов сайта, они могут изменяться в зависимости от конкретной страницы сайта, а могут быть постоянны для всех разделов.

Формат файла дизайн – PSD (активные элементы должны быть разнесены по слоям). Важно понимать какие объекты обязательно должны быть разнесены по отдельным слоям. Если говорить в общем, то речь идет обо всех объектах, не относящихся к фону, являющимися отдельными (семантически), заменяемыми, изменяющими свое местоположение относительно дизайн - макета в зависимости от контента, изменяющиеся из-за действий пользователя, а также, само собой, и сам контент, и, конечно, фон сайта;

Цветовая схема – RGB (цветовая схема, воспроизводимая подавляющим большинством мониторов пользователей);

Разрешение – 72 dpi;

Шрифт текста контента должен быть пиксельным, разрешено использовать только целое число кегля, разрешается использование только группы стандартных шрифтов (Tahoma, Arial, Verdana, Times New Roman, Courier). Исключена любая деформация используемого шрифта, исключен автоматический перенос слов по слогам, форматирование текста должно осуществляться в виде параграфа с необходимым выравниванием (левое, правое, по ширине), 100% непрозрачный, без применения эффектов (тень, рельеф, свечение, контур и так далее), межстрочный интервал должен быть кратным целому числу (рекомендуется автоматический);