skip to Main Content

Создаем сайт на листке бумаги ЧАСТЬ 1

Создаем сайт на листке бумаги. ЧАСТЬ 1.

Сегодня мы поговорим о том, как новичку можно с нуля без особых знаний создать сайт с чистого листа, причем такой, какой он только пожелает. Для того чтобы написать сайт с нуля, потребуется только листок бумаги и ручка (ну или другое пишущее устройство).
Итак, мы хотим написать сайт, его структуру, листинг, код, с чего же начать?

Для начала разберемся, на каком языке будем писать сайт. И выбор остановим, конечно, на HTML (HyperText Markup Language – то есть гипертекстовая разметка текста).

Чтобы было совсем все понятно, разберемся с разметкой и гипертекстом:
Разметка – это некая структура, набор символов, знаков, а точнее тегов (меток), при помощи которых строится весь html-документ.
Гипертекст – это текст, представленный в определенной последовательности, где все элементы (то есть теги) идут друг за другом последовательно.

Раз мы выбрали html, логично будет сделать открывающийся тег <html> и закрывающийся тег </html>. Эти теги главные, в них будет находиться весь html-документ.
Дальше идет голова, то есть так и будет по-английски <head> и закрывающийся тег соответственно </head>. Между этим тегом поместим тег заголовка страницы <title> </title>.
Добавим тело, то есть основную часть html-документа: <body> </body> после закрывающего тега </head>.

Вот как теперь выглядит наш пустой html-документ:
<html>
<head>
<title>Заголовок страницы</title>
</head>
<body>
Основная часть документа
</body>
</html>

Это мы изобразили на листке бумаги. http://lifestyledrift.com/ Это наш фундамент. Это в принципе фундамент и основа любого сайта, а те, кто хочет добавить что-то от себя, украсить тем самым свое творение, дополняют новыми элементами.
Пока что у нас ничего нет, только фундамент. Давайте что-нибудь сюда поместим, например, раскрасим наш фундамент.

Пусть наш фон страницы, т.е. фундамент будет серым.  Для этого прямо в теге body пишем: <body bgcolor=grey>. Теперь наш фон стал серым. Все очень просто, любой html-документ легко читается, если знать английский язык (bgcolor – то есть background color, но пишут сокращенно цвет фона).

Кстати, шестнадцатеричный эквивалент «#808080» пишется в кавычках в отличие от словесного написания цвета. Но пока не будем останавливаться на цветовых моментах.

Кстати*. Вопрос на засыпку: как писать правильно: grey или gray? Правильно и так, и так, но общепринятым считается писать все-таки grey, gray – это американский вариант.
Если мы хотим сделать фон картинкой, то есть придать нашему фундаменту неповторимый вид, пишем развернуто: <body background=”graffiti.jpg“> Ну вот и мы раскрасили наш фундамент в граффити. Не забываем писать кавычки.

Теперь построим 1 этаж, на котором напишем всего три слова: «Строить сайты просто».
Между тегами body и пишем этот текст.
Вот что у нас получилось:
<html>
<head>
<title>Заголовок страницы тут</title>
</head>
<body bgcolor=grey>
Строить сайты просто.
</body>
</html>

А что будет, если одновременно написать: <body bgcolor=grey background=”graffiti.jpg”>? Фоновая картинка просто перекроет фоновый цвет и будет видно сразу несколько картинок в ряд.
Теперь мы научились рисовать и строить фундамент на листе бумаге, а также раскрасили его в серый цвет и сделали 1 этаж.

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

Читать продолжение “Создать сайт на листке бумаги. ЧАСТЬ 2”: http://www.abcsokol.ru/2013/05/2.html

Уникальность: 100%.

Back To Top