w3schools Изучение HTML5 и CSS3




title on span (4)

Для тех, кто никогда не кодировал веб-страницу, убедитесь, что вы еще не впутаны в шумиху над HTML5 и CSS3. Хотя у них есть отличные функции, они все предполагают, что немного знают о предыдущих версиях, и все «предварительные просмотры» покажут вам фрагменты, связанные с улучшенной интерактивностью, а не с поддерживаемыми структурными элементами.

Придерживайтесь изучения CSS2.1 и HTML4.01 / XHTML, что даст вам хорошую основу, на которой вы сможете применить новый материал позже.

Я уверен, что люди ответят на этот ответ некоторыми отрицательными отзывами, но если вам понадобится фрагмент JS в начале кода, чтобы включить новые элементы HTML5 в одном из браузеров основного потока, то он пока должен использоваться в коммерческих целях.

Представьте, что кто-то сегодня, 1 марта 2011 года, никогда не писал веб-страницы и хотел бы знать, что они должны прочитать, чтобы начать создавать веб-страницы сегодня. Их не волнует обратная совместимость, но они хотят строить с веб-стандартами, чтобы они были переносимыми среди максимально возможного числа браузеров (да, я говорю, что мне все равно, не будут ли мои веб-страницы работать с IE 4- 8, Opera, Netscape, Mozilla и т. Д., Мне действительно все равно, потому что я никогда не использовал их, и это, вероятно, верно для тех, кто будет использовать инструменты, которые я создаю).

У этого человека нет предубеждений или вредных привычек, потому что они никогда не делали этого раньше. Они также гиперактивны, поэтому, если им придется прочитать 200 страниц на тему «зачем использовать веб-стандарты» или «почему веб-стандарты лучше, чем« по-старому »», они будут разочарованы и отвлечены и выбросят книгу. и купаться. Кстати говоря, мои волосы мокрые.

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

Учитывая все эти данные об этом человеке, и я знаю, что многое об этом человеке (этот человек, конечно, я), какие книги или ресурсы вы бы порекомендовали?

(Книги Зельдмана вышли, потому что я уже выбросил их, а потом пошел купаться сегодня.)


Я занимался веб-дизайном и разработкой самостоятельно, и у меня есть опыт работы в области инженерии. Вам комфортно с компьютерами, поэтому вы в хорошей форме. Чтобы начать, я взял несколько онлайн-курсов с http://www.hwg.org/ . Курсы являются самостоятельными, но модерируемыми, и вы сразу же получаете большой практический опыт, и вы получаете онлайн-сообщество, которое поможет вам обмениваться идеями.

Я взял курс HTML, почти все курсы CSS и немного JavaScript. Как только вы приобретете некоторый базовый опыт и изучите основы, вы сможете решить, сколько всего другого вам понадобится, например, PHP / MySQL, или вам нужны какие-то курсы дизайна, чтобы сделать вещи красивыми.

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

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

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

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


Несколько хороших ресурсов для начала:

Кроме того, не используйте школы W3 . Пожалуйста, смотрите W3 Fools для длинного списка причин, почему. Школы W3 будут часто появляться в верхней части результатов поиска, но, пожалуйста, не поддавайтесь искушению использовать его.






web-standards