Учебник HTML.

редакция 20.02.10

Предисловие к учебнику.

Что нужно, чтобы сделать сайт? - освоить программирование на одном из языков, использующихся в области web и подходящих для этого дела. Какой язык наиболее распространен в этой области? Правильно, HTML.

Перед вами учебник HTML. Причем не просто учебник HTML, а учебник по HTML, CSS и PHP сразу. Эти три языка тесно связаны между собой, без них трудно себе представить современный сайт. Поэтому я не вижу смысла учить какой-то части целого, ведь цель ваша в конечном счете не знать HTML, а создать сайт. Поэтому знания по смежным дисциплинам вам тоже очень пригодятся в дальнейшем! Раскладывать все по полочкам и разжевывать я не буду, "жвачки" в сети и без меня полно. Освещу лишь базовые и основные моменты (фундамент), зная которые, вы научитесь программировать гораздо быстрее и качественнее, а главное быстрее понимать и качественнее применять полученные знания.

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

Начиная изучать web-программирование, я прочел несколько учебников HTML на эту тему и сложилось впечатление, будто бы все они писались под копирку. Манера изложения и оформление разные, а суть одна. Чаще всего отсутствует базовая ступенька, без которой материал "переваривается" трудно и усваивается с искажением. Открываешь учебник и почти сразу что-то не понятно. Идешь на форум и задаешь вопрос, ответом на который будет "это ж ясно, как белый день" или "это и ежу понятно" и так далее в том же духе. Я всегда сталкиваюсь с трудностями в самом начале, причем не понимаю самых элементарных вещей. Потом все идет как по маслу, но это потом. Поэтому могу задавать вопросы что называется "на гране фантастики". И чем более "фантастический" вопрос, тем труднее найти ответ. Поэтому мой учебник больше для тех, кто "долго запрягает".

Человек учится, делает ошибки, набивает шишки, потом добиваясь хороших результатов, пишет учебник, переходя к сухой теории и практике. Пусть пишет легко и интересно, но где шишки и ошибки? О них автор упомянуть забывает, потому что "давно это было", а сейчас "и так все понятно, разберетесь". И читатель наступает на те же грабли! Учебник пишется не для того, чтобы потешить детское самолюбие (типа "у меня тоже есть"), а для того, чтобы научить всех желающих, причем быстро и просто.

Вспоминается мне один препод из моего студенческого прошлого. Он не ставил перед собой задачу чему-то научить - просто читал лекции, причем так, как будто мы вместе с ним "вышку" заканчивали. Будто мы не студенты с величиной знаний по предмету, стремящейся к нулю, а его коллеги, прекрасно разбирающиеся в теме лекции и пришли просто посидеть. Многие действительно приходили для этого, но я-то шел учиться. Вот вам и разница: учитель учит - ученик учится и в результате умеет, а преподаватель пересказывает содержание учебника в свойственной ему манере. "Ученик" тоже может пересказать, причем прекрасно, только вот мало что смыслит в практической составляющей предмета. Отсюда и толпы теоретиков и новоявленных гуру, наводнивших интернет и загадивших форумы, красиво расскажут, да криво покажут! Отвлекся я, однако, вернемся к учебнику.

И вот читая такие учебники, я не находил в них информацию, которая была мне действительно интересна и важна, а ту что находил, можно при внимательном изучении без труда найти в спецификации W3C - главном документе по HTML. Причем про другие языки и не упоминается, потом сам узнаешь, что многое легче и быстрее сделать другим способом и начинаешь переучиваться! Поэтому главный акцент я делаю как раз на "базовую ступеньку" и редко встречающуюся техническую информацию. А все, что понадобится помимо этого, вы без труда найдете сами (все на яндекс). Причем речь пойдет о всех вышеупомянутых языках и об их взаимодействии друг с другом, поэтому подход к изучению будет комплексным. 

Языки программирования Web.

