Создание сайта

blog-detail
2017-08-05

Создание сайта

  • Хочу создать сайт
  • Всё стоит на HTML
  • Первый шаг он сложный самый

Хочу создать сайт

Многие об этом задумывались не раз, но как начать? Пойти на курсы по программированию – это долго, и не факт, что научусь. Заказать у какой ни будь web студии – это довольно затратное мероприятие. Набраться терпения и учится самому, в интернете, благо есть из чего выбрать. Выбор только за вами, что выберите то и будет.

В очень популярной Советской комедии один персонаж произносит такой тост:

Хочу купить козу, но не имею желания. Хочу купить дом, но не имею возможности. Так выпьем же за то, чтобы наши желания совпадали с нашими возможностями.

Если вы начали читать, эту статью значит, вы вероятно выбираете тернистый путь учиться самостоятельно, это неплохой, на мой взгляд, лучший выбор. Итак, с чего же начать? Конечно, с основы на этом держится, интернет в любой сайт состоит, из разметки гипертекста она указывает браузеру, что и где будет отображаться на нашем мониторе. HTML (Hyper Text Markup Language) этот язык нельзя в полной мере отнести к языкам программирования, но запомните как портной, прежде чем сделать костюм нужно сделать выкройку и сметать грубыми нитками, произвести первую примерку, а уже только потом уже подгонять и устранять недостатки доводить до совершенства. Именно таким является язык HTML. Создать сайт без понимания HTML невозможно. Давайте заложим первые кирпичики, фундаментальные базовые знания, о том, откуда взялся HTML, почему все строится на нем при изготовлении сайта.

Всё стоит на HTML

В самом начале, восьмидесятых годов один ученый (уж и не помню, как звали) предложил общую систему разметки документа для своей конторы, время шло, прогресс тоже, пакеты данных стали передаваться на расстояния, и это случилось, появился он ИНТЕРНЕТ. В 1989 году этот же человек предложил гипертекстовую разметку на основе сети интернет . Что вы думаете он успокоился, нет, и через год написал первый браузер и программное обеспечение, ну и конечно свою разметку текста. Звериный мир капитализма, когда была, дана заявка по этому проекту, он получил отказ, но не сдался. В 1991 году он впервые выпустил свой труд, который назывался «HTML теги» кстати, надо сказать, тегов было 20, больше половины из них, до сих пор используются в разметке кода.

Разметка гипертекста HTML, ей начали пользоваться с 1993 года, после принятия решения комиссии по интернет разработкам. Они выпустили первую спецификацию, где четко была определена структура и грамматика разметки. Работа продолжилась над совершенствованием языка в 1994 году коллектив программистов начал работу над структурой и стандартами языка. В 1994 году работы завершились, и вылились в проект «HTML 2.0» он является основополагающим кирпичиком для нас. В этой версии были, указаны четкие различия между старыми стандартами и современными тегами была, заложена платформа для усовершенствования языка. Дальше больше HTML пошел по миру, и сразу появились желающие прибрать его к рукам. Например, контора W3C до сих пор утверждает все дополнения и изменения, которые происходят до сих пор. Компании по разработке браузеров также вносят изменения в структуру гипертекстовой разметки. Короче был полный хаос и неразбериха. Только в 2000 году HTML, наконец, то был принят международным стандартом. Дальше, были множества версий язык все время, совершенствовался и дополнялся. На мой взгляд, самая удобная версия – это HTML 5 в ней доработаны и добавлены новые теги и работать с ней стало проще и лучше.

Развитие. Версии HTML:

 

  • 1989 появление, первый стандарт разметки;
  • HTML 1992 первые текстовые теги;
  • HTML 1993 усовершенствования работы с текстом;
  • HTML + 1994 работа над гипертекстовой разметкой, добавления тегов;
  • HTML 2,0 1995 первый стандарт с формами, все старые версии признаны устаревшими;
  • HTML 3,0 1996 неудачная версия, с появлением новых браузеров была закрыта;
  • HTML 3,2 1997 новые условия положения картинок, добавлены таблицы и т.д;
  • HTML 4,0 1997 добавлены стили (появления CSS), скрипты, фреймы (видео);
  • HTML 4,01 1997 доработка версии 4,0 много мелких исправлений;
  • XHTML 1.0 2000 более строгая, структурированная версия 4,01;
  • XHTML 1,1 2001 не понимаю к чему она вообще выходила;
  • XHTML 2,0 мертвая версия разработка закончена в 2010, но люди старались ;
  • HTML 5 2008 добавлена куча тегов, упрощено написание «head» взято лучшие из версий 4,0 и 4,01;

<Первый шаг он сложный самый

Основа HTML – это тег

Мы будем изучать HTML 5, за более старые версии братья уже, наверное, не надо. Все очень просто тег – это условие применяется для передачи данных, которые отображаются, в браузере, пишется, так < > отрываем и, закрываем все очень просто. Давайте для наглядности разберем несколько примеров.

Например, пишем в редакторе:

< p >«Важнейшим из искусств является кино»< em >В. И. Ленин< /em >< /p > 

«Важнейшим из искусств является кино» В. И. Ленин

мы указали, что фраза и её автор отличаются, при просмотре на мониторе фраза, будет написана ровным обычным шрифтом, а имя автора написано курсивом (наклонным шрифтом).

 

< p >< font size="4" > Важнейшим из искусств является кино < /font > < font color="red" face="Arial" >< em >В. И. Ленин< /em >< /font >< /p >

«Важнейшим из искусств является кино» В. И. Ленин

здесь мы указали взяв в теге font, что у фразы будет задан размер шрифта, а у автора задан цвет и написан шрифтом Arial.

 

Тегов существует огромное количество, но принцип одинаков везде, сейчас мы рассмотрели только несколько. В дальнейшем мы разберём их все, в тегах пишутся атрибуты у нас в записи кода они такие: color цвет текста, face каким шрифтом писать текст, size размер шрифта. Вообще все это нужно прописывать в каскадных таблицах CSS, но здесь рассматриваем HTML.

Структура документа HTML

запись кода

Любой документ HTML делится на несколько частей, и они просто должны быть на любой странице. На странице должны быть такие разделы:

Здесь показаны основные части документа HTML почти 100% страниц в интернете сверстаны по этому принципу.

написание кода

На этом позвольте закончить статью, в ней мы рассмотрели историю возникновения HTML, и его развитие. Ознакомились с понятием ТЕГ и посмотрели на некоторые вспомогательные атрибуты. Увидели, как создается каркас страницы. Вводный урок позвольте закончить.