Создание веб-сайта - отличный способ поделиться своими идеями и мыслями со всем миром. Но если вы никогда этого не делали, это может показаться пугающим. Там есть все эти http-точки-все, что угодно, и и как вы добавляете туда картинки и текст? Что ж, не бойтесь, эта статья поможет вам очень быстро разобраться в тонкостях!
Шаги
Базовая справка HTML
Образец веб-страницы с HTML
Поддержка wikiHow и разблокировать все образцы.
Шпаргалка по HTML
Поддержка wikiHow и разблокировать все образцы.
Пример простой веб-страницы
Поддержка wikiHow и разблокировать все образцы.
Часть 1 из 4: Создание вашего веб-сайта
Шаг 1. Вдохновляйтесь
Посмотрите на веб-сайты с отличным дизайном и подумайте, почему у них отличный дизайн. Обычно все сводится к тому, что информация, ресурсы, ссылки и страницы размещаются таким образом, чтобы их было легко увидеть и использовать. Чтобы получить представление о том, как создать свой собственный сайт, посмотрите на сайты, которые делают похожие вещи, чтобы получить представление о том, где вы должны размещать различные типы контента.
- Будьте реалистичны в своих навыках.
- Удобство доступа - это самое главное. Если у вас нет определенной части информации, которую можно легко увидеть, убедитесь, что доступ к этой информации очень логичен.
- Обычно чем проще дизайн, чем меньше страниц, тем лучше.
Шаг 2. Выберите тему и цель
Если у вас уже есть довольно хорошее представление о том, на чем будет сосредоточен ваш веб-сайт, пропустите этот шаг. Если нет, вот несколько вещей, которые помогут вам в этом разобраться. Во-первых, поймите, что в Интернете есть миллиарды людей, и у значительного их числа есть веб-сайты. Если вы ограничитесь чем-то, чего еще не сделали, вы никогда не начнете.
- Когда вы думаете «Интернет», что первое, что приходит вам в голову? Электронная коммерция? Музыка? Новости? Общение? Ведение блога? Все это хорошие места для начала.
- Вы можете создать веб-сайт, посвященный вашей любимой группе, и иметь зону чата, где люди могут поговорить об этом.
- Вы можете создать страницу для своей семьи, но будьте осторожны с подобными вещами. В Интернете полно сомнительных персонажей, и информация, которую вы публикуете о своей семье, может в конечном итоге использоваться против вас. Подумайте о том, чтобы добавить защиту паролем на свой личный семейный веб-сайт.
- Если вы фанат новостей или хотите чего-то менее отфильтрованного, чем традиционные СМИ, создайте веб-сайт и получайте общедоступные каналы от поставщиков новостей, таких как Reuters, BBC, AP и других. Создайте свой собственный настраиваемый агрегатор новостей (который раньше назывался причудливым названием «газета»), а затем просматривайте и показывайте все новости, которые можно оцифровать.
- Если вы креативны в написании, вы можете завести блог, где сможете писать обо всем, что захотите, и привлечь ежемесячных читателей!
Шаг 3. Составьте план
Создание вашего веб-сайта потребует времени и, возможно, денег, поэтому установите предел для обоих, а затем копайтесь. План не должен быть большой сложной таблицей или красивой графической презентацией, но по крайней мере, вы захотите подумать о том, что он сделает для вас и посетителей, что вы разместите на веб-сайте, что и где будет на веб-страницах.
Шаг 4. Соберите контент
Существует множество различных типов контента, и у многих из них есть свои соображения. Вам нужно будет выяснить, что лучше всего подходит для вашего сайта и ваших нужд. Некоторые вещи, которые следует учитывать, в том числе:
-
Магазин.
Если вы хотите продавать вещи, вам нужно выяснить, как вы хотите, чтобы эти предметы были доступны. Если у вас относительно мало вещей для продажи, вы можете подумать о магазине с услугой хостинга. Society6, Amazon и Cafepress - это хорошо зарекомендовавшие себя хозяева магазинов, которые позволяют продавать различные товары и устанавливать собственные цены.
- СМИ. Вы хотите отображать видео? Музыка? Вы хотите разместить свои собственные файлы или хотите, чтобы они были размещены где-то еще? Youtube и SoundCloud - отличные примеры вариантов хостинга, но вы должны быть уверены, что способ, которым вы создаете свой веб-сайт, позволяет правильно отображать эти типы мультимедиа.
- Изображений. Вы фотограф? Исполнитель? Если вы планируете размещать оригинальные изображения на своем веб-сайте, вы можете использовать формат, который поможет предотвратить их кражу. Убедитесь, что изображения относительно небольшие или что они скрыты за некоторым кодом Flash, чтобы их не было легко сохранить.
- Виджеты. Это мини-программы, которые запускаются на вашем веб-сайте и обычно помогают отслеживать, кто его посещает, что они ищут и откуда. Вы также можете найти виджеты для бронирования встреч, отображения календаря и т. Д. Посмотрите, что может быть полезно для вас (просто убедитесь, что виджет получен из надежного источника).
- Контактная информация. Вы хотите, чтобы на вашей веб-странице была контактная информация? Для вашей собственной безопасности вам следует внимательно относиться к тому, какая информация у вас есть. Никогда не показывайте такие вещи, как домашний адрес или номер домашнего телефона, поскольку подобная информация может быть использована для кражи вашей личности. Вы можете создать почтовый ящик или специальный адрес электронной почты, по которому люди будут связываться с вами, если у вас нет служебного адреса.
Шаг 5. Нарисуйте блок-схему
Для большинства людей веб-сайт начинается с домашней страницы. Это страница, которую видят все, впервые заходя на сайт www.yourSite.com. Но куда они оттуда денутся? Если вы потратите какое-то время на размышления о том, как люди могут взаимодействовать с вашим сайтом, вам будет намного легче сделать это, когда вы создадите кнопки навигации и ссылки.
Шаг 6. Спланируйте пользовательские устройства и ситуации
В последние годы смартфоны и планшеты стали невероятно популярными платформами для работы в Интернете, и для них требуется, чтобы веб-сайты были разработаны для них. Если вы действительно хотите создать веб-сайт, который выдержит испытание временем и будет доступен наибольшему количеству зрителей, запланируйте создание разных версий своего сайта для разных устройств или запланируйте использование адаптивного дизайна, который при необходимости корректируется.
Часть 2 из 4: Создание вашего веб-сайта
Шаг 1. Решите, какой метод или инструмент вы будете использовать для его создания
Когда у вас есть основная идея и план того, как она будет изложена, следующее, о чем нужно подумать, - это то, как вы собираетесь ее построить. Варианты кажутся бесконечными, и люди будут пытаться продать вам то или иное «фантастическое» приложение и все остальное, что вам «абсолютно необходимо» на вашем сайте, однако на самом деле существует несколько отличных инструментов для создания веб-сайтов, и один из них будет наиболее подходящим для вашей ситуации и потребностей.
Шаг 2. Собери сам
Это первый вариант. Если у вас есть приложение для создания веб-сайтов, такое как Adobe Dreamweaver, создать веб-сайт с нуля не так уж и сложно. Возможно, вам придется немного написать код, но не паникуйте! HTML выглядит сложным, но это как слушать Шекспира - сначала сложно, но как только вы почувствуете это, это не так уж и сложно.
- Плюсы: программное обеспечение для дизайна веб-сайтов упрощает процесс создания сайтов, позволяя перетаскивать изображения, текст, кнопки, фильмы и все остальное, о чем вы можете подумать, обычно без необходимости копаться в HTML. Многие приложения для веб-дизайна даже позволяют создавать сайты специально для вашего смартфона или планшета. Если вы создаете простой персональный веб-сайт, это действительно отличный способ.
- Минусы: есть кривая обучения, и, хотя вам не нужно копаться в HTML, это не совсем безумно. Если вы торопитесь, это может быть не лучшим решением. Возможно, самый большой недостаток заключается в том, что если вы не являетесь графическим дизайнером, у вас может получиться страница, которая режет глаза. Чтобы несколько смягчить это, в приложениях и в Интернете есть несколько бесплатных шаблонов, но помните о своих ограничениях - если они у вас есть!
Шаг 3. Воспользуйтесь системой управления контентом (CMS)
Это второй вариант. WordPress - отличный вариант для создания веб-сайтов. Он помогает вам быстро и легко создавать веб-страницы и сообщения в блогах, настраивать меню, разрешать комментарии пользователей и управлять ими, а также содержит тысячи тем и плагинов, которые вы можете выбирать и использовать бесплатно. Drupal и Joomla - другие отличные варианты CMS. После размещения CMS вы можете управлять своим сайтом из любой точки мира, где есть подключение к Интернету.
- Плюсы: очень проста в использовании, быстро приступить к установке одним щелчком мыши и множество опций для новичков (с достаточной глубиной для более опытных пользователей).
- Минусы: некоторые темы ограничены, и не все бесплатные.
Шаг 4. Создайте сайт с нуля
Это третий вариант. Если вы решили создать свой веб-сайт с нуля, вам нужно начать использовать HTML и CSS. Есть способы расширить свои навыки HTML и добавить больше функций и глубину на ваш сайт. Если вы разрабатываете профессиональный веб-сайт, эти инструменты помогут вам получить то преимущество, которое необходимо в любом коммерческом предприятии.
- CSS, что означает «Каскадные таблицы стилей». CSS дает больше гибкости для стилизации HTML и значительно упрощает внесение основных изменений - шрифтов, заголовков, цветовых схем - в одном месте, и эти изменения распространяются по всему сайту.
- XHTML - это веб-язык, установленный стандартами W3C. Практически идентичен HTML, он следует более строгому набору правил разметки информации. По большей части это означает незначительные изменения в способе написания кода.
- Загляните в HTML5. Это пятая редакция основного стандарта HTML, которая в конечном итоге будет включать текущую версию HTML (HTML4), а также XHTML.
- Изучите язык сценариев на стороне клиента, например JavaScript. Это расширит ваши возможности по добавлению интерактивных элементов на ваш сайт, таких как диаграммы, карты и т. Д.
- Изучите язык сценариев на стороне сервера. PHP, ASP с JavaScript или VB Script или Python могут использоваться для изменения способа отображения веб-страниц для разных людей, а также позволяют редактировать или создавать форумы. Они также могут помочь хранить информацию о людях, которые посещают ваш сайт, такую как их имя пользователя, настройки и даже временные «тележки для покупок» для коммерческих сайтов.
- AJAX (асинхронный JavaScript и XML) - это метод использования языка на стороне браузера и языка на стороне сервера, чтобы страница получала новую информацию с сервера без обновления страницы, что часто значительно сокращает время ожидания пользователя и значительно улучшает взаимодействие с пользователем, но увеличивает использование полосы пропускания. Для веб-сайта с большим объемом трафика или для сайта электронной коммерции это отличное решение.
Шаг 5. Нанять профессионала
Это четвертый и последний вариант. Если вам не до создания собственного веб-сайта или изучения новых языков программирования, особенно для более продвинутых сайтов, наем профессионала может быть вашим лучшим вариантом. Перед тем, как нанять, попросите показать портфолио их работ и внимательно проверьте их рекомендации.
Часть 3 из 4. Тест-драйв вашего веб-сайта и его запуск
Шаг 1. Зарегистрируйте свое доменное имя
Если у вас ограниченный бюджет, существуют стратегии покупки дешевого доменного имени. Найдите доменное имя, которое легко запомнить и легко написать. Если вы используете домены, оканчивающиеся на.com, у вас будет больше трафика, но большинство простых из них уже заняты, так что будьте изобретательны!
- Посмотрите на Network Solutions, GoDaddy или Register.com хороши в США и uk2.net, если вы находитесь в Великобритании, чтобы найти идеальное доменное имя для своего веб-сайта. Wordpress также включает функцию, с помощью которой вы можете использовать имя, помеченное тегом их сайта, например mywebsite.wordpress.com. Но если выбранное вами имя также доступно как.com, они сообщат вам, когда вы зарегистрируетесь.
- Вы можете приобрести доменные имена, если они были «припаркованы» или продаются в Интернете на сайтах продаж для бизнеса. Перед покупкой дорогостоящего доменного имени рекомендуется получить юридическую и финансовую консультацию.
Шаг 2. Осмотрите свой сайт
Прежде чем размещать свой сайт, целесообразно тщательно его протестировать. В большинстве программ для веб-дизайна есть способ протестировать ваш сайт, не открывая его в Интернете. Ищите отсутствующие теги, неработающие ссылки, поисковую оптимизацию и недостатки дизайна веб-сайта. Все это факторы, которые могут повлиять на посещаемость и доходы вашего веб-сайта. Вы также можете создать бесплатную полнофункциональную карту сайта для отправки в поисковые системы, такие как Google, за считанные минуты.
Шаг 3. Протестируйте свой сайт
Когда вы закончите работу над своим сайтом, проведите юзабилити-тестирование. Вы можете сделать это, попросив нескольких друзей или членов семьи попробовать. Дайте им конкретную задачу, например «отредактируйте свой профиль» или «купите свитер из альпаки на странице со скидками». Сядьте за ними и наблюдайте, как они перемещаются - не помогайте им. Скорее всего, вы найдете области, в которых вам нужно улучшить навигацию или уточнить некоторые инструкции. В качестве альтернативы используйте что-то вроде zurb.com для пользовательского тестирования определенных демографических данных для различных типов взаимодействия. При тестировании веб-сайта в 2014 году важно помнить о платформе и обеспечивать возможность использования веб-сайта со смартфонов и планшетов, а также с настольных компьютеров.
Составьте список вещей, которые вы заметили, которые кажутся пользователю трудными или не интуитивно понятными
Шаг 4. Запускаем
Выберите веб-хостинг и загрузите свой веб-сайт. Ваш веб-хост может иметь функцию FTP, или вы можете загрузить свою собственную программу FTP, например FileZilla или CyberDuck. Если вы наняли профессионала для разработки веб-сайта, он должен позаботиться об этом за вас (но все равно стоит задавать вопросы, чтобы вы понимали, что происходит).
Обратите внимание, что есть способы разместить свой собственный веб-сайт бесплатно
Часть 4 из 4. Рекомендации по использованию веб-сайтов
Шаг 1. Сузьте концепцию
Если вы делаете это ради денег, какие идеи принесут наибольшую прибыль? Какие идеи требуют наибольшего внимания? Какие идеи, похоже, было бы интересно реализовать? Вы будете проводить время, работая над своим веб-сайтом, поэтому выберите идею, которая вам больше всего нравится (это также выгодно и практично для вас).
Шаг 2. Определите свои цели и работайте над их достижением
Веб-сайт, который вы создаете, может быть для развлечения, может быть для прибыли или представляет собой комбинацию того и другого. Знание ваших ожиданий значительно упрощает создание вашего веб-сайта, а также отслеживание и анализ результатов.
Шаг 3. Будьте готовы к соревнованиям
Контент-сайты требуют меньше инвестиций, но они также сталкиваются с большей конкуренцией, поскольку любой может создать контентный сайт. Чтобы зарабатывать деньги на сайтах такого типа, вы предоставляете информацию и получаете доход от трафика, получаемого через рекламу, например через Google AdSense. Чтобы оптимизировать AdSense, вам нужно будет целенаправленно писать свой контент и делать его интересным, чтобы люди заходили на ваш сайт. Используйте конкретные ключевые слова, ориентированные также на людей, которые ищут определенные термины; просто не увлекайтесь этим аспектом, иначе контент может пострадать и читателям он не понравится.
Шаг 4. Будьте готовы к ответственности
Сайты электронной коммерции, на которых продаются товары, потребуют большего внимания и обслуживания. Вам нужно будет подумать о доставке, продажах, налогах, SSL, обновлениях инвентаря и обо всем, чем придется управлять человеку с обычной витриной. Система быстрого ответа на вопросы и рассмотрения жалоб имеет важное значение при продаже товаров через Интернет; многие компании также предлагают помощь по телефону, которую при необходимости можно передать на аутсорсинг.
Если цель состоит в том, чтобы просто увеличить поток дохода, вы также можете продавать продукты других людей через партнерские программы, позволяя вам зарабатывать деньги, не вкладывая средства в продукт и не беспокоясь о доставке
Шаг 5. Знайте аудиторию или рынок, на который вы хотите выйти
Каких людей будет обслуживать ваш сайт? Проведите исследование рынка, чтобы узнать больше о своей аудитории. Вот что нужно знать или узнать: Чем они занимаются? Сколько им лет? Каковы их другие интересы? Вся эта информация может помочь сделать ваш сайт более полезным. Однако будьте осторожны, предполагая, что ваш сайт нацелен только на одну группу - всегда следите за тенденциями, которые показывают, что другие типы людей проявляют интерес, чтобы вы могли удовлетворить их интересы и максимально использовать новые возможности.
Шаг 6. Проведите исследование ключевых слов
Это необходимо, чтобы определить, ищут ли люди темы, которые имеют отношение к вашему сайту и могут быть полезны для получения дополнительной информации о ваших потенциальных клиентах. Сознательные усилия по включению в сайт востребованных ключевых слов также могут помочь вам повысить рейтинг в поисковых системах. Есть инструменты, доступные от Google (например, google.com/trends/ а также google.com/insights/search/#), Overture и сторонних разработчиков программного обеспечения, которые могут упростить процесс исследования ключевых слов.
- Распространяйте выбранные вами ключевые слова по всему тексту, но не до тех пор, пока это не повлияет на качество вашего контента.
- Создание страниц, оптимизированных для поисковых систем, поможет вам найти ваш сайт, что действительно важнее дизайна. Что хорошего в сайте, который никто не видит?
Шаг 7. Рекламируйте.
Теперь, когда он появился, вы хотите, чтобы люди приходили, так что дайте им знать!
- Разместите свой сайт в основных поисковых системах. Есть сайты, которые сделают это за вас, или вы можете сделать это сами.
- Расскажи своим друзьям. Твитнуть об этом - постоянно! Добавьте его к своим обновлениям статуса в Facebook, разместите его фотографии на Flickr, добавьте его в свою учетную запись LinkedIn - где угодно и где угодно - это ключ к этому. Чем больше людей зайдет на ваш сайт, тем лучше.
- Используйте адрес электронной почты со своим доменом. Посетите другие веб-сайты, которые дополняют ваш (не конкурируют с ним), и предлагайте обмен ссылками или гостевой блог / напишите. Размещайте конструктивные сообщения в блогах и форумах и ставьте свой URL-адрес в своей подписи.
- Используйте статьи по маркетингу. Создание статей, оптимизированных для SEO, и их размещение на других сайтах - иногда полезный способ создания обратных ссылок на ваш сайт. Это может помочь вам повысить рейтинг вашего сайта в поисковых системах, но всегда будьте в курсе обновлений поисковых систем, которые часто влияют на стратегии SEO и могут сделать их менее полезными или даже понизить рейтинг вашего сайта.
Шаг 8. Обеспечьте качественный контент и обслуживание
Прежде всего, слушайте своих читателей и клиентов и извлекайте уроки из их опыта работы с вашим сайтом.
- Относитесь серьезно к конструктивным комментариям. Другие участники группы, фанаты и друзья могут иметь более простые навигационные идеи.
- Подумайте о своем целевом рынке или аудитории: их потребностях, их разочарованиях, их обстоятельствах. Насколько это возможно, стремитесь облегчить свою жизнь или сделать ее более информированной.
Видео - с помощью этой службы некоторая информация может быть передана YouTube
подсказки
- Люди часто спешат. В среднем у вас есть около 3-7 секунд, чтобы привлечь внимание людей, поэтому внимательно относитесь к тому, что люди видят в первую очередь, когда попадают на вашу страницу. Чтобы минимизировать время загрузки, не перегружайте себя огромной графикой. По возможности сжимайте их. Используйте яркие технологии JavaScript, Flash, потоковое аудио / видео и т. Д. Экономно и только в том случае, если это важно для вашей презентации.
- Если вы продаете продукт, который пользователи найдут через поисковую систему, убедитесь, что этот продукт - первое, что они видят, когда попадают на вашу страницу. Чем больше вы заставляете своего посетителя кликать, тем больше вероятность, что он посетит другое место.
- Если вы нанимаете профессионала для программирования сложного сайта, помните, что программисты не обязательно являются графическими дизайнерами. Самые привлекательные сайты созданы кем-то, кто занимается графическим дизайном, или при его участии. Лучший совет, особенно для профессионального сайта, - использовать для работы правильную команду: дизайнеры создают внешний вид сайта; программисты делают все под капотом, чтобы заставить его работать; маркетологи позиционируют сайт и следят за его актуальностью; и писатели пишут копию.
- Начните с простых вещей, практикуйте их, а затем найдите способы улучшить - даже если то, что вы создаете, не очень впечатляет в первые несколько раз. Не пытайтесь ускорить процесс.
- Найдите популярные веб-сайты, даже если они не имеют ничего общего с вашим, и используйте их в качестве моделей. Что они делают правильно? Что интересного в их оформлении, содержании, маневрировании на сайте? Включите соответствующие аспекты того, что вы узнали при просмотре этих сайтов, в свой собственный веб-сайт, адаптируя его к вашим требованиям.
- Если вы собираетесь продавать продукт на своем веб-сайте, вам необходимо иметь возможность принимать безопасные платежи по кредитным картам. Вы можете подать заявку на открытие торгового счета, который взимает комиссию за транзакцию, или использовать бесплатную платежную службу, такую как PayPal. Всегда внимательно читайте мелкий шрифт. Имейте в виду, что многие кредитные организации требуют, чтобы вы давали гарантии в отношении утерянных или поврежденных отправленных предметов (также обратите внимание на страхование).
Предупреждения
- Никогда не подрывайте доверие посетителей. Уважайте их конфиденциальность. Спам, надоедливые всплывающие окна и нерелевантная реклама подорвут ваш авторитет. Четкое заявление о конфиденциальности - один из способов завоевать доверие к вам. Предоставьте заметную ссылку на ваше заявление о конфиденциальности на каждой странице сайта, а также из любого места, где вы запрашиваете у своих посетителей личную информацию. Предоставьте законную контактную информацию в Интернете. Если вам нужно использовать рекламу на своем веб-сайте, объясните своим посетителям, почему, и покажите им, что вы делаете все возможное, чтобы удовлетворить их визит. И серьезно!
- Помните, никогда не удаляйте данные (имя пользователя, пароль и т. Д.) Своей учетной записи. Если у вас не будет данных, когда вы их забудете, вы не сможете снова работать на своем веб-сайте. Что еще более важно, никогда не сообщайте свои данные (кроме адреса вашего веб-сайта).
- Если вы используете контент с другого веб-сайта, будь то изображение, код JavaScript или что-то еще, получите разрешение и отдайте им должное. Если вы этого не сделаете, они могут подать на вас в суд.
- Будьте осторожны, чтобы не зацикливаться на всех «последних советах» на маркетинговых веб-сайтах. Хотя некоторые советы полезны и разумны, многие из них - нет. Маркетинг - это не наука - это постоянный, постоянно меняющийся эксперимент. Вы лучший судья о том, как работают (или нет) ваши собственные рекламные стратегии. Слушать пользователей и учиться на их опыте - самый действенный из всех подходов.
