Для создания ( и продвижения) сайтов самым простым, доступным и наглядным языком разметки является HTML (HyperText Markup Language). Он преподаётся в школах, есть много курсов как в интернете, так и в учебных заведениях. HTML легко освоить самостоятельно. В сети есть много обучающего материала начиная от статей и форумов и заканчивая видеоуроками и интерактивными тестами, где играючи, выполняя лёгкие закрепляющие и интересные задания, можно овладеть им в совершенстве.
Также этот язык программирования необходим и для грамотного продвижения сайтов.
Очень хороший ресурс для новичков и профессионалов, где описаны все необходимые теги с подробным описанием и примерами, это сайт http://htmlbook.ru/. Код пишется просто, каждый тэг закрепляется в специальные кавычки «< >», закрывающий тэг содержит еще слеш «/». Чтобы работать в HTML, устанавливать на компьютер дополнительного программного обеспечения совсем необязательно, достаточно открыть блокнот (лучше использовать Notepad++ для удобства), сверстать сайт и сохранить в формате «.html». Затем можно открыть html – страничку и посмотреть, как она будет выглядеть в различных браузерах. Чтобы открывались все изображения, необходимо держать все файлы в одной папке на компьютере. Документ начинается и заканчивается тегом «<html>», основной материал располагается в теге «<body>».
Верстать сайт в блокноте хорошо либо для изучения HTML, либо если нет других вариантов. Для наглядности, простоты и экономии времени лучше воспользоваться специальными программами, к примеру, Dreamweaver.
В данной программе все довольно просто. При работе с Dreamweaver вводится код и сразу же параллельно можно увидеть, как выглядит дизайн сайта в браузере. При вводе кода программа выводит с первой буквы тега возможные варианты, даже не зная языка HTML все интуитивно понятно. В программе создав New Site, можно легко управлять своим сайтом, отправить его на сервер или сохранить на компьютере. Если отнестись серьёзно к данному вопросу и профессионально изучить Dreamweaver, то можно создавать уникальные сайты, которые будут выигрышно смотреться на просторах интернета. А на сайтостроении люди обычно зарабатывают немалые деньги.
Стоит затронуть тему стилей, без которых верстать сайт будет сложно и громоздко. С помощью них создаются основные параметры документа, такие как цвет, шрифт, расположение блоков и многие другие. Стили можно создать в отдельном файле блокнота с расширением «.css». Некоторые умельцы даже рисуют на чистом css, создавая целые шедевры, но это уже совсем другая история.
Создать правило css в Dreamweaver легко, нажав на соответствующую кнопку на панели справа. Вообще, в программе все делается просто, многие функции продуманы и есть необходимые кнопки на панели инструментов. Если же на сайт хочется чего-то особенного, то погуглив информацию, можно добавить с помощью HTML или css. В документ можно добавить при необходимости javascript через меню «Сценарий».
С помощью HTML создаются и продвигаются красивые, уникальные сайты с душой, такие страницы быстро загружаются и открываются на мобильных устройствах, без проблем создаются «резиновые» сайты, размеры которых меняются в зависимости от размера браузера.