Свой сайт - это просто!
Пособие для чайников.

Выпуск 56
Часть 1

Предыдущие выпуски вы можете посмотреть в архиве рассылки по адресу http://prostosite.ru/states.shtml. А тем временем этот выпуск вместе с вами читают 16 951 человек... :)

Сегодня для вас:

- Вступление
- Ускоряем загрузку таблиц. Часть 2
- Повторение - мать учения! ^NEW
- Рекомендую
- Памятка

Вступление

Здравствуйте, уважаемые читатели!

Ко мне пришло несколько писем, где их авторы выражают сомнение, что они смогут освоить программу курса "Создай свой СУПЕРСАЙТ вместе с Ольгой Морозовой". Сомнения связаны с полным отсутствием опыта в сайтостроении. Специально для них и для других читателей, сомневающихся в своих силах на странице курса http://prostosite.ru/kurs.shtml выложена демо-версия первого урока. Предлагаю выполнить домашнее задание к ней.

Остальные задания курса будут примерно такого же уровня, но результат их выполнения гарантированно приведет вас к достижению двух основных целей курса:

• созданию достойного сайта
• привлечению на него заинтересованной аудитории

Скачивайте ознакомительную часть первого урока и присылайте мне домашнее задание.

Ускоряем загрузку таблиц. Часть 2

Таблицы часто используют в качестве каркаса сайта. Этот метод очень прост и удобен. Однако, несмотря на это, он имеет и некоторые недостатки, которые могут повлиять на скорость загрузки всей страницы.

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

А если вся страница состоит из таблицы? Тогда посетитель будет некоторое время смотреть в пустой экран А если в таблице находится большой объем информации, то посетитель может и не дождаться загрузки страницы и простой уйдет с сайта.

В прошлом выпуске мы также рассмотрели один из способов ускорения загрузки таблицы. Если одна большая таблица загружается медленно, то почему бы не разбить ее на несколько, меньших по размеру? Сегодня мы рассмотрим еще один прием.

Неоценимый помощник COL

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

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

Пример:

Кроме использованных в примере процентов, для параметра WIDTH можно задавать значение в пикселах или использовать символ "*", который обозначает всю доступную ширину.

Если две колонки имеют одинаковые параметры, их можно сгруппировать с помощью параметра SPAN тега COL. Пример:

С помощью тега COL можно также задавать вертикальное (VALIGN) и горизонтальное (ALIGN) выравнивание ячеек. Пример:

Для параметра ALIGN можно также задавать значения:

• left — выравнивание содержимого по левому краю
• center — выравнивание по центру
• right — выравнивание по правому краю

Для параметра VALIGN:

• baseline — выравнивание по базовой линии, при этом происходит привязка содержимого колонки к одной линии
• bottom — выравнивание по нижнему краю
• middle — выравнивание по середине
• top — выравнивание по верхнему краю

Использование тега COL действительно поможет ускорить загрузку таблицы. Но... Только в браузере Internet Explorer. Остальные браузеры просто проигнорируют незнакомый тег и продолжат загружать таблицу как обычно, так что по этому поводу не стоит волноваться. И если учесть, что более 80% посетителей сайта используют именно Internet Explorer, использовать тег COL очень даже целесообразно. 

Вам есть что сказать по теме? Тогда выскажитесь по теме выпуска >>>

Повторение - мать учения!

Эффективное планирование сайта. Структура

По мотивам второго выпуска рассылки "Свой сайт - это просто! Пособие для чайников".

Итак, вы уже определились с ответом на вопрос "зачем мне сайт". Я вас поздравляю, основа для СУПЕРСАЙТА готова. И вы уже знаете, какова цель вашего сайта.

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

Если у вас есть ответ на вопрос "зачем мне сайт", то вы знаете и тематику вашего сайта. Предположим, причина, побудившая вас взяться за создание сайта - рассказать о своем увлечении. Это может быть езда на горных велосипедах, любимый аниме-сериал и так далее.

А если вы продаете деревянную мебель? Вот она и тема - деревянная мебель :)

Видите, как все просто. Ответив на вопрос "зачем мне сайт" вы одним махом убили двух зайцев. Или даже трех. Хотя есть еще пословица "за двумя зайцами погонишься - ни одного не поймаешь"... Но при чем тут зайцы? Главное, что ответив на вопрос "зачем мне сайт", вы сэкономили массу времени. Во-первых, вы разобрались в причинах, побудивших вас создать сайт, что является немаловажным фактором.

Во-вторых, вы заодно определили цель и тематику вашего сайта. А так как вы определили цель и тематику, создавать сайт будет намного проще. Ведь вы уже знаете, КАКИМ будет ваш сайт. Или не знаете? Может быть, вы, продумав цель и тематику еще не задумывались над структурой и внешним видом сайта? Тогда над этим нужно подумать отдельно.

