Как создать сайт в блокноте?

2 ноября 2014 г. Просмотров: 798 Инструкции
Если вы думаете, что создание сайтов – это сложное занятие, вы ошибаетесь. Для этого совершенно не нужно изучать горы литературы и запоминать тысячи специфичных кодов. Достаточно проделать ряд несложных действий, и у вас появится самый первый сайт, который вы сделали своими руками. Мы предлагаем вам в этом убедиться, создав по пошаговой инструкции самый простой сайт, это займет у вас всего несколько минут.

Создать сайт самостоятельно с Wix.com

Инструкция

  • Создайте на рабочем столе текстовый документ: «Пуск» - пункт «Программы» - «Стандартные» - «Блокнот».
  • Скопируйте в блокнот теги, приведенные ниже, они необходимы для создания любого сайта.
  • В теги title напишите тему вашего сайта, например «Создание сайта». Это будет выглядеть так: Создание сайта.?
  • Переходите к созданию каркаса сайта. Каркас создается с помощью таблицы html. Сейчас мы будем использовать следующий каркас: шапка наверху, аналогичная полоса внизу, а основной лист будет разделен на две половинки. Скопируйте код каркаса к себе в блокнот.
  • Шапка сайта

    Меню сайта

    Область под контент

    Подвал сайта

  • Укажите размеры ячеек. Попробуйте сделать те размеры, которые указали мы, а затем решите, какие размеры нужны вам. Размеры впишите в коды каркаса (это параметры height – высота и width - ширина).
  • ?Выберите картинки шапки, фона и подвала сайта, вставьте их в нужные теги. Картинки вставляются с помощью тега . Теперь надписи «Шапка слайда» и «Подвал сайта» должны исчезнуть.
  • Соедините все вставленные картинки воедино. Для этого в тег в главной таблице вставьте cellpadding=0 и cellspacing=0.?
  • Уберите промежуток между шапкой и основным пространством сайта. Для этого вставьте параметр выравнивания в , вот как должно это выглядеть ?
  • Сохраните первую страницу сайта под кодом index.html. Повторно сохраните первую страницу сайта, но под другим кодом: page2.html.
  • Отредактируйте вторую страницу, допустим, у вас там будут ссылки на какой-либо сайт. Вставьте адреса ссылок в теги.
  • Не забудьте отметить в коде, какая страница главная, а на какой размещены ссылки. Это поможет связать страницы между собой. Вот как это должно выглядетьГлавная,Ссылки.
  • Не забудьте добавить теги
  • , они нужны для перехода на другую строчку.Ваш первый двухстраничный сайт готов!Совет добавлен 27 мая 2011 Совет 2: Как создавать сайт в блокноте На сегодняшний день в интернете существует гигантское количество различных интернет сайтов. Бытует мнение, что создание сайтов это очень сложный процесс, однако это не так! Научиться писать простейшей код, например, для «Сайта визитка» (сайт из 2 – 3 страниц созданный только при помощи HTML) может каждый. Любой желающий может создать своё личное представительство во всемирной паутине. Обычно для создания сайтов используют специальные программы, сделать это можно и в обычном Блокноте. В последнем случае понадобится знание языка HTML(HyperText Markup Language — «язык разметки гипертекста»), а так же языка описания внешнего вида документа CSS(Cascading Style Sheets — каскадные таблицы стилей).

    Инструкция


  • Чтобы сделать сайт необходимо будет написать код для каждой страницы, редактором для написания этого кода и будет служить Блокнот. К примеру, вы хотите создать сайт всего из одной страницы. Откройте Блокнот и запишите в нём HTML код этой страницы, на рисунке приведён пример простого кода.

  • Чтобы получить готовую интернет страницу необходимо сохранить написанный текст в формате HTML. Название файла должно быть написано латинскими буквами, оно не должно содержать знаков препинания, пробелов, математических символов. В названии файла можно использовать знак «_» и цифры. Файл нужно сохранить с расширением .html или .htm, например page.html.Полученный документ можно открыть в любом интернет – браузере, результат показан на рисунке.
  • Используя блокнот можно создавать и более сложные сайты из множества страниц, используя специальные языки программирования.

    • создание сайтов в блокноте примеры
    Как создавать сайт в блокноте - версия для печати

    Оцените статью!