Азбука языка гипертекстовой разметки задумана для детей дошкольного и младшего школьного возраста. У неё простая цель: познакомить ребят с веб-программированием.
Автор «Азбуки HTML» Сметанин Сергей Егорович, филолог, член Союза писателей России, поэт, автор книги для раннего обучения детей «Фломастеры» из серии «Книжная разминка. Золотая коллекция» издательства «Умница». Сергей Егорович является автором и редактором многих литературных страниц в сети интернет.
Обращение к юным программистам
Дорогие ребята! Я писатель, поэт, автор многих книг стихотворений и интернет-страниц. Язык HTML, с помощью которого компьютеры связаны друг с другом в сети Интернет и образовали огромную всемирную библиотеку, создан в конце прошлого века. Нельзя сказать, что времена бумажных книг и письменной речи закончились, но, благодаря гиперссылкам нового языка, мы можем писать и читать без бумаги.
Перед вами, возможно, первая в мире занимательная азбука гипертекста для малышей. Познакомьтесь с ней, посмотрите, какие буквы латинского алфавита и другие знаки в ней используются. Со временем вы научитесь сами составлять и размещать во всемирной базе данных яркие и полезные странички, а пока вы сможете это делать с помощью ваших пап и мам, старших братьев и сестёр или других родственников и знакомых.
Умение программировать страницы в интернете поможет вам стать более самостоятельными, понять, как правильно пользоваться компьютером, его программами, внешними и внутренними устройствами. Вы научитесь доводить дела до конца, понимать, что в компьютерах правда, а что выдумка, будете не только играть, но и сами создавать тексты и игры, рисовать, составлять таблицы и списки, пользоваться электронной почтой и поисковыми машинами.
А это поможет вам весело и с пользой проводить время, хорошо учиться в школе, не просто слушаться родителей, но и заметно помогать им.
Стихи, которые написаны для каждой буквы в азбуке, помогут вам запомнить и разобраться в тегах. Это интересные и захватывающие понятия, без которых нельзя обойтись, изучая язык HTML.
Желаю вам удачи и всего самого доброго!
Член Союза писателей России,
поэт Сергей Сметанин
http://www.proza.ru/2013/06/29/1688
Аа <a href="http://"></a>
Самый главный тэг страницы.
Гиперссылка в нём хранится.
Всё, что программист укажет —
Меж собой надёжно свяжет.
http://www.proza.ru/2013/06/29/1691
Bb <body></body>
А в тэге "боди" разместится
Вся наша главная страница.
Увидим мы на серединке
Слова и яркие картинки.
http://www.proza.ru/2013/07/01/1248
Cc <cite></cite>
А этот тэг, удачно понят,
Немного буковки наклонит.
http://www.proza.ru/2013/07/01/1250
Dd <div></div>
Тэг "див" у нас завёл привычку
На части поделить страничку.
http://www.proza.ru/2013/07/01/1253
Ee <em></em>
С тэгом "эм" пишу красивым
Удивительным курсивом.
http://www.proza.ru/2013/07/01/1257
Ff <figure></figure>
Мы с этим тэгом не рисуем,
А элементы группируем.
http://www.proza.ru/2013/07/02/2
Hh <h1></h1>
С тэгом "эйч" без подготовки,
Выделяем заголовки.
http://www.proza.ru/2013/07/02/1184
Ii <img />
С этим тэгом не скучаем,
А картинку размещаем.
http://www.proza.ru/2013/07/02/1546
Kk <kbd></kbd>
А этим тэгом заданы
Все буквы равной ширины.
http://www.proza.ru/2013/07/03/1764
Ll <li></li>
С тэгом "ли" составим списки
Мы по-русски и английски.
http://www.proza.ru/2013/07/03/1782
Mm <map></map>
Тэг "мэп"— окошко раскрывает
И карту мира представляет.
http://www.proza.ru/2013/07/03/1906
Nn <nav></nav>
Тэг "нэв". Он следует привычке
Связать готовые странички.
http://www.proza.ru/2013/07/04/957
Oo <option></option>
Тэг "опшен" здесь немало стоит.
Он ловко список нам раскроет!
http://www.proza.ru/2013/07/04/963
Pp <pre></pre>
С этим тэгом вы прочтёте
Буквы, как в своём блокноте.
http://www.proza.ru/2013/07/04/1700
Qq <q></q>
А таким значком, ребята,
Выделяется цитата.
http://www.proza.ru/2013/07/04/1711
Ss <small></small>
Тэг "смол" работает отлично,
С ним буквы меньше, чем обычно.
http://www.proza.ru/2013/07/04/1720
Tt <table></table>
Тэг "тэйбл" отлично пригодится,
Когда готовится таблица.
http://www.proza.ru/2013/07/04/1729
Uu <ul></ul>
А этот тэг работе близок,
Когда составить нужно список.
http://www.proza.ru/2013/07/04/1728
Vv <video></video>
А с этим тэгом, ты заметь,
Мы можем видео смотреть.
Эти цитаты и ссылки, возможно, окажутся полезными для старших, тех, кто будет помогать юным программистам:
База и Генератор Образовательных Ресурсов (МГТУ им. Н.Э. Баумана)
http://unium.ru/kursy/kompjuternye_dlya_detey/html/
Федеральная сеть образовательных центров Юниум
Web-дизайн и язык HTML для школьников
Курс «Web-дизайн и язык HTML для школьников» – первая ступенька на пути создания новых mail.ru, vkontakte.ru или даже google.com. Учащиеся будут создавать свои интернет-сайты – сначала простые, а затем уже достаточно сложные, с применением современных технологий.
Gi-akademie.com (Web-дизайн)
http://gi-akademie.com/ru/online_coursers/2228/
Когда мы произносим словосочетание веб-дизайн, то подразумеваем одно из многочисленных направлений обширнейшего понятия – дизайн. Первая половина этого словосочетания является одной составляющей из знаменитой троицы (www – всемирная паутина).
Именно она и служит определяющей частью, показывающей, что собственно сам дизайн, относится к интернету.
Понятие web-дизайн представляет собой вид графического оформления материала, применяемого в интернете и направленного на планирование, подготовку, оформление и изготовление, той информационной среды, которая активно применяется в интернете.
ГОО ДПО «ИНСТИТУТ ПОВЫШЕНИЯ КВАЛИФИКАЦИИ – РМЦПК»
http://www.rmc.edu.ru/course/4/32/
Учебный курс
Основы Web - дизайна
Учебный курс состоит из трех модулей: графические пакеты, проектирование web-сайтов и web-маркетинг. Углубленно изучаются язык разметки HTML, каскадные таблицы стилей CSS, возможности клиентских сценариев JavaScript и VBScript.
Программы для веб-дизайна
http://www.lki.ru/text.php?id=3684
Веб-дизайн — одно из наиболее разносторонних человеческих занятий. С одной стороны, правила языка разметки гипертекста — HTML — крайне просты, и за пару дней любой способен выучить их основы. С другой стороны, существует масса технических тонкостей, хитростей и подводных камней, достаточных для превращения хорошей работы в бесполезный набор текста.
Одновременно стоит задача удобно и наглядно разместить данные на странице — а это уже доступно далеко не всем. Наконец, сайт должен быть просто красивым, то есть программист обязан стать и художником...
Создать простую веб-страничку можно и за пять минут — а совершенствоваться необходимо годы. Кроме того, опубликованная работа открыта для всех желающих — и, в отличие от других областей программирования, в этой почти нет «секретов цеха».
Азбука HTML
http://ruspoetry.narod.ru/azbuka/azbu.htm
Зайчик и ёжик
(Сказка автора с элементами интерактивности)
http://flomasteris.narod.ru/sajjog.html