Шаги, необходимые для создания и публикации веб-страницы в формате HTML

Создание вашей первой веб-страницы - не самое сложное, что вы будете делать в своей жизни, но и это не так просто. Это требует от вас изучения новых технологий, словарного запаса и программного обеспечения, в которых вы раньше не нуждались.

Вам нужно изучить некоторые базовые HTML код, получите веб-редактор, найдите службу для размещения вашей веб-страницы, соберите контент для своей страницы, загрузите веб-страницу на хост, протестируйте страницу и затем продвигайте ее. Ух!

Хорошая новость заключается в том, что, сделав все это один раз, вы освоите кривую обучения. Вы можете делать это снова и снова, чтобы создавать веб-страницы по разным темам или для разных целей.

01

из 08

Найдите время, чтобы спланировать

Прежде чем что-либо делать, потратьте некоторое время на решение основных вопросов о веб-странице, которую вы собираетесь создать. Определите свою аудиторию и знайте, что вы хотите им сказать. Если вы продвигаете свой бизнес, проверьте веб-сайты своих конкурентов и решите, что работает или не работает для них. Если вы планируете веб-сайт с несколькими связанными веб-страницами, а вы, вероятно, так и поступаете, нарисуйте диаграмму, иллюстрирующую взаимосвязь страниц друг с другом.

instagram viewer

Чем больше времени вы тратите на планирование, прежде чем вы начать создавать сайт, тем более плавным будет процесс строительства.

02

из 08

Получить веб-редактор

Чтобы создать веб-страницу, вам понадобится веб-редактор, в котором вы набираете HTML, код, который заставляет вашу веб-страницу работать. Это не обязательно должно быть модное программное обеспечение, на которое вы тратите много денег, хотя их много. Вы можете использовать текстовый редактор, который поставляется с вашей операционной системой, например Блокнот в Windows 10 или TextEdit на Mac, или вы можете загрузить бесплатный или недорогой редактор из Интернета. NotePad ++ и Komodo Edit, среди прочего, великолепны бесплатные редакторы HTML для Windows. Komodo Edit также доступен для Mac. Другой бесплатные редакторы HTML для Mac включают Bluefish, Eclipse, SeaMonkey и другие.

03

из 08

Изучите основы 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) - это история для другого дня.