Учебники / Как создать сайт

Урок первый - Создание сайта с чистого листа

Откройте любой текстовый редактор, создайте пустой файл с названием index.html, сохраните файл. Кликните правой кнопкой мыши на сохраненном файле в проводнике или krusader и выбирите пункт открыть с помощью -> далее любой браузер (InternetExplorer, Opera, Firefox, Safary). Или можно кликнуть два раза на названии файла. Если открылся браузер, то всё ок, если нет, то значит ваш редактор сохранил файл как index.html.txt или ещё как-то, переименуйте файл, с помощью проводника или krusader, правильно или сохраните через тот же редактор, выбрав тип файла html.

Пустой сайт

Что Вы увидели, лично я белый, пустой лист. Пусто. Это говорит о том, что всё хорошо, так начнем с чистого листа.

"Покопипастим" немного. Копипаст это хорошо, иначе все бы уже давно свихнулись печатать столько одинакового текста. Скопируйте блок ниже, это ваш первый сайт:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv=Content-Type content="text/html; charset=utf-8">
<meta http-equiv="Content-Language" content="ru">
<style>
h1 { font-size:25px; }
</style>
</head>
<body>
<h1>Это мой первый сайт</h1>
<p>Чего-то на премию рунета не тянет :(, зато это правда сайт :),
 самый что ни на есть настоящий! Все программисты и верстальщики
 видят его таким.<br><br><br><br>
Кликните правой кнопкой мыши в любом месте текста на странице и найдите пункт 
"посмотреть исходный текст" или "HTML source"</p>
</body>
</html>

Что делать дальше, конечно же лезть в интернет и тыкать правой кнопкой мыши на все сайты которые вам нравятся. После того как Вы вдоволь насмотритесь из чего же состоят сайты можно приступать ко второму уроку: Размещение сайта в интернете.

В дальнейшем мы ещё вернемся к вопросу дизайна сайта. Мы подробно рассмотрим как вставлять фотографии на сайт и менять цвет, шрифт, фон и т.д. устанавливать ссылки и затронем тему продвижения в поисковых системах. Также я постараюсь охватить наиболее полно все аспекты программирования на стороне клиента и сервера, начиная с простого - как сделать анимацию используя javascript и заканчивая проектированием баз данных на MySQL.