вторник, 7 августа 2012 г.

День 1. В любом деле главное - начать.

Как оказалось WEB - программирование лишь подтверждает это правило.
Начинаются же дела в наше время все чаще в Googlе и Википедии, куда я и отправился едва глаза стали различать буквы на клавиатуре.
Итог путешествия неутешительный. Вот вам ссылка (черт ногу сломит) , перейдите по ней, посетите первые 10 предложенных Googlе сайтов и попробуйте заниматься по этим ресурсам.  Лично я перестал искать что либо разумное после того, как на одном из форумов я перешел по ссылке, рекомендованной одним пользователем, и попал на сайт белорусского интернет магазина книг, на котором мне предложили купить Камасутру за 76445 белорусских рублей.
Хотя, справедливости ради, стоит отметить, что есть классные ресурсы, в которых все описано доступно, просто, да и чего говорить, сами сайты сделали просто здорово.
Вот вам ссылки: во-первых очень красивый сайт с понятными уроками. Думаю, что буду активно его использовать в обучении. У следующего ресурса немного неудобная структура, но его огромный плюсв том, что есть описание всех тегов(может, конечно не всех, просто я понятия не имею об их числе).
Всё. Больше ничего толкового беглый гуглизм не дал.
К счастью(а может и нет), пару дней назад я приобрел книгу за авторством Игоря Квинта "Создаем сайты с помощью HTML,XHTML и CSS". Во многом благодаря ей, кстати, у меня и осталось 20 рублей в кошельке) Вот собственно и все мои инструменты для обучения на сегодня, причем хватило мне этого с лихвой.

Начнем же непосредственно обучение.

За сегодняшний день я пришел к выводу, что для того, чтобы освоитьWEB - программирование как область знаний, необходимо узнать следующее и в следующем порядке:
  • Язык гипертекстовой разметки HTML
  • СSS - средство для оформления веб-страниц
  • Для динамики в страницах следует изучить JavaScript
  • Наконец, потребуется изучить, PHP. Для чего это, пока непонятно, но говорят вещь важная)
Согласно этому плану, первым на очереди стоит HTML. Что ж HTML так HTML...

HTML - язык гипертекстовой разметки. Основы основ для оснований...

На данный момент самая ходовая версия языка это HTML 4.01, с ней то я и начал знакомится. Основой языка  HTML, как оказалось, являются элементы, некие винтики и болтики, из которых и будут собираться  HTML документы.
А если взять и поместить элемент в угловые скобочки, то получится тег. То есть :

элемент + <> = < элемент > = Тег

Вот так вот просто.

Теги используются для открытия блока, к которому нужно применить действие элемента. Чтобы этот блок закрыть и прекратить действия элемента нужно использовать закрывющий тег.
  < элемент > + / < /элемент Закрывющий тег
Несмотря на то, что в общем то не каждый элемент требует закрывающего тега их все таки рекомендуется использовать всегда, зачем - узнаю позже, но обязательно. 

Говоря в общем, выяснилось, что элементы используются для того, чтобы сказать браузеру, какой блок информации должен находится в конкретном месте страницы. 
Но, как говорится, пример дороже правил, так что вот вам пример:

<p>Здесь введен любой абзац любого текста</p>

Элемент <p> обозначает абзац и подобная конструкция обеспечит нам наличие абзаца текста на странице.

При этом абзац абзацу рознь и то форматирование, которое применимо к одному абзацу в тексте, может быть совсем не нужно в другом. Решают эту проблему атрибуты. Атрибуты призваны обеспечивать различные способы отображения информации, представленной в одинаковых элементах.

Еще один пример:

<p align="left">Абзац выравнен по левому краю</p>

<p align="right">Абзац выравнен по правому краю</p>

Как вы, думаю догадались, атрибутом в этой конструкции является align и применятся он к элементу <p>. Независимо от элемента и атрибутов, значения последних задаются после знака равенства в кавычках.


Подытожим.

В HTML есть элементы, которые легко превращаются в теги и, снабжаемые атрибутами,
 они и делают страницы такими, какими мы их хотим видеть.
На сегодня это вобщем то все, что я узнал. Кто-то скажет, что маловато, но вы тут уж извините, старался честно, искал лучшее, понимал как мог, объяснял как мог.
Завтра попробую создать первую страницу, выучить основные элементы HTML и поискать что нибудь для вас интересное.
Все, друзья, спокойной ночи, доброго дня, приятного аппетита, удачи)


4 комментария:

  1. Этот комментарий был удален автором.

    ОтветитьУдалить
    Ответы
    1. Что ж вы удалили то так рано его, эх..

      Удалить
    2. O_O Вот так неожиданность. Ну что ж, повторюсь.

      Закрывающий тег строго указывает браузеру о прекращении действия элемента. Это означает, что тег будет гарантированно закрыт в данном месте вне зависимости от парсера html того или иного браузера. Необходимо же это для адекватного восприятия браузером структуры документа, поскольку он может закрыть тег не в ожидаемом разработчиком месте и тем самым сломать всю верстку. К тому же, закрытие тегов вносит упорядоченность, структурированность и лаконичность коду. В XHTML закрытие тегов является обязательным поскольку он был разработан с большей оглядкой на прародителя html xml, в котором закрытие тега обязательно.

      К слову о xml: синтаксис html не далеко ушел от xml. Пожалуй самые бросающиеся в глаза различия - обозначенные спецификацией html элементы и атрибуты против абсолютно любых в xml. За небольшими нюансами это все, что говорит о легком освоении одной из технологий при знании другой.

      PHP необходим для генерации и обработки веб страниц. Еще функции http://ru.wikipedia.org/wiki/PHP#.D0.9E.D0.B1.D0.BB.D0.B0.D1.81.D1.82.D1.8C_.D0.BF.D1.80.D0.B8.D0.BC.D0.B5.D0.BD.D0.B5.D0.BD.D0.B8.D1.8F
      Его современные альтернативы в unix окружении - Python и Rudy on Rails, а в windows - C# и Visual Basic.

      Удалить
  2. Мой юный розовый мозг уничтожен...

    ОтветитьУдалить