Азбука языка гипертекстовой разметки задумана для детей дошкольного и младшего школьного возраста. У неё простая цель: познакомить ребят с веб-программированием.
Автор «Азбуки HTML» Сметанин Сергей Егорович, филолог, член Союза писателей России, поэт, автор книги для раннего обучения детей «Фломастеры» из серии «Книжная разминка. Золотая коллекция» издательства «Умница». Сергей Егорович является автором и редактором многих литературных страниц в сети интернет.
Обращение к юным программистам
Дорогие ребята! Я писатель, поэт, автор многих книг стихотворений и интернет-страниц. Язык HTML, с помощью которого компьютеры связаны друг с другом в сети Интернет и образовали огромную всемирную библиотеку, создан в конце прошлого века. Нельзя сказать, что времена бумажных книг и письменной речи закончились, но, благодаря гиперссылкам нового языка, мы можем писать и читать без бумаги.
Перед вами, возможно, первая в мире занимательная азбука гипертекста для малышей. Познакомьтесь с ней, посмотрите, какие буквы латинского алфавита и другие знаки в ней используются. Со временем вы научитесь сами составлять и размещать во всемирной базе данных яркие и полезные странички, а пока вы сможете это делать с помощью ваших пап и мам, старших братьев и сестёр или других родственников и знакомых.
Умение программировать страницы в интернете поможет вам стать более самостоятельными, понять, как правильно пользоваться компьютером, его программами, внешними и внутренними устройствами. Вы научитесь доводить дела до конца, понимать, что в компьютерах правда, а что выдумка, будете не только играть, но и сами создавать тексты и игры, рисовать, составлять таблицы и списки, пользоваться электронной почтой и поисковыми машинами.
А это поможет вам весело и с пользой проводить время, хорошо учиться в школе, не просто слушаться родителей, но и заметно помогать им.
Стихи, которые написаны для каждой буквы в азбуке, помогут вам запомнить и разобраться в тегах. Это интересные и захватывающие понятия, без которых нельзя обойтись, изучая язык HTML.
Желаю вам удачи и всего самого доброго!
Член Союза писателей России,
поэт Сергей Сметанин
http://www.stihi.ru/2013/06/29/7936
Аа <a href="http://"></a>
Самый главный тэг страницы.
Гиперссылка в нём хранится.
Всё, что программист укажет —
Меж собой надёжно свяжет.
http://www.stihi.ru/2013/06/29/8470
Bb <body></body>
А в тэге "боди" разместится
Вся наша главная страница.
Увидим мы на серединке
Слова и яркие картинки.
http://www.stihi.ru/2013/06/30/5527
Cc <cite></cite>
А этот тэг, удачно понят,
Немного буковки наклонит.
http://www.stihi.ru/2013/06/30/5656
Dd <div></div>
Тэг "див" у нас завёл привычку
На части поделить страничку.
http://www.stihi.ru/2013/07/01/4461
Ee <em></em>
С тэгом "эм" пишу красивым
Удивительным курсивом.
http://www.stihi.ru/2013/07/01/5324
Ff <figure></figure>
Мы с этим тэгом не рисуем,
А элементы группируем.
http://www.stihi.ru/2013/07/01/10368
Hh <h1></h1>
С тэгом "эйч" без подготовки,
Выделяем заголовки.
http://www.stihi.ru/2013/07/02/5903
Ii <img />
С этим тэгом не скучаем,
А картинку размещаем.
http://www.stihi.ru/2013/07/02/8332
Kk <kbd></kbd>
А этим тэгом заданы
Все буквы равной ширины.
http://www.stihi.ru/2013/07/03/8420
Ll <li></li>
С тэгом "ли" составим списки
Мы по-русски и английски.
http://www.stihi.ru/2013/07/03/8574
Mm <map></map>
Тэг "мэп"— окошко раскрывает
И карту мира представляет.
http://www.stihi.ru/2013/07/03/9334
Nn <nav></nav>
Тэг "нэв". Он следует привычке
Связать готовые странички.
http://www.stihi.ru/2013/07/04/5349
Oo <option></option>
Тэг "опшен" здесь немало стоит.
Он ловко список нам раскроет!
http://www.stihi.ru/2013/07/04/5330
Pp <pre></pre>
С этим тэгом вы прочтёте
Буквы, как в своём блокноте.
http://www.stihi.ru/2013/07/04/8798
Qq <q></q>
А таким значком, ребята,
Выделяется цитата.
http://www.stihi.ru/2013/07/04/8833
Ss <small></small>
Тэг "смол" работает отлично,
С ним буквы меньше, чем обычно.
http://www.stihi.ru/2013/07/04/8869
Tt <table></table>
Тэг "тэйбл" отлично пригодится,
Когда готовится таблица.
http://www.stihi.ru/2013/07/04/8937
Uu <ul></ul>
А этот тэг работе близок,
Когда составить нужно список.
http://www.stihi.ru/2013/07/04/8912
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