Веб Дизайн. Создание сайтов. Продвижение. Веб дизайн 29.12.2008 Веб дизайн по своей сути достаточно емкое понятие, и, довольно спорное. С одной стороны исходя из самого названия - дизайнер, следует, что человек должен заниматься только "рисованием" интерфейсов, отвечать только за внешний вид, ну конечно, что в какое место должно быть установлено. Скажем, слева главное меню, по середине - главные новости, справа - баннеры, опросы, ссылки и т.д Вот основные задачи дизайнера, а дальше?, а дальше на основе этих эскизов (рисунков) к делу приступает веб-программист. Веб программист (верстальщик) на основе работ веб дизайнера осуществляет все эти замыслы в коде. Создавая основу веб-страницы, ее скелет. При этом часто споря с дизайнером, чаще из-за сложности или невозможности того или иного элемента задуманного дизайнером. После как скелет создан, подключается к работе следующее действующее лицо - тот кто будет наполнять контентом созданную страницу (раздел сайта, весь сайт). На крупных сайтах и порталах таких людей может быть достаточно много. Кто-то отвечает за новости, кто-то за раздел анекдотов(пример!), кто-то за фото и видео контент. Чем больше разделов на сайте тем больше народа задействовано. При наличии же интерактивных сервисов, таких, как блоги, форумы, чаты - возможно использование дополнительного персонала, модераторов, администраторов. То есть над общим проектом трудится большая группа людей. Веб Дизайн Ни что не стоит на месте, это касается и програмного обеспечения. Софт Веб Дизайнера с каждым годом пополняется все новыми и новыми продуктами. Adobe, Macromedia, Microsoft и многие другие готовы протянуть "руку помощи" веб дизайнерам. Улучшая свои продукты все новыми и новыми возможностями, постепенно вытесняя своей продукцией такое понятие как верстальщик. Теперь и дизайном и версткой может заниматься в принципе 1 человек. Вроде бы все хорошо, правда на выходе - созданный сайт более похож на какого то монстра, как по своим размерам (скажем вес страницы), так и по своей глючности (достаточно большое количество ошибок). Можно конечно это просто игнорировать, что большинство и делает. Интернет счас быстрый, персональные компьютеры достаточно мощные и дальше в этом же ключе. Достаточно часто на таких сайтах часть функций либо просто не работает либо выдает не то что требуется (вплоть до вывода ошибок сервера). "Прожорливость" и требование дополнительных приложений для своей нормальной работы еще один бич таких "навороченных" редакторов. Само приложение имеет размер скажем 300 Мб и еще для своей работы требует дополнений, где то на такой же объем, иногда и больше! Работа все больше превращается в детскую игру "Кубики", перетаскиванием необходимых элементов на формочку и сохранение проекта. Побывав на многих форумах видел как народ неистово спорит какой софт круче, от Adobe или скажем Microsoft. Кто то скромно предложил использовать блокнот, был осмеян, назван идиотом и чуть ли не забанен. Грустное зрелище... Веб Дизайн В последние несколько лет пошла мода на использование движков при создании сайтов. Да, хорошее дело, если бы опять не дошло до абсурда. Все стали ставить себе движки, будь то портал или домашняя страничка Васи Неизвестного. Ставь не кто не запрещает, но настрой его по человечески, отключи все лишнее, а вот тут оказывается они не умеют (обычно под предлогом - мне лень ковыряться). Так, что эти визуальные редакторы скорей отучают людей думать, чем помогают. Они скорее помогут тому кто работает и головой и руками. Настоящий Веб Дизайнер должен сочетать в себе все свойства перечисленные в самом начале (возможно даже наполнение контентом). Качество конечного продукта - сайта будет на много выше. Да и для самих работодателей, такой веб дизайнер мог бы стать как эльдорадо. Стоимость программного обеспечения, рабочие места, безопасность серверов и многие другие преимущества. На самом же деле для создания сайта действительно нужно не так и много: Желание, терпение, и, конечно умение. Все три составляющих доступны и бесплатны. В качестве наглядного примера приведу написание странички, подтверждая рисунками. Для полного счастья понадобится только пакет Веб Дизайн"Денвер"- который содержит в себе уже сконфигурированный сервер Apache со всем необходимым (тут сразу оговорюсь, можно справиться и без него, используя для отладки хостинг где планируется размещение будущего сайта) и конечно же любимый блокнот (лучше скачать блокнот с нумерацией строк, хорошо помогает при написании скажем php кода). Для работы с картинками используется Photoshop 5 - старая и легкая версия. Начнем наше написание страницы не совсем обычно, а используем для этого "продвинутый" Софт Веб Дизайнера. Из меню Пуск запустим - cmd.exe, да, да, командная строка, черный экран, она же консоль - уже весело? Мне да! В консоли набираем слово edit и... о чудо, нам открывается консольный блокнот. Да, дорогие мои и в досе писать можно не хуже чем в "навороченном" редакторе. Для начала даем имя нашему файлу, скажем - jjot.php (заметьте! PHP). Рисунок в самом начале страницы. После чего можно смело, с энтузиазмом начать написание. Софт Веб Дизайнера Как раз на втором рисунке начало создания страницы хорошо видно. Тут необходимо только ваше воображение, в плане представления конечного результата. То есть, вы должны четко представлять какие элементы и в каких местах странички должны будут находится. Какие использовать технологии для лучшего осуществления задуманного, возможно даже для меньшего объема готового кода и самой разметки. Смысл моей статьи не в объяснении написания html-разметки или php-кода, а в незаслуженно отвергаемых подручных средствах. После быстрого создания каркаса, начинаем более детальное прописывание дополнительных элементов. На третьем рисунке появляется вставка на php, без всякой смысловой нагрузки, лишь с целью показа, что php - html не мешает. Веб Дизайн Так можно полностью написать лист не выходя из консоли, но для разнообразия, перейдем к блокноту. В блокноте пропишем до кучи фрейм в тегах "textarea" и добавим еще php-вставку другого файла. Рисунок 4. Веб Дизайн в блокноте Чуть выше я упоминал о блокноте с нумерацией строк, но он отличен от стандартного блокнота Windows не только этим, а еще возможностью подсветки кода, работой сразу с несколькими файлами, возможностью откатов и все это в 600 Кб. Заканчивал написание нашего листа как раз в нем. Смотри последний рисунок. Заодно запускаем Денвер и проверяем где и сколько мы накосячили, а мелкие ошибки, особенно в скриптах, достаточно частое явление. Взять ту же невнимательность, кавычки пропустил или запятую - сервер сразу выкинет вместо вашего дизайна, белый флаг с ошибкой. В конечном результате мы написали Веб-страницу без применения каких то коммерческих и дорогостоящих инструментов. Страница помимо html содержит как встроенные php-фрагменты, так и вставки на php-include, снабжена простенькой формой. При написании был использован CSS. Добавлен логотип в виде картинки, подогнанной в Photoshop 5 (логотип с намеком так сказать). Трех колоночный дизайн с по раздельным меню, колонкой новостей, выводом части новостей посредством php. Вся работа заняла не более 2 часов с перекурами и обедом, для сравнения, эта статья заняла времени почти сутки. Раз сайт сделан, блог, портал, можно назвать его как угодно! Теперь, неплохо было бы проверить наше творение на наличие "багов", ошибок которые скорее всего будут присутствовать в коде вашего творения. Для того, чтобы убрать ошибки и как это сделать, читаем в статье - Валидация сайта P.S Да и разбираться в своем коде намного легче чем копаться в чужом ! Автор: Avatara 29.12.2008
