Как сделать красивый сайт в блокноте?

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

 

Первые шаги

Для начала необходимо создать новый документ: либо щелкнуть мышкой по экрану и выбрать «создать» – «текстовой документ», либо нажать на кнопку «пуск» и выбрать «все программы» – «стандартные» – «блокнот». Таким образом вы откроете текстовый документ. После этого напечатайте любую фразу и сохраните документ: «сохранить как» ­- «название документа.html» (тип файла – все файлы). Два раза щелкните на сохраненном документе и посмотрите получившийся результат: вы увидите в браузере введенный текст на белом фоне. При желании вы можете загрузить этот файл на сервер, и он станет доступным всем пользователем жилого шара.

Если вы хотите изменить получившийся файл, то откройте его при помощи текстового документа и перепишите фразу. Таким образов вы создали свой первый сайт. Для того, чтобы загрузить на него картинки, сделать его фон цветным, изменить шрифт, необходимо знать язык html, также называемый языком гипертекстовой разметки.

Основы html-языка

Оформление сайта создается при помощи специальных тегов, которые служат элементами разметки гипертекста. Все они имеют вид: <текст> (открывающий тег) или </текст> (закрывающий тег). Большинство тегов должны быть закрыты. Список самых распространенных тегов не так уж и велик. Для создания красивого сайта достаточно знать лишь некоторые из них.

  1. <!DOCTYPE> – необходим для указания типа документа;
  2. <HTML> – служит для опознавание кода;
  3. <HEAD> – указывает на заголовок страницы;
  4. <BODY> – указывает на основную часть страницы;
  5. <table> <tr> <td> – нужны для создания таблиц;
  6. <h1>-<h6> – заголовки разных уровней;
  7. <b> – жирный ттекст;
  8. <i> – наклонный текст;
  9. <u> – подчеркнутый текст;
  10. <img src=»ссылка на картинку«>.
Также по теме:  Зачем на сайтах нужна регистрация?

Более подробную информацию можно найти на следующих сайтах:

  • http://htmlbook.ru/html/ – справочник по html-кодам;
  • http://www.postroika.ru/html/ – учебник по html для начинающих;
  • http://htmlbook.ru/books/ – учебник по html и СSS.

Другие способы создать сайт

Если вы не хотите самостоятельно изучать сайты по html и тратить время на проверку написанных кодов, то существует несколько способов поучить красивый и функциональный сайт:

  • попросить ненужный или устаревший у друзей или знакомых и слегка подправить его самостоятельно. Если вы знакомы со специалистами в сфере информационных технологий, то такой вариант идеально подойдет для вас;
  • обратиться в специализированную фирму по созданию сайтов. Например, можно ввести в поисковик запрос: «создание сайта киев Вебкитчен». Если вы будете находиться в том же городе, что и компания, то сможете самостоятельно отследить качество работы. Обращайте пристальное внимание на нахождение головного офиса компании и смотрите представленной на сайте портфолио.

Таким образом вы можете получить отличный сайт при минимуме усилий.

Голосуй звездами за статью!