Создание вашей первой веб-страницы — это не самое сложное, что вы делаете в своей жизни, но и это не так просто. Это требует от вас изучения новых технологий, словарного запаса и программного обеспечения, которые вам не нужны раньше.
Вам необходимо изучить базовый HTML- код, найти веб-редактор, найти службу для размещения вашей веб-страницы, собрать контент для вашей страницы, загрузить веб-страницу на хост, протестировать страницу и затем продвигать ее. Уф!
Хорошей новостью является то, что, как только вы сделали все это один раз, вы освоили кривую обучения. Вы можете делать это снова и снова, чтобы создавать веб-страницы на несколько тем или для разных целей.
Потратьте время на планирование
Прежде чем что-то делать, потратьте некоторое время на решение основных вопросов о веб-странице, которую вы собираетесь создать. Определите свою аудиторию и узнайте, что вы им скажете. Если вы продвигаете свой бизнес, проверьте сайты своих конкурентов и решите, что работает или не работает для них. Если вы планируете веб-сайт с несколькими подключенными веб-страницами, и, возможно, так оно и есть, нарисуйте диаграмму, иллюстрирующую отношение страниц друг к другу.
Чем больше времени вы тратите на планирование, прежде чем приступить к созданию веб-сайта , тем более плавным будет процесс создания.
Получить веб-редактор
Чтобы создать веб-страницу, вам нужен веб-редактор, в который вы вводите HTML, код, который заставляет вашу веб-страницу работать. Это не должно быть фантастическим программным обеспечением, на которое вы тратите много денег, хотя есть много доступных. Вы можете использовать текстовый редактор, который поставляется с вашей операционной системой, такой как Блокнот в Windows 10 или TextEdit на Mac , или вы можете скачать бесплатный или недорогой редактор из Интернета. NotePad ++ и Komodo Edit, среди прочего, являются отличными бесплатными редакторами HTML для Windows . Komodo Edit также доступен для Mac. Другие бесплатные редакторы HTML для Mac включают Bluefish, Eclipse, SeaMonkey и другие.
Изучите основы HTML
HTML является строительным блоком веб-страниц. В то время как вы можете использовать редактор WYSIWYG (то, что вы видите, это то, что вы получаете), и вам не нужно знать какой-либо HTML, изучение хотя бы небольшого количества HTML поможет вам создавать и поддерживать ваши страницы. Пройдя немного дальше в построении веб-страниц, вы захотите узнать о каскадных таблицах стилей (CSS) и XML, чтобы поднять свои новые навыки на новый уровень. А пока начнем с основ HTML .
Изучение HTML не сложно, и вы можете многому научиться, просматривая примеры HTML . В большинстве браузеров вы можете выбрать просмотр исходного кода веб-страницы, на которой вы находитесь. Выберите простую страницу для этого, чтобы вы не были перегружены. Возможно, вы даже сможете скопировать исходный код, чтобы изучить его.
Чтобы попрактиковаться, напишите в своем текстовом редакторе простой HTML-код и просмотрите, как он будет выглядеть в Интернете. Если это искаженный беспорядок, вы, вероятно, что-то упустили. Если это выглядит так, как вы и хотели, поздравляю.
Напишите веб-страницу и сохраните ее на жестком диске
Сборка веб-страницы и написание контента — это самое интересное. Откройте веб-редактор и начните создавать свою веб-страницу. Если это текстовый редактор, вам нужно знать некоторый HTML, но если это WYSIWYG, вы можете создать веб-страницу так же, как документ Word.
Письмо для Интернета отличается от других видов письма. Люди имеют тенденцию просматривать то, что они видят, а не читать внимательно, и они не будут вешать там трактат из тысячи слов. Сделайте текст коротким и соответствующим вашей веб-странице. Доберитесь до сути первого абзаца и напишите активным голосом. Глаголы действия поддерживают движение. Делайте предложения короткими и используйте списки вместо абзацев, где это возможно. Планируйте подзаголовки более крупным или жирным шрифтом, чтобы привлечь внимание читателя.
Не забудьте добавить изображения и ссылки на свою веб-страницу. Вы должны были научиться делать оба в своих основах HTML. Вам нужно будет загружать копии изображений на свой веб-хостинг или в другое место в Интернете, чтобы они работали, когда придет время, поэтому будьте организованы во время работы и соберите все, что связано с вашей веб-страницей, в одну папку, сохраненную на жестком диске. водить машину.
Всегда просматривайте свою веб-страницу и корректируйте свою работу. Горстка опечаток или неработающих ссылок может повредить вашему авторитету по теме.
Найти веб-хостинг для вашей веб-страницы
Теперь, когда вы написали свою веб-страницу и сохранили ее на жестком диске, пришло время разместить ее в Интернете, чтобы ее могли увидеть другие люди. Вы делаете это с помощью веб-хостинга, который является компанией, куда вы загружаете все свои файлы. Их много, и выбор надежного хоста важен. Вы можете посетить веб-сайты обзоров веб-хостинга или пойти с одним из известных поставщиков, таких как HostGator или GoDaddy для бизнеса. Не забывайте о Wix (платформа WYSIWYG), WordPress.com и Weebly, которые являются хорошо известными хостами.
Существует множество вариантов веб-хостинга от бесплатного (с рекламой и без) до нескольких сотен долларов в месяц. Что вам нужно в веб-хостинге, зависит от того, что ваш сайт должен привлечь и удержать читателей. Посетите несколько веб-сайтов и посмотрите, сколько они стоят и что они предоставляют. Некоторые провайдеры предоставляют общий URL- адрес, но если вы хотите персонализировать URL-адрес своей компании или использовать свое имя в качестве части своего URL-адреса, вам необходимо зарегистрировать домен. Вы можете зарегистрировать домен за 10 долларов или меньше или 10000 долларов или больше. Потому что это ваша первая веб-страница, иди смирно
Заполните заявку, получите домен, выберите другие необходимые вам функции и зарегистрируйтесь на веб-хостинге.
Загрузить свою страницу на ваш хост
Если у вас есть хостинг-провайдер, вам нужно переместить файлы с локального жесткого диска на хост-компьютер. Многие хостинговые компании предоставляют онлайн-инструмент управления файлами, который вы можете использовать для загрузки своих файлов, но если они этого не делают, вы можете использовать FTP для загрузки своей веб-страницы . Процесс варьируется в зависимости от поставщика, поэтому следуйте инструкциям, которые вам даны относительно того, где загрузить ваши файлы. Большинство провайдеров хостинга публикуют учебные пособия для таких же людей, как вы, которые загружают свои первые файлы. Если у вас есть конкретные вопросы о том, как получить файлы на сервер компании и где их разместить, обратитесь за технической помощью.
В какой-то момент вы получаете URL от веб-хостинга. Это адрес вашего сайта, который вы можете дать всем своим друзьям и родственникам, чтобы они могли восхищаться вашей работой, но пока не раздайте ее.
Проверьте свою страницу
Прежде чем разместить URL в социальных сетях или раздать его, протестируйте свою веб-страницу. Вы не хотите неприятных сюрпризов.
Многие начинающие веб-разработчики пропускают этап тестирования создания веб-страницы, но это важно. Тестирование ваших страниц гарантирует, что они имеют правильный URL-адрес и выглядят нормально во всех популярных веб-браузерах. Откройте свою веб-страницу в Chrome, Firefox, Safari, Opera и других браузерах, которые вы или ваш друг установили на компьютере. Убедитесь, что все изображения отображаются и ссылки работают. Вы не хотите неприятных сюрпризов.
Если вы столкнулись с неожиданностью, примите стандартные меры для решения проблем в веб-дизайне .
Когда веб-страница выглядит так, как вы планировали, пришло время для ее продвижения.
Продвигайте свою веб-страницу
После того, как вы разместите свою веб-страницу в сети, сообщите об этом людям. Самый простой способ — отправить электронное сообщение своим клиентам, друзьям и семье с помощью URL. Добавьте URL к своей подписи в электронной почте или опубликуйте его в социальных сетях. Если это для вашего бизнеса, добавьте адрес к вашим визиткам и другим печатным материалам.
Если вы хотите, чтобы множество людей просматривали вашу веб-страницу, вам нужно научиться продвигать ее в поисковых системах и других местах, но поисковая оптимизация (SEO) — это история для другого дня.