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

Любая web-страница включает в себя такие элементы:

<html>
<head> (дословно – голова сайта. Здесь прописываются стили и прочие атрибуты, которым будут подчинены все остальные элементы)
<title> </title> (заголовок вкладки)
</head>
<body> </body> (тут помещается тело страницы, т.е. текст, рисунки, видеозаписи, таблицы. Словом, все то, что видит пользователь на странице браузера)
</html>
2
Разберитесь в синтаксисе html: какие существуют теги, их атрибуты, по какому принципу они используются, каковы последствия их ошибочного использования. Основу любого сайта составляет таблица. Это можно наглядно увидеть в браузере Google Chrome - достаточно при помощи левой кнопки мыши выделить какой-либо участок любой web-страницы. Следовательно, первоочередной задачей должно стать ознакомление с возможностями таблиц, а также вставки картинок.
3
Тренироваться лучше на практике. Для этого создайте свою первую страничку. Делается это так:

- откройте стандартную программу «Блокнот»;
- нажмите «Сохранить как» и в поле «Имя файла» задайте название документа, а через точку пропишите вместо txt расширение html.

Вы получите полноценную web-страницу. Однако все элементы прописываются только в формате блокнота. Для перехода в него используйте функцию «Открыть с помощью». Чтобы увидеть результаты очередного эксперимента, после внесения изменений в текстовый документ необходимо использовать связку «Сохранить» - «Обновить».
4
Научитесь работе с изображениями. Для этого вам потребуется программа Adobe Photoshop. Если ее нет – установите. Дело в том, что не все картинки, сохраненные на компьютере, можно поместить на созданный при помощи блокнота сайт; перед этим их нужно обработать. Откройте изображение в графической программе и выберите команду «Сохранить для web». Если все сделано правильно, то должна появиться папка Images, предназначенная для хранения картинок. Для вставки иллюстрации на сайт используйте тег <img src="images\1.gif">, где images\1.gif – это путь к изображению.
5
Изучайте строение сайтов, на которые вам бы хотелось ориентироваться. Например, в браузере Mazila Firefox при нажатии правой кнопки мыши появляется меню, в котором есть команда «Исходный код страницы». Нажмите на нее, и перед вами отобразиться разметка web-документа.
6
Постоянно пополняйте свой багаж знаний. По сайтостроению написано немало книг, достаточно информации в интернете, существует масса курсов, благодаря которым можно получить всю необходимую информацию.
7
Осваивайте работу с cms-программами - они особенно пригодятся для создания крупных ресурсов с необходимостью постоянного обновления.
8
Займитесь изучением остальных языков программирования: Java, C, C++, Delphi и других. С их помощью вы научитесь создавать разные по характеру и возможностям ресурсы.