Создание вашей первой веб-страницы - это не самая сложная вещь, которую вы будете делать в своей жизни, но это тоже непросто. Это требует, чтобы вы изучали новые технологии, словарный запас и программное обеспечение, которые вам раньше не нужны.
Вам нужно изучить базовый код HTML, получить веб-редактор, найти службу для размещения вашей веб-страницы, собрать контент для своей страницы, загрузить веб-страницу на хост, проверить страницу и затем продвигать ее. Уф!
Хорошая новость заключается в том, что как только вы это сделаете все время, вы освоили кривую обучения. Вы можете делать это снова и снова для создания веб-страниц по нескольким темам или для нескольких целей.
01 из 08Потратьте время на планирование
Прежде чем что-либо сделать, потратьте некоторое время на решение основных вопросов о веб-странице, которую вы собираетесь построить. Определите свою аудиторию и узнайте, что вы можете сказать им. Если вы продвигаете свой бизнес, проверяйте сайты своих конкурентов и решайте, что работает или не подходит для них. Если вы планируете веб-сайт с несколькими связанными веб-страницами, и, вероятно, вы рисуете диаграмму, иллюстрирующую отношение страниц друг к другу.
Чем больше времени вы планируете планировать до того, как приступаете к созданию веб-сайта, тем более плавный процесс строительства, скорее всего, будет продолжаться.
02 из 08Получить веб-редактор
Чтобы создать веб-страницу, вам нужен веб-редактор, в который вы вводите 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-код и просмотрите, как он будет выглядеть в Интернете. Если это искаженный беспорядок, вы, вероятно, оставили что-то. Если это выглядит так, как вы хотели, чтобы это выглядело, поздравляю.
04 из 08Напишите веб-страницу и сохраните ее на жесткий диск
Сборка веб-страницы и запись контента - интересная часть. Откройте веб-редактор и начните создавать свою веб-страницу. Если это текстовый редактор, вам нужно знать некоторые HTML, но если это WYSIWYG, вы можете создать веб-страницу так же, как и документ Word.
Написание для Интернета отличается от других типов написания. Люди склонны избегать того, что они видят, а не внимательно читать, и они не будут висеть там для трактата с тысячами слов. Держите текст коротким и релевантным для вашей веб-страницы. Перейдите к пункту в первом абзаце и напишите активным голосом. Глаголы действия поддерживают движение потока. Держите предложения короткими и используйте списки вместо абзацев, где это возможно. Запланируйте подзаголовки большим или полужирным шрифтом, чтобы привлечь внимание читателя.
Не забывайте добавлять изображения и ссылки на свою веб-страницу. Вы должны были научиться делать как в своих базовых HTML. Вам придется загружать копии изображений на ваш веб-хост или в другое место в Интернете, чтобы они работали, когда придет время, поэтому оставайтесь организованными, когда вы работаете, и собираете все, что связано с вашей веб-страницей, в одной папке, сохраненной на жестком диске привод.
Всегда просматривайте свою веб-страницу и проверяйте свою работу. Пригоршню опечаток или сломанных ссылок может нанести ущерб вашему авторитету по теме.
05 из 08Найдите веб-хостинг для своей веб-страницы
Теперь, когда вы написали свою веб-страницу и сохранили ее на своем жестком диске, пришло время разместить ее в Интернете, чтобы другие могли ее увидеть. Вы делаете это с помощью веб-хостинга, который является компанией, в которой вы загружаете все свои файлы. Их много, и выбор надежного хоста очень важен. Вы можете посетить веб-хостинг сайтов обзора или пойти с одним из известных поставщиков, таких как HostGator или GoDaddy для бизнеса. Не забывайте, что Wix (платформа WYSIWYG), WordPress.com и Weebly, все из которых являются хорошо установленными хостами.
Существует множество вариантов для веб-хостинга от бесплатных (с рекламой и без рекламы) до нескольких сотен долларов в месяц. Что вам нужно в веб-хосте, зависит от того, что ваш сайт должен привлекать и держать читателей. Посетите несколько веб-хостинга и посмотрите, что они стоят и что они предоставляют. Некоторые поставщики предоставляют общий URL-адрес, но если вы хотите персонализировать URL-адрес своей компании или хотите использовать свое имя как часть вашего URL-адреса, вам необходимо зарегистрироваться для домена. Вы можете зарегистрировать домен за 10 долларов США или менее или 10 000 долларов США или более. Потому что это ваша первая веб-страница, идите низко.
Заполните приложение, получите домен и выберите другие функции, которые вам нужны, и зарегистрируйтесь в веб-хосте.
06 из 08Загрузите свою страницу на свой хост
После того, как у вас есть хостинг-провайдер, вам необходимо перенести файлы с локального жесткого диска на хостинг-компьютер. Многие хостинговые компании предоставляют онлайн-инструмент управления файлами, который вы можете использовать для загрузки ваших файлов, но если они этого не делают, вы можете использовать FTP для загрузки своей веб-страницы. Процесс зависит от поставщика, поэтому следуйте инструкциям, которые вы даете относительно загрузки файлов. Большинство хостинг-провайдеров публикуют учебники для людей, как и вы, которые загружают свои первые файлы. Если у вас есть конкретные вопросы о том, как получить файлы на сервере компании и куда их поместить, обратитесь за технической помощью.
В какой-то момент вы получаете URL-адрес веб-узла. Это адрес вашего веб-сайта, который вы можете дать всем своим друзьям и родственникам, чтобы они могли восхищаться вашей работой, но пока не раздайте ее.
07 из 08Тестирование вашей страницы
Прежде чем отправлять URL-адрес в социальных сетях или раздавать его, проверьте свою веб-страницу. Вам не нужны неприятные сюрпризы.
Многие начинающие веб-разработчики опускают этап тестирования создания веб-страниц, но это важно. Тестирование ваших страниц гарантирует, что они находятся по указанному вами URL-адресу, и что они выглядят нормально во всех популярных веб-браузерах. Откройте свою веб-страницу в браузере Chrome, Firefox, Safari, Opera и других браузерах, которые вы или друг установили на компьютере. Убедитесь, что все изображения отображаются и ссылки работают. Вам не нужны неприятные сюрпризы.
Если вы столкнулись с неожиданностью, выполните стандартные шаги для решения проблем в веб-дизайне.
Когда веб-страница выглядит так, как вы планировали, пришло время ее продвинуть.
08 из 08Продвигайте свою веб-страницу
После того, как у вас есть веб-страница в Интернете, сообщите об этом людям. Самый простой способ - отправить сообщение электронной почты своим клиентам, друзьям и родственникам с URL-адресом. Добавьте URL-адрес в подпись электронной почты или разместите его на своих сайтах в социальных сетях. Если это для вашей компании, добавьте адрес в свои визитные карточки и другие печатные материалы.
Если вы хотите, чтобы многие люди просматривали вашу веб-страницу, вам нужно научиться продвигать ее в поисковых системах и других местах, но поисковая оптимизация (SEO) - это история на другой день.