Объясняя что-либо человеку, который о предмете объяснения представления не имеет, я часто пользуюсь бытовыми сценами, которые любой человек представит без труда. Это значительно упрощает задачу, как мне кажется. Прибегну к подобному приему и в этот раз. HTML, CSS, SSI и PHP языки взаимосвязанные, поэтому стоит воспринимать их как части целого. А познать целое возможно только познав все его части. Дело за малым - проиллюстрировать вам наглядно эти связи. Итак, внимание на экран, бытовая сцена.

Вы решили построить дом, вы много раз в детстве строили шалаш, бывали на стройке и смотрели передачи про строительство домов. Если вы будете строить один, у вас в любом случае чего-то да получится хоть и отдаленно, но дом напоминающее. Если смотреть с точки зрения вас-ребенка, то это будет ультра современный мега шалаш, а вы покажетесь себе просто богом шалашного строительства, но настоящий уютный дом, который строят профессионалы, "это" будет напоминать весьма отдаленно. Это будет просто и безлико - постройка (потому что кто-то это построил). Итак, знакомьтесь - вы HTML, строитель крутых мега-шалашей.

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

У вас также есть знакомый (зовут Вася), который пару раз помогал тем профессионалам, которые строят отличные дома. Кстати, ему они тоже дом строили и поэтому он хоть и визуально, но посвящен во все тонкости строительства. Он, конечно, не знаком со сложными расчетами и чертежами, но какую-никакую альтернативу тому, что видел предложить все же может. Выполненное по совету Васи внешне будет напоминать ваше шалашное решение, но функционально по сути будет близко к профессиональному. Минус Васи в том, что он все-таки не строитель и дельных советов прозапас у него не особо много. Итак, знакомьтесь, Вася - это SSI.

У Васи, как и у всех, есть папа. И что самое интересное - работает он как раз в строительной компании, которая занимается постройкой домов, навроде того, что вы хотите. Работает прорабом и учится в институте на проектировщика на последнем курсе, пишет диплом (кстати отличник). Поэтому прекрасно разбирается в расчетах и проектах. И если под его началом из вас, Коли и Васи сколотить бригаду, то вы за три дня небоскреб отгрохаете. Папа у Васи не гордый - в случае чего и молоток подать может, и доску подержать, однако не будем забывать, что занятой он очень, поэтому для подобных дел можно позвать Васю или Колю. Думаю вы уже догадались, что речь тут о PHP.

А теперь о зависимостях: понятно, что если вы не захотите строить дом, то Коля вам ничего не посоветует, Вася не поможет, а Васин папа построит дом, но не вам. Короче без ваших начинаний, то есть без HTML - никуда! Им все начинается, им и заканчивается. Можно не вспоминать про Колю, но если он придет в гости, то обязательно огорчит вас замечанием о том, что цвет обоев не "клеится" с интерьером, а лестница "выпадает" из контекста и ему не объяснишь, что обои клеились на супер-клей и отделяются от интерьера только вместе со стеной, а если тронуть лестницу, то произойдет выпадение второго этажа на первый. Коля компетентен в данном вопросе, а вы - нет. Если не хотите, чтобы так вышло, используйте CSS. Этот язык дополняет и расширяет возможности HTML. Хотите почувствовать разницу, сравните забегаловку и маленький ресторан. Одинаковые блюда окажутся разными.

Можно совсем не вспоминать про Васю и его папу, потому что они живут на сервере (а это в другом городе), поэтому им нужно звонить и ждать их приезда. Но если вы все же позвоните... потом... они приедут и единственное, что предложат вам - переделать немного ваш шалаш. Вы согласитесь и они начнут переделывать... с фундамента! Не хотите все переделывать - звоните сразу. PHP на самом деле простой в освоении язык, если не торопиться и осваивать постепенно по мере надобности. Конец бытовой сцены, отлипаем от экранов. Общая картина понятна, я надеюсь. Теперь можно переходить на технический язык со всеми его терминами и прочими особенностями. Но перед началом сцены укрощения кода неплохо было бы вооружиться набором инструментов для упрощения укрощения. 

помочь автору и сайту

...программы для web-программирования...