1
Поищите вдохновения. Посмотрите на сайты с отличным дизайном и определите причину их успешности. Как правило, она заключается в расстановке информации, ресурсов, ссылок и страниц так, чтобы пользователь без труда мог найти их и использовать. Для разработки дизайна собственного сайта, взгляните на похожие сайты, чтобы понять, как расположить различные типы контента.
Не пытайтесь прыгнуть выше головы.
На первом месте у вас должна стоять простота доступа к информации. Если определенная часть информации скрыта, сделайте так, чтобы доступ к ней был логичен и прост в понимании.
И вообще, чем проще дизайн и чем меньше страниц, тем лучше.
Изображение с названием Make a Website Step 22
Выберите тему и цель. Если вы уже решили, о чем будет ваш сайт, пропустите этот шаг. Если идей нет, вот несколько советов, которые могут вам помочь. Для начала поймите, что в интернете сидят миллионы людей, и у многих из них есть сайты. Если вы поставите перед собой задачу сделать что-то, чего не было раньше, то вы никогда не сдвинетесь с мертвой точки.
Какая мысль первой приходит вам в голову, когда вы думаете об Интернете? Электронная торговля? Музыка? Новости? Социальные сети? Блоги? Все это хорошие темы, чтобы начать.
Вы можете создать сайт, посвященный любимой музыкальной группе и организовать чат, в котором посетители смогут ее обсуждать.
Вы можете создать страницу для своей семьи, но тогда вам стоит быть крайне осторожным. Интернет просто кишит неприятными личностями, а выложенная информация о вашей семье может в конечном итоге быть использована против вас. Установите парольную защиту на семейный веб-сайт.
Если вы не можете жить без новостей или хотите создать нечто менее фильтруемое, чем обычные СМИ, создайте сайт с открытыми лентами новостей от Reuters, BBC, AP и прочими. Создайте свой собственный агрегатор новостей (что раньше было принято называть необычным именем «газета») и выводите в нем все новости в цифровом виде.
Если вы умеете красиво писать, можете создать блог и писать в нем все что угодно, и привлекать ежемесячных читателей!
Изображение с названием Make a Website Step 33
Составьте план. Создание сайта потребует от вас времени и денег, поэтому установите ограничение по обоим пунктам и приступайте. План не обязательно должен быть большой, сложной таблицей или причудливой графической презентацией, но вы как минимум должны знать, какую цель он будет выполнять для вас и ваших посетителей, какой контент вы собираетесь там размещать, а также какой будет планировка страниц.
Изображение с названием Make a Website Step 44
Позаботьтесь о контенте. Существует множество различных типов контента, причем многие имеют свои особенности. Вы должны выяснить, что лучше всего подходит для вашего сайта и ваших потребностей. Вот некоторые пункты, которые стоит принять в расчет:
Магазин. Если вы хотите продавать вещи, вам нужно выяснить, как сделать их доступными для продажи. Если на продажу у вас имеется сравнительно небольшое количество вещей, рассмотрите вариант с размещением заявки в существующем магазине. Society6, Amazon и Cafepress – признанные интернет-магазины с возможностью продавать различные предметы и устанавливать свои собственные цены.
Медиа-контент. Вы хотите демонстрировать видео или музыку? Вы хотите выкладывать личные файлы у себя или где-нибудь в другом месте? Youtube и SoundCloud – отличные примеры медиа-хостинга, но вы должны убедиться, что дизайн вашего сайта позволяет им корректно отображаться.
Изображения. Вы фотограф или художник? Если вы планируете выкладывать оригинальные изображения на своем сайте, возможно, вам стоит использовать формат, который способен уберечь их от кражи. Чтобы максимально затруднить их скачивание, изображения должны быть относительно небольшими или скрытыми за определенным Flash-кодом.
Виджеты. Это мини-программы, которые работают на вашем сайте, помогая вам отслеживать посетителей, посещаемые ими страницы и их местоположение. Вы также можете найти виджеты для заметок, календаря и других функций. Подумайте, какие функции могут оказаться полезными (главное убедитесь, что загружаете виджет с доверенного источника).
Контактная информация. Хотите ли вы разместить на своем сайте контактную информацию? Для вашей собственной же безопасности, хорошенько подумайте, какую информацию стоит делать публичной. Ни в коем случае не размещайте свой домашний адрес или номер телефона, эти данные могут быть использованы для кражи вашей личности. Если у вас нет рабочего адреса, вы можете завести почтовый ящик или специальный адрес электронной почты для людей, которые желают с вами связаться.
Изображение с названием Make a Website Step 55
Нарисуйте блок-схему. Для большинства людей сайт начинается с главной страницы. Это страница, которую все видят, когда впервые заходят на wwwвашсайт.com. Но куда они будут переходить с этой страницы? Если вы потратите какое-то время на то, чтобы придумать, как пользователи будут взаимодействовать с вашим сайтом, затем вам будет намного проще при создании кнопок навигации и ссылок.
Изображение с названием Make a Website Step 66
Включите в план пользовательские устройства и ситуации. С недавних пор смартфоны и планшеты стали невероятно популярным устройствами для работы в Интернете, и сайты необходимо проектировать специально под них. Если вы решили сделать сайт, который бы выдержал испытание временем и был доступен для максимального количества посетителей, сделайте различные версии своего сайта для различных устройств, или используйте универсальный дизайн, который бы сам подстраивался по мере необходимости.
Часть
2
Создание сайта
Изображение с названием Make a Website Step 71
Выберите метод и инструмент для создания сайта. Когда у вас будет готова идея и план ее реализации, следующим пунктом идет выбор способа создания сайта. Всех вариантов бесчисленное множество, а люди будут предлагать вам купить то или это «чудесное» приложение вкупе с другими вещами, которые «обязательно должен иметь» ваш сайт. Однако реальность такова, что существует всего несколько отличных средств для создания веб-сайтов, и лишь один из них как нельзя лучше подойдет вашей ситуации и потребностям.
Изображение с названием Make a Website Step 82
Создайте сайт самостоятельно. Это первый вариант. Если у вас есть программа для создания сайтов, вроде Adobe Dreamweaver, создать сайт с нуля будет не так уж и сложно. Для этого вам придется научиться кодировать, но не паникуйте! HTML только выглядит сложным, но это лишь в самом начале, вам достаточно немного освоиться, а дальше все пойдет как по маслу.
Плюсы: программа создания дизайна веб-сайта упрощает процесс его создания, позволяя вам перемещать изображения, тексты, кнопки, видеофайлы и все, о чем вы только можете подумать без необходимости разбираться в HTML. Многие программы создания дизайна позволят вам даже создавать сайты, адаптированные под смартфон или планшет. Если вы хотите создать простой сайт для личного использования, лучше способа не найти.
Минусы: несмотря на то, что вникать в HTML не обязательно, какое-то обучение вам все же придется пройти. Если вы очень торопитесь, этот способ может вам не подойти. Самый большой минус заключается в том, что без опыта в графическом дизайне вы можете создать страницу, неприятную для глаз. Для снижения такого риска существует большое количество бесплатных шаблонов в самих программах, а также в интернете, однако не стоит забывать о своих ограничениях, если таковые имеются.
Изображение с названием Make a Website Step 93
Используйте систему управления содержимым (CMS). Это вариант номер два. WordPress является отличным вариантом для создания веб-сайтов. Он поможет вам легко и быстро создать веб-страницы и сообщения в блоге, настроить меню, добавить и управлять комментариями пользователей и предоставляет на выбор более тысячи совершенно бесплатных тем и плагинов. Drupal и Joomla – тоже хорошие варианты CMS. После установки CMS вы можете управлять сайтом в любой точке планеты, где есть доступ к Интернету.
Плюсы: продукт очень прост в использовании и и легко устанавливается, имеет множество опций настроек для новичков, а также достаточно сложные и для опытных пользователей.
Минусы: не все темы настраиваемы и бесплатны.
Изображение с названием Make a Website Step 10