Начнем со структуры. Возьмите листок, ручку и запишите все, что имеет отношение к вашей теме. Для удобства можно взять несколько листков и записывать каждую идею по отдельности.

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

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

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

И что делать? Существует несколько способов, помогающих "очистить" голову. Например, сосредоточиться одновременно на двух предметах. Через некоторое время в голове наступает вакуум. Хотя, потом может понадобится это повторить, но при должной тренировке хватает и одного раза.

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

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

После нескольких бесплодных попыток вломиться к вам, мысли "устанут" и пойдут дальше по своим делам. А вы сможете, наконец, вспомнить о теме вашего сайта и начать целенаправленно генерировать идеи. Уже без надоедливых мыслей. А если они все же объявятся, достаточно будет вспомнить о большой метле. :)

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

Продумайте несколько версий для каждого раздела, потом выберите наилучший вариант. Если несколько похожих записей не удалось объединить в один раздел, стоит подумать о подразделах. Но не увлекайтесь! :)

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

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

Лучше правильно рассчитать свои силы в самом начале. Ведь наверняка вы в одиночку не сможете делать регулярное обновление десяти разделов? Значит, и не нужно десять. Создавайте столько, сколько сможете поддерживать. Или, если уж будете создавать, то на века!

Вопросы о количестве разделов в меню возникают часто. На эту тему ведутся многочисленные споры. Кто-то говорит о правиле семи пунктов, кто-то о правиле пяти, кто-то считает, что "чем больше, тем лучше", кто-то просто молчит... Из этого разнообразя мнений вряд ли можно выделить какое-то универсальное, которое подходит для всех. Поэтому здесь вам придется полагаться только на себя. И объем информации вашего сайта, конечно :)

Разумеется, нужно учесть, что много разных разделов воспринимаются трудно. Если у вас такая ситуация, подумайте, может, стоит два раздела объединить в один? Или, если раздел небольшой, сделать его подразделом другого? Здесь решать только вам. Но не лишне спросить себя, к чему вы стремитесь: сделать сайт удобным для использования или потратить время планирования структуры на что-то другое?

Планирование структуры - важный шаг в создании сайта. Сделав его, вы облегчите себе работу в будущем. По продуманной структуре сайт создавать намного легче.

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

А пока продумывайте структуру!

Чтобы ускорить процесс воплощения в жизнь вашей замечательной идеи по созданию своего сайта, вы можете послать заявку на участие в курсе "Создай свой СУПЕРСАЙТ вместе с Ольгой Морозовой". Предлагаю выполнить вступительное домашнее задание к первому уроку курса. Оно как раз и посвящено структуре сайта. Задание выложено для бесплатного скачивания на странице курса http://prostosite.ru/kurs.shtml.

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

Рекомендую

""Каталог Наших Рассылок" - Лучшие Рассылки Единомышленников"

Памятка для желающих написать мне письмо

И пока не найдете ответ, писать запрещается! :)

Я довольно редко отвечаю лично автору письма по e-mail, но я могу ответить на письмо в рассылке. Для этого письмо должно быть ПО ТЕМЕ! Причем, желательно по теме выпуска. 

Про остальное:

• Я оставляю за собой право опубликовать любую часть вашего письма, если запрета на публикацию нет. Если запрет есть - то и публикации, как вы понимаете, не будет.
• Если вы боитесь "пауков", которые собирают адреса и рассылают спам, символ "@" в вашем e-mail можно заменить на "*", "#" или просто "(собака)"
• Критика принимается и одобряется, но только КОНСТРУКТИВНАЯ критика! "Мне не нравится" - это не довод.
• Письма с вложениями без текста в теле самого письма удаляются без просмотра.
• Я отвечаю на вопросы только по теме рассылки. Если у вас вопрос не по рассылке, его можно задать в раздел "вопросы для продвинутых". Для этого тема письма обязательно должна быть vopros! Если вы хотите задать вопрос без публикации e-mail: vopros_no_e-mail. Если хотите ответить: otvet-(номер вопроса). В противном случае письма с неправильной темой письма не попадут в рассылку!
• Вы можете предложить тему выпуска, которую вы бы хотели видеть в следующем выпуске рассылки
• Если просто хочется написать - пожалуйста, пишите! Я читаю все приходящие письма, но в бессмысленные диалоги не вступаю.
• Я знаю, что рассылку читают не только начинающие, но и довольно-таки опытные "сайтостроители". Я жду ваших писем с рассказом о вашем опыте :)