Уроки HTML. Введение, структура обучения

Уроки HTML. Введение, структура обучения

Если вы читаете этот текст, значит, у вас есть желание научиться создавать сайты на HTML. Что же, могу вас поздравить, ведь большое желание научиться чему-то это уже полдела. А в случае с HTML так и вообще, практически больше ничего не потребуется. Почему? Да потому что это очень просто! Буквально через пару часов у вас будет достаточно знаний, чтобы смастерить, как говориться, «на коленке» свою собственную страничку. Да, она будет простой и на ней не будет супер эффектов, но зато она будет Ваша, собственная, где каждый символ написан со знанием дела. Если у тебя, читатель, остались еще какие-то сомнения, то немедленно отбрось их в сторону! Не думай ни о чем, а просто прочти мои уроки и выполняй задания. Обещаю, что к концу этого мини курса вы будете знать и понимать, как устроена HTML страница, и как ее создать абсолютно с нуля.

Даже если у вас уже есть собственный блог на WordPress или другой CMS, все равно, искренне советую пройти данный курс и выполнить все задания, ведь вы начнете понимать, как устроен HTML изнутри, а это вам пригодится при работе с блогом ни раз. Вперед!



Что нам потребуется?

Хорошо, что вы все-таки решились и начали изучать HTML, но что же для этого нужно? Какие программы скачать, установить, купить? Главное спокойствие, я все расскажу по порядку.

Смотрите: для создания странички нужен обычный текстовый редактор. Да-да, тот самый блокнот, который Notepad. Но лично я бы вам посоветовал пользоваться текстовым редактором Notepad++. Просто заходим на страницу скачиваем последнюю версию блокнота и устанавливаем (это очень просто, но если будут вопросы, то смело задавайте их в комментариях, я обязательно помогу). Никакой дополнительной настройки не нужно. Просто, установили и можно сразу же пользоваться.



А вот просматривать наши созданные странички нужно с помощью браузера. Что такое браузер читаем тут. У вас уже установлен Internet Explorer, как минимум, а возможно еще и какой-либо другой обозреватель (Firefox, Chrome, Opera, Safari). По большому счету для нас не будет важным, каким браузером вы пользуетесь, подойдет любой.

Парочка распространенных вопросов

Вопрос: Зачем создавать сайты в блокноте и писать все самому, если можно воспользоваться программой, например, Adobe Dreamweaver или Microsoft FrontPage?

Ответ: Дело в том, что все программы и конструкторы для создания сайтов представляют собой навороченные комбайны, которые подключают множество готовых плагинов и библиотек, в которых реализованы те или иные моменты. Например, работа с базами данных, работа с DIV’ами и так далее. Все бы ничего, но большинство из подключенных библиотек вам будут не нужны. Они мертвым грузом упадут на бедный сервер, который будет вынужден подключать их каждый раз, хотя они даже не используются. Это первый момент. Второй момент в том, что когда вы пишете сайт в блокноте, то там не будет ничего лишнего. Вы будете уверены за каждый написанный символ, будете знать как оно работает. А можете ли вы быть так же уверены за код, написанный другими людьми? Думаете, что если программу разрабатывают профессиональные программисты, то в ней нет ошибок? Я, как дипломированный инженер автоматизированных систем, уверяю вас, в каждой мало-мальски крупной системе есть ошибки и уязвимости. И чем крупнее эта система, тем их больше. Увеличение количества узлов приводит к увеличению связей между ними, за которыми просто невозможно уследить. Так что написанный вами собственноручно сайт будет работать в разы быстрее и надежнее. То же самое относится и к php, по которому у меня тоже есть уроки. Ну и третий момент, разве вам самим не интересно понимать принцип работы сайтов? Банальное любопытство должно быть у каждого человека.

Вопрос: Нужно ли находиться в сети (Online) для того, чтобы разрабатывать сайты? Чтобы читать этот учебник?

Ответ: Нет, не нужно. Вы можете быть не в сети и писать себе спокойно в блокнотике свой сайт, тестировать его в браузере. Странички учебника можно сохранить себе на компьютер или же просто открыть их в обозревателе и просто отключиться от Интернета, они никуда не денутся. Так что, на вашем пути нет ни одного препятствия для освоения HTML и написания своей первой странички. Так чего вы ждете? Вперед, к первому уроку! 🙂

Содержание | Урок 1. HTML теги →