Учимся делать вёрстку сайта

<!DOCTYPE html>
<html lang=»ru»>
<head>
<meta http-equiv=’content-type’ content=’text/html; charset=UTF-8′>
<meta http-equiv=»X-UA-Compatible» content=»IE=Edge»>
<title>Название сайта</title>
<meta name=’description’ content=’Описание странички’>
<meta name=’keywords’ content=’Ключевые слова’>
<link href=»css/style.css» type=»text/css» rel=»stylesheet» />
</head>
<body>
Здесь будет вся видимая структура сайта
(текст,картинки и так далее)
</body>
</html>

Структура сайта
ЭТО СТРУКТУРА САЙТА (Так называемый скелет сайта)

 

Делаем вёрстку сайта сами

Дорогой пользователь на примере этого урока,я хочу показать и научить Вас простой вёрстке блочного сайта. Здесь будет описано в примерах создание с помощью обычных HTML тегов и CSS стилей вполне приличный сайт. Сначала наметим структуру нашего сайта,то есть разместим несколько папок в которых будет располагаться наш сайт. Их будет пока 3 штуки: Это общая в которой будет ещё 2. Для стилей и картинок. Теперь нам надо создать 2 файла,пускай пока они будут пустыми ,по мере вёрстки сайта мы их будем заполнять . Для этого открываем любой текстовый редактор , создаём файл главной страницы нашего сайта, запоминаем его как index.html и помещаем в папку www.сайт.ru В том же блокноте создаём ещё один ,только уже стилевой файл -style.css и размещаем его в папке CSS

Теперь пришло время заняться наполнением наших файлов. Первым делом открываем в текстовом редакторе страницу index.html,теперь копируем с рисунка скелет сайта и вставляем его в файл index.html и запоминаем его.

ВНИМАНИЕ!!!Это Важно,Когда скопируете скелет сайта перенесите его сначала на простой блокнот а потом уже копируйте с блокнота и вставляйте в файл index.html.

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