Введение в HTML

Александр 'S'
]]>
]]> vvedenie-v-html

Здравствуйте, друзья!

Очень рад и полностью поддерживаю Ваше решение начать заниматься таким полезным и важным в наше время занятием, как изучать HTML!

html-or-what

Некоторое время назад я, как говорится, осознал "на собственной шкуре" важность умения создать собственный сайт, страничку в бесконечной интернет-паутине и нисколько не жалею о потраченном на изучение html, css и других языков веб-программирования времени, тем более, что языки, в основном, простые, понятные - это я Вам обещаю, как экономист по образованию

Некоторые коллеги говорят, что неправильно называть html языком программирования, так как это язык гипертекстовой разметки, а не программирования, дам совет: назовите как угодно, главное знать его и уметь пользоваться на отлично!

Для каких целей нужен собственный сайт, спросите Вы? Да хотя бы для следующих:

1. Представительство Вашего бизнеса в ОЧЕНЬ перспективном и обширном интернет-пространстве.

2. Ведение собственного дневника, так называемого блога, на котором можно делиться с окружающими всем, чем захотите - отличный инструмент самореализации!

3. Способ заработка на жизнь, да-да и такое возможно, с помощью сайта реально зарабатывать суммы, аналогичные и даже более заработной платы в оффлайне.

4. Сайт, как подарок (другу, подруге, жене, маме, папе - кому угодно). Например, один мой знакомый научился создавать сайты и подарил сайт своей маме,  который она (мама) впоследствии полностью посвятила цветам, так как очень их любит и хотела поделиться своим опытом со всеми интересующимися, кроме того появилась возможность расширить собственные знания.

5. Сайта, как инструмент взаимодействия и взаимообучения в группе. Некоторые мои знакомые активно создают группы, сообщества по интересам на таких ресурсах, как "одноклассники", "вконтакте", "фейсбук" и подобных сайтах. Общаются там между собой, делятся друг с другом своими достижениями, например, кулинарными шедеврами. Все это прекрасно, но никто не гарантирует, что в один день Ваша группа не исчезнет с такого сайта со всеми участниками и материалами из-за того, что администрации сайта что-либо не понравилось или администратора группы банально взломали и все удалили. А вот на своем сайте Вы единственный(ая) отвечаете за все, что Вам дорого и можете прямо влиять на любые ситуации, не ограничиваясь правилами какого-либо ресурса. Здорово, не правда ли?

6. Сайт, как инструмент совершенствования собственных навыков (журналистских, общения, самовоспитания, аналитических и т.д.)

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

Да, этот сайт (Ne-zhalko.ru) тоже сделан с помощью языка HTML.

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

Лирическое отступление, пожалуй, закончено - вернемся к языку html. Что такое html в современном (и не только) интернете?
HTML - язык, так называемой, гипертекстовой разметки, использующийся для написания интернет-страниц. В нашем глоссарии есть немного дополненное определение html.

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

html-love-css

Гиперссылки и таблицы, меню и баннеры - все это наш браузер получает в виде простого кода, но мы видим все это красивым, оформленным и гармоничным (обычно), благодаря тому, что он, браузер, переводит нам язык html в человекопонятный вид.

Сейчас Вы просто читаете этот текст, а попробуйте нажать на странице правой кнопкой мышки и выбрать пункт контекстного меню "исходный код" или "просмотр кода"...

Вот это и есть html-код, но не бойтесь, это только на первый раз страшно (ну или на первые раз 20), потом Вы будете с легкостью все это понимать.

И, прошу Вас, запомните! если вдруг Ваши руки решат опуститься от увиденного, просто знайте - у всех получается и у Вас получится, главное не отступать, а у кого не получилось, тот и не хотел!

Теперь коротко об инструментарии, то есть о том, что нам понадобится для успешного обучения:

  • блокнот - стандартный текстовый редактор, а не записной из листиков бумаги;
  • браузер, а лучше несколько браузеров. Я использую Opera, Mozilla Firefox, Internet Explorer и Google Chrome.

Поясню, зачем несколько браузеров: в сайтостроении (для чего html и нужно) есть такое понятие, как "кроссбраузерность", означает оно, что сайт обязан во всех браузерах выглядеть одинаково, однако на практике это не всегда удается. То есть таблица, которая показывается по центру в Mozilla должна также выглядеть и в любом другом браузере, но бывает иначе, обычно в Internet Explorer (он был довольно "глючным" до версии 9, сейчас уже немного удачнее).

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

Также нам очень понадобится терпение, упорство и усидчивость! Согласитесь, это совсем не много, для изучения целого серьезного основополагающего языка веб-программирования?

Исходя из собственного опыта (а изучалось html мною с абсолютного нуля) я постараюсь предоставить Вам действительно тот материал, который будет полезен, а не все подряд о html

Если Вы уже пытались создать собственный сайт и наткнулись на такой феномен, как "Конструктор сайтов", типа Ucoz или системы управления контентом, типа "Joomla", "DLE", "DRUPAL", то советую отложить эти находки на некоторое время и серьезно заняться изучением HTML, а затем CSS, иначе ничего хорошего у Вас не получится - это я также проверил на себе.

Ну что, готовы к покорению вершин html? Отлично! Тогда пожелаю Вам удачи и жду в следующих статьях!

]]>
]]>
Статьи из этой же рубрики: