©
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