Куда мне указать кого-нибудь, чтобы изучить основы HTML / CSS? Я лично начал с HTMLGoodies еще в те дни, но хотя я благодарен Кену Бернсу за то, что он заставил меня начать, мне неприятно отправлять кого-то на этот сайт в настоящее время, поскольку я думаю, что он устарел.
Очевидно, существует множество сайтов, которые в совокупности содержат всю необходимую информацию, но куда послать кого-то нового, кого вы не хотите отпугивать?
редактировать:
Я искренне думал, что что-то упустил из-за того, что не использовал w3schools.com, но я вижу, что на трех страницах учебника (как html, так и xhtml) они используют <b></b>. Проклятый позор, что они не поощряют семантику.
Кто-нибудь знает что-то, что сбивает людей с пути?
@koldfyre - жирный шрифт подразумевает эстетику, а не содержание. сильный означает, что это следует читать с убеждением. то же самое касается em (курсив) и тега курсива. Подумайте, как программа чтения с экрана должна читать курсив или полужирный шрифт, и вы поймете, почему это запрещено.
@sergdev - Я согласен с тем, что они не должны вводить стили, но они не должны поощрять жирный шрифт как элемент, когда это один из самых редко используемых элементов в книге. Жирный шрифт - это элемент представления, и семантика / стандарты заставляют нас разделять контент и представление по уважительной причине.
Однако меня раздражают системы, которые переводят <i> в <em>. <i> является семантическим: оно используется для многих грамматических конструкций, таких как названия кораблей, названия книг и обсуждение слов как слов: сравните «Сократ был греческим философом» с «<i> Сократ </i> состоит из восьми букв. ". Я не уверен, являются ли полужирные теги семантически точными.
@ timothy.green.name - Я согласен с тем, что для элемента курсива есть веские причины, и мне нравится, что вы указали на него. Я просто хочу, чтобы обучающие сайты представили его на более позднем, более продвинутом этапе.






Кроме того, никогда не стоит недооценивать силу чтения источника на хорошо написанных веб-сайтах.
Не заслужил отрицательной репутации за это. Чтение разметки других людей было бы моим домашним заданием.
Некоторые люди лучше всего учатся, глядя на что-то, что работает, разбирают это и затем снова собирают в ремиксе. Однако не все так учатся, просто имейте это в виду.
Прочтите эту книгу (Разработка с использованием веб-стандартов Зельдмана)
Я считаю, что Зельдман больше подходит для людей, уже участвующих в игре, хотя вы не должны входить в игру, не прочитав ее.
Собственно, я лично тоже начал с HTMLGoodies. Я думаю, что tizag.com более обновлен.
У меня всего несколько страниц, и я ясно вижу, что это именно то, что я искал. Просто, дружелюбно и точно так же, как HTMLGoodies, но без беспорядка, который они вносили за эти годы. Тем не менее страшный жирный тег
Я рекомендую вам проверить этот более современный сайт snoopcode.com намного лучше, чем w3schools и tizag
Я не могу поверить, сколько людей отвечают с w3schools. Я не мог рекомендовать достаточно, чтобы люди НИКОГДА не упоминали это место снова. Это ужасный ресурс.
Несколько хороших мест:
Дополнение для HTML5:http://diveintohtml5.ep.io/
Не полный, но alistapart.com является обязательным к прочтению для любого веб-разработчика, которого мы нанимаем.
@Mike - Я полностью согласен со списком для дальнейшего чтения, но я явно ищу места, где можно послать целого новичка, которого я не хочу запугать. HTML - это легко, но вам нужно преодолеть эту первую горку.
И +1 за все книги, которые пишет Джеффри Зельдман.
Я люблю A List Apart. Мы только что наняли нового дизайнера для иллюстраций / логотипов и прочего. Он изрядно использовал флеш, но никогда раньше не работал в Интернете. Я указал ему на A List Apart.
Почему вам так не нравится W3Schools? Они на самом деле довольно хороши, чтобы понять основы. Если вы новичок в HTML и др. то я полностью рекомендую W3Schools для HTML и CSS. Если вы хотите большего, я рекомендую поискать в Google, как люди решили вашу проблему. Поэтому я подчеркиваю, что сначала нужно научиться основам W3, а затем, когда вам это понадобится, погуглить конкретные вещи. Думаю, каждому свое.
Не могу поверить, что здесь люди рекомендуют W3Schools. Это последнее место, куда я бы порекомендовал пойти.
Единственное место, куда я бы порекомендовал пользователю отправиться, - это SitePoint. Многие статьи нацелены на продвинутых пользователей, хотя само качество форума и статьи для начинающих слишком хороши, чтобы пройти мимо. Я также согласен с рекомендациями Майка как с местами для отправки полного новичка.
Что касается практических навыков, то я бы порекомендовал открыть текстовый редактор или хорошую IDE в режиме текстового редактора и просто написать веб-сайт, чтобы посмотреть, что произойдет. Перейдите на страницу Веб-дизайн с открытым исходным кодом и посмотрите, как другие создали базовые макеты, а затем примените этот навык к своим.
HtmlDog имеет хороший набор руководств для начинающих, средних и продвинутых пользователей. В нем также есть полезные ссылки по всем вопросам, связанным с HTML и CSS.
хорошо выглядит, начинается на правой ноге
I can't believe that people here are recommending W3Schools. That's the last place I would recommend anyone to go. For me its a great... Maybe isn't "the" reference website, but is a very good and practical cheatsheat about html and stuff...
Раздел htmldom для меня один из лучших ...
Если вам нужна ссылка, то лучшим местом является сама спецификация. Как только вы почувствуете структуру, прочтете и протестируете достаточно исходного кода с других сайтов, вы более чем сможете написать свой собственный.
@MikeB Сама спецификация похожа на чтение юридического документа. Слишком сложно просто выучить несколько вещей. Я прибегаю к спецификации только тогда, когда не уверен, действительна ли моя разметка.
Мне очень нравится yourHTMLsource. Quirksmode и AlistApart великолепны. А Аяксиан - это более продвинутый и широкий ресурс вещей. Я начал с w3schools, но вскоре стал тем сайтом, которого я больше всего избегаю.
Если вы говорите по-немецки, лучший сайт для изучения HTML: http://selfhtml.org
Почему нет ссылки? selfhtml.org.
Чтобы ответы на этот вопрос были актуальными, по состоянию на 2011 год Учебная программа Opera Web является лучшим способом изучить интерфейсную веб-разработку. Он всеобъемлющий, поощряет передовой опыт и, как правило, является превосходным ресурсом для тех, кто совершенно не знаком с этой областью.
Думаю, стоит проверить www.tutorialrepublic.com. На этом сайте есть отличные руководства по HTML / CSS. Я изучил HTML / CSS с этого сайта, и мне это очень нравится, они очень четко объясняют тему.
> они используют <b> </b>, это действительно упрощает изучение html этим. Если они с самого начала используют какой-либо идентификатор, классы и ссылки на таблицы стилей css, это может вызвать трудности в понимании базовых концепций html.