Создание сайта

Собственно, создать вебстраницу очень просто. Для этого нужен элементарный текстовый редактор и знание HTML. Если нет желания изучать HTML, то можно воспользоваться любой специализированной WYSIWYG-программой для создания сайтов, или даже редактором Word, выбрав в меню "Файл" пункт "Сохранить как HTML". Правда, такие странички получаются по объему раза в два-два с половиной больше, да и отображаются не всегда так, как хотелось бы. Поэтому лучше не поленитесь изучить HTML - это совсем не сложно! Итак...

Начало

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

Оформление

Надо сразу сказать, что обучиться основам веб-дизайна непросто. Поэтому, если есть сомнения в собственных способностях, лучше идти по пути упрощения оформления. Хуже точно не будет!
Есть немало примеров, когда создатели страниц полагают, что чем больше наворотов, тем лучше. При этом вышеозначенные навороты могут располагаться в любом порядке. Конечно же, это не так. Не стоит пугать посетителей яркими несочетающимися цветами. То же и про подложку - текст на её фоне должен читаться легко, без рези в глазах.

Тут кто-то воскликнет:"Всё хорошо, но это лишь теория! А как конкретно сделать так, чтоб у меня появился сайт? Чтобы его можно было потрогать?" Ладно, может, и впрямь кто-то считает, что обойдется и так, полагаясь на свою интуицию и врождённое чувство прекрасного. Тогда специально для вас, нетерпеливые - практика.

Для всех остальных продолжаем...
HTML дает очень малый простор для творчества (мы пока говорим про чистый HTML без применения CSS). Порой приходится изощряться, чтобы добиться совершенно элементарных вещей. Всевозможные плавные линии, окружности, наклонные текстовые блоки, тени под изображением и полупрозрачные картинки можно сделать лишь в виде растровых изображений. Так что лучше использовать "рубленно-прямолинейный" стиль с геометрически правильными элементами - верстать такую страницу будет намного проще. То же и с выключками текста. Не мучайтесь - отцентрируйте всю страницу или выключите текст влево и не более того. Подложку можно не использовать и вовсе - текст и на белом фоне выглядит прекрасно. В дальнейшем, постигнув азы вёрстки HTML-документов, вы сможете усложнить оформление. А вначале пусть всё будет просто.

Если же вам неймётся насчёт подложки в виде рисунков, то помните, что лучше подготовить маленький файл и размножить его встроенными средствами HTML-редактора. Не оптимизированная фотография с вашей 24-мегапиксельной камеры, использованная для фона, будет грузиться безобразно долго. То же самое следует соблюдать при подготовке прочих изображений для Web - чем меньше будет их размер в байтах (без заметных потерь качества), тем лучше. Долго загружающиеся страницы рискуют быть вообще не просмотренными.

HTML (HyperText Markup Language, язык разметки гипертекста) — это прежде всего система верстки, которая определяет, как и какие элементы должны располагаться на веб-странице. Информация на сайте, способ ее представления и оформления зависят исключительно от разработчика и тех целей, которые он перед собой ставит. Вместе с тем, HTML имеет ряд ограничений, которые породили самые неожиданные способы верстки, в частности применение изображений вместо текста, активное использование таблиц с невидимой границей, прозрачных рисунков для контроля пустого пространства и т. д. Подобные методики увеличивают сложность разработки сайта — совокупности связанных между собой веб-страниц — ведь вместо того, чтобы заниматься творчеством, приходится решать, как обойти то или иное ограничение. Стили частично решают эти проблемы, в то же время, не заменяя собой HTML, но дополняя его механизмы.

Помните о других

Помните и заботьтесь о своих посетителях. Возможности их компьютеров наверняка будут отличаться от вашего, и часто не в лучшую сторону. Подумайте, каким будет разрешение для ваших страниц. Вряд ли на всех мониторах можно установить, скажем, 1920х1080 точек - в противном случае изображение может и не поместиться на экран. Делать же скроллинг вправо-влево очень утомительно. Лучше, если ваша страница вообще не будет иметь фиксированной ширины, тогда её комфортно будет просматривать на разных экранах. Правда, тогда страдают владельцы очень широких мониторов - неприятно читать текст, где абзацы вытянуты в одну длинную горизонтальную линию. Для таких случаев стоит ограничивать максимальную ширину страницы средствами CSS.

И, конечно же, нельзя забывать о том, что всё больше и больше посетителей будет приходить на сайт с мобильных телефонов. Здесь есть свои особенности, о которых мы поговорим позже.

Шрифты

Не стоит использовать на странице огромное количество гарнитур шрифтов. Даже если вы купили новый пиратский диск с 1000 русскими шрифтами, у ваших посетителей их может и не быть. Что они получат взамен, трудно сказать. Хорошо, если это вообще можно будет прочитать. Больше 3-4 гарнитур на странице (даже обычной, газетной или журнальной) - вовсе признак дурного вкуса. Самым лучшим будет использование двух шрифтов, заведомо имеющихся в любой Windows-системе: Arial и Times New Roman. Один с засечками, другой без, плюс возможности полужирного и курсивного начертания дадут вам достаточный простор для оформления сайта. Максимум, что ещё можно добавить - какую-нибудь распространенную гарнитуру для заголовков. И всё! А если ваши дизайнерские потребности ну просто требуют некой оригинальной гарнитуры для заголовков, то сделайте её в виде растрового файла. Тут уж точно проблем не будет.

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

Есть три способа избежать этого.

• Создать надпись в графическом редакторе и вставить ее на веб-страницу как изображение. Этот метод подключает всю мощь фафических систем по управлению текстом, при этом допустимо включать любые шрифты. Из недостатков самый главный состоит в том, что рисунок так просто не изменишь, и придется вновь обращаться к редактору. К тому же существует вероятность того, что пользователь отключил показ рисунков в браузере. Так что рисунки в качестве текста применяются только для создания небольших и постоянных надписей вроде заголовков.
• Загрузить пользовательский шрифт. Действительно, если можно загружать по сети изображения, почему бы то же самое не проделать и со шрифтами? CSS поддерживает эту возможность, но в реальности она используется весьма редко. Связано это с тем, что формат шрифта должен отличаться от привычного и применяемого в системе. К тому же не все браузеры поддерживают данную технологию, что снижает универсальность подхода, а пользователи не любят загружать лишнюю информацию.
• Воспользоваться стандартными шрифтами, встроенными в браузер и операционную систему. Этот способ является пока самым распространенным для указания шрифта на веб-странице.