Создание и
раскрутка
сайта -
начинающим!
 

Home

С чего начать?

Место под сайт

Почтовый ящик

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

Счетчик для сайта

Раскрутка сайта

Поисковики

Заработок с сайтом

Заработок без сайта

Гостевая книга

Вместо эпилога...


Уроки HTML

Вкратце о CSS

Пример практического создания сайта






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

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

Начало

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

Оформление

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

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

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

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

Помните и заботьтесь о своих посетителях. Возможности их ПК наверняка будут отличаться от вашего, и часто не в лучшую сторону. Подумайте, каким будет разрешение для ваших страниц. Вряд ли на всех мониторах можно установить, скажем, 1920х1080 точек - в противном случае изображение может и не поместиться на экран. Делать же скроллинг вправо-влево очень утомительно. Оптимальной шириной страницы будет, пожалуй, 800 или 1024 пикселов. Меньше - уж больно скудно для размещения большого количества текста и картинок. А 800х600 могут выдать даже 14-дюймовые мониторы и старые видеокарты. Вопрос цветности - не всякая старая видеокарта может дать true color при 800х600. Красивые и сочные цвета ваших картинок могут быть испорчены при просмотре их на слабом компьютере, с 256 цветами, например. Соответственно испортится и мнение о вашем странице. Некоторые сайты имеют отмазку - для наилучшего просмотра надо, мол, 1024х768 и true color. И IE8 до кучи. Но это не лучший способ, лучше обо всех позаботиться сразу.

Шрифты

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

Перейти на:   Home    Начало страницы