Веб-технологии. Что включить в изучение HTML? / Учебный процесс в IT / Хабрахабр

Веб-технологии. Что включить в изучение HTML?

HTML — это наше все. В уже дважды обсуждавшемся тут базовом курсе по веб-технологиям (Лекция 2 и все готовые лекции в одном файле, Структура курса) эта тема, конечно, присутствует.

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

Прошу хабражителей помочь определиться с главным: что по теме HTML должен знать будущий профессиональный технолог (практическая работа — верстка psd-макета в XHTML).

Под катом — цели преподавания HTML и программа-максимум по структуре лекции (предел — 2 пары, т.е. 3 астрономических часа).

Лекция 3. HTML и CSS.
3.1 Цель

Целями изучения данного раздела веб-технологий являются:
— ознакомление технологов с задачами гипертекстовой разметки
— обзор структуры языка, его возможностей, современного состояния, перспектив.
— создание широкой базы знаний и понятий для быстрого освоения более специальных аспектов web-технологий

3.2 Определение, задачи
3.3 Место языка HTML в иерархии форматов данных. SGML->HTML. SGML->XML->XHTML
3.4 История
3.5 Спецификации. HTML 4.1, HTML 5.0
3.6 Структура, синтаксис, возможности языка HTML
3.7 HTML и XHTML. Различия, подверсии, совместимость.
3.8 CSS: CSS1, CSS 2, CSS2.1, CSS3.0, Поддержка браузерами
3.9 Верстка. Технологии, методы, правила.
3.10 Разделение данных, логики и представлений. XML, XSLT и HTML
3.11 DOM. Рекомендации W3C. Различия в браузерах. Практическое применение. Прикладные средства на примере FF Dom Inspector
3.12 DHTML и понятие об AJAX
3.13 Литература.

Что бы лично Вы добавили или убрали?
upd: Понимаю, что материала крайне много, поэтому и прошу ответить на вопрос — что для студента университета, изучающего основы веб-технологий, самое важное в этом материале?
Спасибо за помощь и участие.

+15

29 сентября 2008, 08:44

stepan_ovchinnikov

Только зарегистрированные пользователи могут оставлять комментарии. Войдите, пожалуйста.

комментарии (27)

+13

kostos 29 сентября 2008, 09:12 #

Вы пытаетесь впихнуть невпихуемое.
2 пары — это не реально

kostos 29 сентября 2008, 09:22 #

Если исходить из столь ограниченного времени я бы оставил пункты: 3.2, 3.4, 3.5 (только html 4.1), 3.6, 3.7, 3.8 (без css1 и css3), 3.9, 3.13.

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

404 29 сентября 2008, 10:38 #

Вы не сможете рассказать и о структуре/синтаксисе/истории и о вёрстке в. У меня на это уходит три лекции по 4 академических часа.

Я бы убрал весь этот рассказ про историю и оставил только текущие проблемы, CSS 3, DHTML и Ajax — в качестве бонуса, если останется время. Прикладные вещи — им место на практических занятиях, равно как и методам вёрстки.

not_ice 29 сентября 2008, 12:32 #

С таким хронометражем от всех ваших благих намерений останется только типичная куцая программа спецкурсов по «web-дизайну» :( за 3 часа ну не научить среднестатистического студента нарезать хорошие шаблоны из psd. ибо он для этого как минимум уже должен владеть основами фотошопа, оптимизации изображений для веба и приличным ворохом «ноу-хау» по нарезке бекграундов, работы с прозрачными гифами и пнг и прочему.

croatian 29 сентября 2008, 12:42 #

Убрал бы слово «верстка». Не знаю почему, но мне кажется в плане HTML оно не очень подходит. Например, не верстальщик, но веб–технолог;

HTML 5.0 — думаю немного рановато. То же самое касается CSS 3.0. Добавляя к этому XML+XSLT вы рискуете создать кашу в голове студентов, еще и AJAX тут же.

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

К тому же «верстка» требует знаний работы с редактором.

BisnoyZakat 29 сентября 2008, 12:45 #

Ваше бы желание да в правильное русло… к примеру частное преподавание… где вас не будут ограничивать в часах… и быть может вы будущих верстальщиком и веб дизайнеров направите в правильное русло)

XXXVII 29 сентября 2008, 12:50 #

Расскажите просто основы html-верстки, покажите синтаксис html и важность семантически выстроенного кода. Покажите правильный и неправильный стили верстки. Так Вы сможете принести практическую ценность студентам. Иначе они просто пропустят Ваш огромный поток информации, сжатый до рамок учебного процесса.

НЛО прилетело и опубликовало эту надпись здесь

andrew_b 29 сентября 2008, 14:53 # ↑

