HTML – все о создании простого сайта

HTML – все о создании простого сайта

26.03.2016

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

ТЕКСТОВЫЕ РЕДАКТОРЫ

Создание даже самой простенькой html страницы подразумевает наличие текстового редактора. Новички могут попытать свои силы, используя обычный Блокнот, но все же гораздо предпочтительнее пользоваться более специализированным текстовым редактором, который подсвечивает код — notepad++. Скачать его можно на официальном сайте, к тому же не придется платить за его использование ни копейки. Существует более профессиональная программа – Adobe Dreamweaver — основной ее минус это стоимость.

После установки текстового редактора откройте его и напишите любой код, который может предложить Интернет для новичка для создания простого сайта. Чтобы увидеть результат, необходимо сохранить этот документ на свой компьютер. Только обязательно следите за тем, чтобы разрешение было не txt, а html. После сохранения в таком формате означает, что Вы создали свою первую страницу. И после этого она уже будет открываться не в форме блокнота, а в виде страницы в браузере.

ОСНОВНОЙ ПЕРЕЧЕНЬ ТЕГОВ, ИСПОЛЬЗУЕМЫХ ПРИ СОЗДАНИИ ПРОСТЕНЬКОГО САЙТА

В первую очередь, обязательно используют пару <html> </html>, которая обозначает для браузера эту страницу, как html – документ. Эта пара является первым и последним тегом – между ними будут располагаться все остальные.

Следующий тег <head> — это исключительно служебная информация, которую может затребовать браузер или любая поисковая система. Эта информация не видна на итоговой страничке, кроме одного тега <title>.

Следующий важный тег <body> отвечает за хранение того содержимого странички, которое будет доступно для пользователей, открывающий сайт в пределах браузера. Между этой парой будет расположен весь контент, включающий текстовую и графическую информацию, дополненную ссылками.

ДОПОЛНИТЕЛЬНЫЕ ВАЖНЫЕ ТЕГИ

Уже упоминавшийся тег <title> является хранилищем оглавления страницы. Тот текст, что располагается между парой этих тегов, будет отображен браузером. С его помощью поисковые системы определяют тематику сайта. Важно правильное заполнение этого тега, которое способствует оптимизации сайта в пределах поисковых систем и попаданию страницы в выдачу согласно определенным запросам, прописанным в теге.

Существует два вспомогательных тега Description и Keywords. Они не являются обязательными, когда идет создание сайта их можно пропустить, но именно благодаря им происходит индексация с поисковыми системами, которые по ним определяют общую тематику сайта и находят ему место при запросах. Это теги, не имеющие пары. Первый тег кратко характеризует страницу – это описание можно увидеть в браузере при просмотре общего списка результатов поиска по запросу. Второй тег является хранилищем ключевых слов, которые перечислены подряд через запятую и наиболее полно отражают тематику сайта.

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

ГОТОВЫЙ ВАРИАНТ САЙТА HTML

Многие новички предпочитают самостоятельно разбираться в структуре сайта, чтобы создание первой странички прошло успешно. Но некоторые предпочитают пользоваться готовыми шаблонами одностраничных сайтов. Скачать готовый шаблон не представляет труда – в Интернете есть множество различных сайтов, где размещаются бесплатные шаблоны одностраничные, которые обеспечат создание сайта или хотя бы начало создания. Архив такого шаблона состоит из нескольких файлов. Файл с расширением html является необходимым Вам шаблонов, а те файлы, у которых расширение css – это каскадные таблицы стилей. Благодаря им и формируется внешний вид сайта.

ВМЕСТО ЗАКЛЮЧЕНИЯ

Представленная в статье информация поможет Вам создать свой первый простой сайт на основе html. Другое, более популярное название такого сайта – это визитка. Его лучше всего использовать, если Вы хотите разместить в Интернете собственное портфолио. Создание полноценного сайта с множеством страниц подразумевает под собой знание CMS (система по управлению ресурсом) и ее использование (оптимальный вариант – WordPress).