Журнал WEB Star - Коврик TrigGer'a - все о web-дизайне, Photoshop'e, Flash'e
Коврик TrigGer'a - все о web-дизайне и web-мастеринге
Общая информация
 
  WEB design
 
  WEB фокусы
 
  Programming
   

Главная
Авторам
Сотрудничество
Ссылки

© Copyright Алекс aka TrigGer & x-graphic studio.
© Все права защищены.

Перепечатка материалов разрешается, только после письменного разрешения автора (e-mail). При перепечатке любого материала с журнала видимая ссылка на источник www.kovrik.hut.ru и все имена, ссылки авторов обязательны.

*** WEB Star *** #2 WEB design

Строим сайт. Шаг за шагом (стр. 3)

Подготовка.
Подготовка материалов требует много усилий и много времени. Во-первых, web-мастер, перед тем как сесть за создание сайта, должен определить схему цветов сайта. То есть в каких тонах будет ваш сайт. Во-вторых, определившись и разработав концепцию сайта, нужно подготовить все графические файлы. Например, если ваш сайт посвящен каким-то программам и вы собираетесь учить посетителей работе с ними, то не плохо бы подготовить изображения или графический материал по той или иной программе (показать главные меню программы, чтобы человеку было наглядно понятно куда он должен нажать, чтобы изменить настройки и т.д.). Тут все зависит от вашей фантазии. Я не буду говорить как лучше подготовить графику, но скажу одно: для подготовки графики лучше использовать Adobe PhotoShop, так как в нем можно сделать с изображением практически все. Я не навязываю вам свое мнение - это просто совет. Если вам не нравится эта программа, то - используйте другую. Это дело вкуса.
Я, надеюсь, что с подготовкой вы разобрались.

Верстаем страницу.
Вот тут у начинающих начинаются проблемы. Они не знают с какого конца подойти к этой проблеме. Сейчас я расскажу как я действую в этой ситуации. В самом начале надо выбрать фон для своей страницы (задние картинки я не советую вам вставлять, я понимаю, что это красиво, но они тормозят загрузку страницы). Фон надо определять в соответствии со своей цветовой схемой, которую вы должны были разработать до начала работы. Так цветовой фон мы определили. Что дальше?

Дальше надо определить каким цветом у вас будет текст (старайтесь подбирать цвета так, чтобы они не резали глаза). Так же надо определить каким цветом у вас будут ссылки, активные ссылки, посещенные ссылки и т.д. Потом плавно переходим к тэгам. В особенности к тэгу <title>. Вы наверное видали, ползая в Интернете, как в верхней синенькой полоске браузера прописывается название сайта или страницы. Так вот за такую штуку отвечает тэг <title>, который находится в начале HTML-документа. Пишем свое название и дело сделано. Ваша страница будет называться как вам угодно. Также в некоторых HTML-редакторах есть специальная строка на панели инструментов или в Свойствах страницы (например, DreamWeaver 4 от Macromedia), которая так и называется Title. Вносим туда свое название, а HTML-редактор сам встраивает его в тело HTML-документа.

Вот мы вставили свое название в наш документ, но на этом дело не заканчивается. В тэг body можно встроить все что угодно. Этот тэг отвечает за то как ваш документ будет выглядеть в браузере. Например, в нем находится сведения о цвете фона страницы (bgcolor) и цвете ссылок. Я уже говорил, что в этот тэг можно встроить все что угодно (например, часы, которые появляются на вашей странице и извещают посетителя о том сколько сейчас времени, или можно изменить строку статуса (Status Bar) в браузере, вписав в него текст и т.д.).

Теперь мы знаем что такое тэги <title> и <body>. Теперь возьмемся за оформление самих страниц. Что же мы будем делать. А делать мы будем шапку. Шапка документа это своего рода визитка сайта или его лицо (кому, как угодно). В нее обычно вставляют графический файл, который содержит название сайта, а то человек не поймет куда он попал. Вставить его проще пареной репы. Надеюсь, вы сами с этим разберетесь.

Ну, а дальше по накатанной. Согласно вашей цветовой схеме разрабатываем навигацию по сайту. Без этого дела не обходится ни один сайт. Советов по созданию навигации я давать не буду, потому что это дело (повторяюсь) сугубо личное и творческое. Разработав навигацию, вставляем текст, делаем ссылки (при условии, что у вас не одна, а несколько страниц), вставляем графику, только не переусердствуйте с этим делом, так как графические файлы (особенно большого размера) тормозят загрузку страниц. Я понимаю, что без графики ваш сайт будет выглядеть убого и в off-лайне это выглядит очень красиво, но в первую очередь надо думать не о том какая у вас красивая страница, надо думать о посетителях. Ведь какого им, когда страница грузится очень долго. Деньги-то ведь идут и, причем их кровные, видя, что сайт долго загружается, они просто не станут ждать загрузки страницы полностью, а уйдут.

Дам совет: не делайте страницы очень объемными. Надо ограничится как минимум 30 килобайтами, так как известно, что загрузка в Сети составляет 3 килобайта в секунду, а большинство пользователей Сети не будут ждать дольше 8-10 секунд. Вот и делайте выводы.
Вот вроде и все.
Есть вопросы? Пишите на "мыло".

Автор: Алекс aka TrigGer
Источник: kovrik.hut.ru

Назад на вторую страницу статьи Наверх страницы На начало статьи