8uh.ru - это информационный портал в стиле "Подслушано". Обсуждаем важные новости мира и интернета, показываем тонкости работы с различными сайтами и социальными сетями: от сайтов поисковых систем Яндекс, Гугл, Мэйл, Рамблер, Нигма до соцсетей Вконтакте, Одноклассники, Твиттер и Пинтерест. Подсказываем как грамотно сделать сайт и получить на него посетителей, используя различные способы продвижения сайтов: SEO-продвижение, краунд-маркетинг, соцсигналы, SMM-маркетинг и SMO-маркетинг.

Title компьютер title

Не привычный заголовок для статьи? Речь пойдёт не о компьютерах, речь в статье пойдёт об элементарном HTML-сайте. Рассмотрим то, как с помощью блокнота, встроенного в стандартный пакет программ для Windows, создать простой сайт.

Создание WEB-сайта «Компьютер»

Создадим элементарный сайт на HTML про компьютеры. Пусть это будет WEB-сайт про персональный компьютер, на котором мы хотим рассказать о том, что такое Персональный Компьютер (ПК), создадим соответствующие страницы: главную, страницу о программном обеспечении и о компьютерных терминах. Начнём создавать сайт с самого начала, для этого нажимаем на меню компьютера «Пуск» — «Все программы» — «Стандартные» — «Блокнот», запускаем блокнот и начинаем разбираться с программированием сайта.

Самое первое в создании сайта

Итак, мы хотим создать свой сайт с помощью блокнота. Для этого следует знать, что WEB-страница формируется с помощью специальных тегов. Теги должны быть заключены в угловые скобки, представляющие из себя знаки больше или меньше. Теги страницы могут быть парными или одиночными. Парные теги должны иметь открывающий и закрывающий тег — всё вместе это называется контейнер. Например, два тега

— это контейнер.

Закрывающий тег от открывающего отличается тем, что перед ним обязательно указывается прямой слэш, то есть знак «/». Все теги могут быть записаны как с помощью прописных, так и с помощью строчных букв.

Весь html-код страницы должен быть помещён внутри контейнера

Без указания этих тегов браузеры не смогут правильно интерпретировать содержимое страницы.

Далее что следует знать — web-страницы делятся на две логические части. Это заголовок и содержимое.

Заголовок страницы и TITLE

Есть такой контейнер

— это заголовок WEB-страницы. Заголовок содержит в себе название документа и некоторую справочную информацию о данной странице. Это может быть информация об используемой кодировке, указание не файл стилей, об используемом программном обеспечении сайта и так далее. Пока что эта информация нам не особо полезна.

Также есть специальный контейнер

— между этим открывающим и закрывающим тегом указывается название веб-страницы. Данное название отображается в строке заголовка браузера. Допусти, указав

мы увидим в заголовке в браузере название «Компьютер».

Итак, заголовок нашей страницы принимает такой вид:

Содержимое веб-страницы

— это контейнер, куда помещается всё основное содержимое страницы сайта. Данный контейнер может содержать таблицы, бегущие строки, ссылки на звуковые, видео и графические файлы, текст и так далее.

Чтобы понимать принцип создания сайта с нуля в блокноте, поместит в основной контейнер текст:

Основа WEB-страницы

Итак, со структурой мы разобрались. Открываем блокнот и вносим туда следующий текст:

Чтобы было удобнее — для размещения сайта создать также отдельную папку, куда можно будет складывать все файлы сайта. Сохраняем в эту папку созданную в блокноте страницу с именем файла index.htm или index.html. Таким названием принято называть титульный файл сайта.

Чтобы увидеть созданную и сохранённую страницу сайта — открываем файл index.htm или index.html с помощью браузера. Создание других страниц и дальнейшую проработку сайта рассмотрим в следующих статьях.

Рассказать о подслушанном:

Комментарии

Комментариев: 4, к записи: “Title компьютер title
  • Нет аватара
    Stick War пишет:

    Когда будет продолжение?

    Ответить
    • Нет аватара
      Глава 8-ми ушей пишет:

      Скоро опубликуем!)

      Ответить
  • Нет аватара
    eqozupon пишет:

    Когда будет продолжение инструкции по созданию простейшего сайта?

    Ответить
    • Нет аватара
      Глава 8-ми ушей пишет:

      Здравствуйте! Скоро добавим)

      Ответить

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *