Создание простого сайта шаг за шагом урок №1




Что такое HTML? Для того, чтобы начать успешный проект в интернете нужно понимать хотя бы в общих чертах как все это работает. Итак, в основе всего лежит язык HTML, если не вдаваться в технические тонкости, то его трудно назвать языком программирования, это скорее язык разметки текстового документа. То есть содержимое страницы любого сайта можно представить в виде самого текста и элементов разметки – тегов. При этом все устроено так, что эти системные пометки видит только браузер установленный на вашем компьютере, вы же, как пользователь, увидите лишь контент, то есть текст, изображения, или мультимедийную часть страницы. Как у любого языка в html имеется синтаксис, который нельзя нарушать, иначе страница может открыться не корректно, или не отобразиться вовсе. Приведем простой пример:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<HEAD>
<TITLE> Заголовок вашей страницы </TITLE>
</HEAD>
<BODY> Содержимое страницы (контент).
</BODY>
</HTML>

Итак, давайте разберем все по порядку. Для того, кто видит эти строки впервые – все кажется слишком сложным и запутанным, однако это совсем не так. Присмотритесь, все теги похожи на скобки (из курса школьной алгебры) которые должны сначала открыться, а потом закрыться после определенного выражения. Такая же аналогия и здесь. Каждый из тегов сначала открывается. Например, тег <html> мы видим, как он открылся для содержимого всей страницы и закрылся в конце. Из этой упрощенной схемы html документа видно, что его структуру можно разделить на два объемных блока шапка (между тегами <head>) и тело (между тегами <body>). Как с этим работать расскажем в следующей статье, однако уже сейчас можно оговориться о том, что в шапке страницы, как правило, находится техническая информация, в том числе здесь подключаются скрипты, таблицы стилей, теги верификации поисковых систем и т.п. Основное содержимое страницы (текст, таблицы, изображения, аудио и видео) размещаются между тегами <body>. В следующей статье мы поговорим о создании первой веб-страницы своими руками в обычном текстовом редакторе типа Блокнот.


Назад к каталогу статей


Начало сотрудничества

  • Техническое задание
  • Обсуждение дизайна
  • Подбор доменного имени
  • Обсуждение бюджета
  • Составление договора
  • Предоплата

Разработка сайта

  • Выбор цветовой гаммы
  • Создание макета
  • Верстка
  • Программирование
  • Наполнение контентом

Продвижение сайта

  • Анализ конкурентов
  • Разработка стратегии
  • Семантическое ядро
  • Работа с внешними факторами

Сдача проекта

  • Передача реквизитов сайта
  • Оплата любым из способов:
  • Наличный расчет
  • Безналичный расчет