Скажу честно, мне никто ни html ни css, ни верстку как таковую никто не преподавал.
Был сам себе и учитель и ученик, да и думаю таких, как я — здесь много.

andrew_b 29 сентября 2008, 15:09 # ↑

Согласен с вами.
Но у нас есть одна проблема. Даже если есть и преподаватель и желание, то всё это опять же упирается в 3 астрономических часа.

4orever 29 сентября 2008, 16:07 # ↑

Университет — не курсы повышения квалификации с набором тезисом и руководством к действию. Нужно дать теоретическую базу (куча информации по верстке — это уже практика, теория — в спецификации) научить пользоваться мозгом, литературой и поисковыми системами. Делать из студента ходячую энциклопедию — бессмысленно. Всех тонкостей и нюансов все равно не передать. Нужно донести суть, дать понять, откуда эти тонкости берутся и почему. Вдолбить с самого начала, что всегда нужно обращаться к первоисточнику и официальной документации (спецификациям).
Что эффективнее — когда на тренингах и курсах под диктовку записываются существующие методики и способы решения задач, или когда на основе полученных знаний хотя бы часть этих методик самостоятельно рождается в голове обучаемого (а уж готовые рецепты и без преподавателя в интернете найдут)?

andrew_b 29 сентября 2008, 14:51 #

с 3.4 по 3.9 — ещё можно.
Но вот и это невозможно освоить за такой период, да что там — промежуток.

rim89 29 сентября 2008, 16:47 #

За 2-3 часа того, что вы указали выше, не изучить, поэтому я б остановился на div`ой верстке с применением фреймворков( причем самых приметивных )

anycolor 29 сентября 2008, 18:23 # ↑

фреймворки — это уже не базовые понятия… Нет смысла про это рассказывать людям, которые на хтмл смотрят как баран на новые ворота (я имею ввиду, что однозначно такие люди будут среди студентов, а программу нужно расчитывать с учетом среднего уровня).

ilyafd 29 сентября 2008, 16:49 #

Я считаю себя не очень опытным, но оставил бы с 3.3 по 3.10, да и то, возможно, этого много, и все не удасться рассмотреть.

AmdY 29 сентября 2008, 17:49 #

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

anycolor 29 сентября 2008, 18:21 #

Оставил бы только введение в HTML и знакомство со стандартами и пояснением, зачем это нужно.

Уже на эти две вещи можно убить 2 пары. Если конечно подходить толково, а не просто сухим начитыванием заниматься.

aosodoev 29 сентября 2008, 18:27 #

Я упирал на разницу в логической разметке и физической.

Для примера показывал две богатые форматированием страницы, которые одинаково выглядят, но одна сверстана практически одним <span> с разными стилями. Другая — с применением логических элементов. Затем показывал их же с отключенным CSS.

В целом, для более глубокого понимания стараюсь объяснить, что с точки зрения отображения в браузере, HTML можно рассматривать как произвольные элементы с некоторой «семантической» нагрузкой и «предустановленными» CSS-правилами, которые в большинстве случаев можно «обнулять» и переопределять как и любые другие.

gentleman 29 сентября 2008, 20:56 #

Ну что тут можно сказать — если будет практическая работа по резке psd->xhtml, то у верстальщиков в вашем городе будут доп. заказы от студентов…

Zitrix 30 сентября 2008, 14:28 #

3.6 :)

Отверстайте страницу с 2-мя заголовками, несколькими параграфами и списком (без форм, таблиц и прочих кастомных сложносоставных блоков). Чуть-чуть стилизуйте (CSS). Вставьте картинку. Вставьте левым блоком меню, объясните, почему меню в HTML идет перед контентом. В оставшийся час покажите что делает getElementById и innerHTML, прикрутите (без объяснений реализации) простейший ajax. 15 минут должно остаться на блиц-рассказ про DOM, XML, средства разработки и, самое главное — список лит-ры для самостоятельного изучения.

PS шутите? А Вас не затруднит эту лекцию записать на видео и выложить куда-нибудь, мне очень интересно как этот план в 3 часа уложится.

WilliamKidd 4 ноября 2008, 19:37 #

Мне вот интересно, что для вас означает слово Disclaimer (пункт 3.1)?

stepan_ovchinnikov 4 ноября 2008, 20:56 # ↑

точное указание, что является, а что не является целью данного этапа работы

WilliamKidd 4 ноября 2008, 21:07 # ↑

вообще-то, дисклеймер — это «отказ от ответственности» (disclaim — отказываться, отступаться), что-то вроде «вы пользуетесь этим на свой страх и риск», en.wikipedia.org/wiki/Disclaimer

stepan_ovchinnikov 4 ноября 2008, 22:29 # ↑

да, вы правы. термин использован неудачно. я почему-то думал что claim это что-то типа цели

Учебный процесс в IT