С чего же начать создание сайта



Везде читала: "Выберите тему для вашего сайта". Это оказалось для меня самым сложным, т.к. я увлеченный человек и очень многим занимаюсь. Решила - пусть будет сайт вот таким. Я не великий знаток, я самоучка.

Язык HTML - это конструктор вашего сайта. То, что вы видите при просмотре страницы в Internet, это интерпретация вашим браузером HTML-текста. Изучить все сразу невозможно. Тем более я должна была понять назначение того или иного тега, иначе я не могла двигаться дальше. И, поэтому шаг за шагом, тег за тегом шло мое самообразование.

Каскадные таблицы стилей/Cascading Style Sheets (CSS) это поразительное изобретение для улучшения вида ваших web-сайтов. CSS работает со шрифтами, цветом, полями, строками, высотой, шириной, фоновыми изображениями, позиционированием элементов и многими другими вещами.

В интернете очень много материала по изучению данной науки. Много учебников HTML и CSS представлены на просторах интернета. Есть сайты, которые как настольная книга, должны быть под рукой и таким сайтом-учебником для меня является http://htmlbook.ru/

Все тэги имеют одинаковый формат: они начинаются знаком "<" и заканчиваются знаком sign ">". Обычно имеются два тега - открывающий: <div> и закрывающий: </div>. Различие в том, что в закрывающем имеется слэш "/". Всё содержимое, помещённое между открывающим и закрывающим тегами, является содержимым тега.



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


сайт самому


И, как и во всем, есть исключения. В HTML имеются теги, которые не содержат текста, а являются метками. Например, перенос строки <br /> или горизонтальная линия <hr/>. Писать тэги лучше в нижнем регистре, хотя многим браузерам безразлично.


Пример структуры документа:


<html>
<head>
<title>HTML структура документа</title>
</head>
<body>
<h1>Мой первый заголовок</h1>
<p>Мой первый параграф</p>
<p>Мой второй параграф</p>
</body>
</html>


Пример структуры документа с помощью веселого человечка


разметка документа

Для работы я использую обычный Блокнот , а также редакторы HTML   Notepad++  и    Dreamweaver CS5.5.

Далее рассмотрим: "Текстовые редакторы.".