voeto.ru страница 1
скачать файл
Открытый урок на тему: «Современное направление в сайтостроении».

Емельянова Зоя Германовна, учитель информатики и ИКТ

Урок «Современное направление в сайтостроении» в 11-м классе является шестым в серии уроков по теме «Моделирование и формализация».



Тип урока: урок изучения нового материала.

Цели урока:

  • знакомство с современными направлениями в сайтостроении; с возможностями ИКТ и применением их на практике;

  • формирование информационных компетентностей, учебно-познавательных и общекультурных компетентностей обучающихся;

  • формирование готовности к саморазвитию.

Задачи урока

  • образовательные

    • знакомство с механизмом добавления в документ структуры и форматирования его средствами внутренней таблицы стилей;

    • знакомство с элементами современной блочной верстки (XHTML) и каскадной таблицы стилей(CSS);

    • обогащение словарного запаса при изучении новых понятий;

    • восприятие и применение новых знаний для решения практических задач.

  • развивающие

    • формирование познавательного интереса, творческой активности обучающихся;

    • формирование картины мира, адекватной современному уровню знаний;

    • развитие умения анализировать, сравнивать, делать выводы.

  • воспитательные –

    • выработка организованности и самостоятельности при выполнении практической работы;

    • формирование культуры отношений в процессе выполнения работы;

Оборудование, программное обеспечение и дидактические материалы:

  1. Компьютерный класс, проектор.

  2. Текстовый редактор Notepad++ (free), браузер IE.

  3. Презентация: «Современные направления в сайтостроении» (Приложение 1).

  4. Практическая работа (Приложение 2)

План урока:

  1. Организационный момент – 2 мин.

  2. Определение целей урока (мотивационное начало занятия)– 2 мин.

  3. Изучение нового материала. – 15 мин.

  4. Выполнение практической работы. – 20 мин.

  5. Подведение итогов урока. Рефлексия. – 5 мин.

  6. Постановка задач на следующий урок. -1 мин.

  7. Постановка домашнего задания. – 1 мин.

Ход урока:

  1. Организационный момент.

Приветствие учащихся.

  1. Определение целей урока.

Осваивая тему «Моделирование и формализация» мы с вами уже создавали и исследовали компьютерные математические модели («Графический метод решения уравнений», «Исследование функции»), физические модели («Движение тела вертикально вверх», «Движение тела под углом к горизонту»), модель по информатике («Калькулятор для перевода чисел в позиционных системах счисления»).

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



Цели урока выясняются в процессе эвристической беседы:

  • Какие способы создания web-страниц вам известны? (всевозможные конструкторы сайтов, специальные программы: Microsoft Front Page, HTML-редактор Macromedia Dreamweaver; язык HTML);

  • Как расшифровывается HTML (HyperText Markup Language )? (Язык гипертекстовой разметки документов);

  • Его назначение? (Это язык управления программой, предназначенной для просмотра web-документов);

  • Как называются программы для просмотра web-страниц? (браузеры).

  • Что вы слышали о «войне браузеров»? (различные браузеры по-разному отображают web-страницы);

  • Что происходило с вашими web-страницами при изменении размеров, разрешения экрана? (текст «разваливался»);

Итак, есть проблемы. Необходимо решить следующие задачи:

  • Текст не должен «разваливаться» при изменении размеров;

  • Страница должна нормально отображаться разными браузерами.

Сегодня мы познакомимся с их решением.

  1. Изучение нового материала.

В настоящее время эти задачи решены.

1 слайд Вашему вниманию предлагается презентация: «Современные направления сайтостроения» (Приложение 1).

2 слайд. План презентации.

3слайд.

  • Мировым сообществом были признаны технологии, одобренные консорциумом World Wide Web Consortium (W3C), получившие общее название «стандарты Web».

  • В их число входят HTML, XHTML, XML и CSS.

  • Таким образом, современное направление сайтостроения определено как создание сайтов по стандартам W3C.

Но обо всём по порядку.

4 слайд.

  • В конце 1990-х годов Всемирная паутина была диким и опасным фронтиром.

  • Дизайнерам приходилось действовать методом проб и ошибок, «раздвигать границы неизведанного».

5 слайд

  • HTML возник как простой язык для разметки научных статей.

  • Поставщики браузеров и графические дизайнеры, не найдя там средств для верстки, с презрением отвергли его.

  • Правильность структуры игнорировали в угоду визуальному украшению сайта.

  • Microsoft и Netscape нагромождали одно нестандартное решение на другое, стремясь обойти друг друга в знаменитой Войне Браузеров.

  • В результате Веб-мастера были вынуждены поддерживать несколько версий сайта.

6 слайд

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

  • Те, кто сохранил работу, быстро поняли, что лишние усилия, затрачиваемые на написание кода для некорректно работающих и нестандартных браузеров, не окупаются.

  • Была создана организация, объединившая широкие массы веб-дизайнеров и получившая название Web Standards Project (или WaSP, www.webstandards.org).

  • Она убеждала основных на тот момент производителей браузеров привести свои сильно отличающиеся программы в соответствие с «Рекомендациями», которые выпускал консорциум W3C.

7 слайд. Зачем же нужны стандарты?

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

  • Все это было учтено в различных рекомендациях, в частности HTML 4.01, XHTML, CSS (каскадных таблицах стилей), названных

8 слайд. Технологии WEB.

  • Эти технологии были с восторгом приняты дизайнерами и программистами, объединившимися в проекте Web Standards Project.

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

Давайте разбираться.

9 слайд.

  • HTML и XHTML определяют синтаксис и правила употребления тегов, которые указывают браузеру, как надо отобразить содержимое документа.

  • Кроме того, эти языки позволяют сделать документ интерактивным с помощью гипертекстовых ссылок.

10 слайд.

  • HTML основан на SGML, стандартном обобщённом языке разметки, который оказался так всеобъемлющ, что у простых смертных не было возможности им пользоваться.

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

11 слайд.

  • Осознав это, консорциум W3C определил расширяемый язык разметки XML.

  • Вернее, средство для создания языков разметки, специальную технологию, на основе которой различные организации могут создавать собственные специализированные языки разметки (чтобы отображать ноты, химические формулы и т.п.) и подключать другие приложения (например, СУБД)

12 слайд.

  • Т.к HTML версии 4.01 не соответствовал стандарту XML консорциум W3C предложил новый язык разметки XHTML, переработав HTML 4.01 в соответствии с требованиями XML.

13 слайд.

На этой схеме показана эволюция «стандартов web».

14 слайд. Надо помнить, что

  • HTML/XHTML созданы, чтобы структурировать документы, а вовсе не для форматирования их перед отображением.

  • Поэтому так важен сопровождающий стандарт CSS, отвечающий за внешний вид.

15 слайд.

  • Идея была в том, чтобы разделить структуру и оформление web-страниц.

  • Язык XHTML «отвечает» за структуру и содержание, а каскадная таблица стилей (CSS) – за внешний вид web-страниц.

16 слайд.

  • Правильное структурирование документа НТМL (семантика) в том и состоит - выбирать элементы, основываясь на их предназначении, а не на внешнем виде.

  • Т.к. таблицы стилей следует применять к правильному, хорошо семантически структурированному документу.

17 слайд. По большому счёту, создание XHTML–документа ничем не отличается от создания HTML–документа, нужно лишь придерживаться некоторых правил.

Правила соответствия XHTML–файла стандартам XML:



    • Страница должна начинаться с описания типа документа DOCTYPE.

    • Надо задавать язык и кодировку символов.

    • На каждой странице должен быть элемент с содержательным заголовком. <br /><li> <br />Теги и их атрибуты должны быть написаны в нижнем регистре. Это же касается <body>. <br /><li> <br />Для атрибутов тeгов требуются кавычки. <br /><li> <br />Все теги (даже пустые) должны быть закрыты. <br /></ul> </ul> <br /><i>и некоторые другие.</i> <br /> <br /><b>18 слайд.</b> <p>Элементы DIV и SPAN вместе с атрибутами id и class обеспечивают общий механизм добавления в документы структуры.</p> <br /> <br /><i>DIV – это блок, внутри которого могут располагаться другие элементы.</i> <br /> <br /><b>19 слайд.</b> <p>Эти элементы определяют встраиваемую информацию (SPAN) или информацию уровня блока (DIV), но не налагают никаких других выражений для представления контекста.</p> <br /> <br /><i>Если добавить к элементам идентифицирующие атрибуты (<b>id</b> и <b>class</b>), то позднее на них можно будет сослаться из таблицы стилей или из сценария на языке JavaScript. </i> <br /> <br /><i>Атрибут <b>class</b> с одним и тем же значением может встречаться у разных элементов на странице, тогда как каждое значение атрибута <b>id</b> в пределах страницы должно быть уникальным.</i> <br /> <br /><i>Познакомимся теперь с каскадными таблицами стилей.</i> <br /> <br /><b>20 слайд.</b> <br /><ul> <li> <br /><u>Стиль</u> – это правило, которое указывает браузеру, как выводить содержимое определённого элемента HTML/XHTML. <br /><li> <br /><u>Таблица стилей </u>– это ряд определённых стилей. <br /><li> <br /><u>CSS</u><u> - Cascading Style Sheets (каскадные таблицы стилей) </u>— это средство, позволяющее задавать различные визуальные свойства HTML-элементам. <br /><li> <br />CSS отличается от XHTML (HTML) тем, что это совершенно другой язык, предназначенный для изменения и улучшения отображения web-страниц. <br /><li> <br />CSS обеспечивает творческую свободу в разметке и дизайне web-страниц. <br /></ul> <br /><b>21 слайд.</b> <br /><ul> <li> <br />Таблицы стилей определяются в HTML-документе следующими методами: <br /><ul> <li> <br />связывания (внешняя таблица стилей), <br /><li> <br />вложения, <br /><li> <br />встраивания. <br /></ul> </ul> <br /><i>Мы будем использовать методы вложения и встраивания.</i> <br /> <br /><b>22 слайд</b>. <i>Метод вложения.</i> <br /> <br /><i>Внутренняя таблица стилей размещается в заголовочной части отдельной web-страницы с помощью элемента <<b>style</b><b>>…<</b><b>style</b><b>/></b></i> <br /> <br /><b>23 слайд</b>.<i> Метод встраивания.</i> <br /> <br /><i>Этот метод используется для определения стиля одного элемента.</i> <br /> <br /><i>Он имеет приоритет в отношении стилей, определённых во внешних и внутренних таблицах. </i> <br /> <br /><b>24 слайд</b>. <br /> <br /><i>Посмотрите на примеры.</i> <br /> <br /><b>25 слайд.</b> <br /> <br /><i>Определенный стиль привязывается к селектору, в роли которого может выступать тег, класс и идентификатор, а в скобках указываются форматирующие свойства и их значения.</i> <br /><ul> <li> <br />Описание стиля, например, для тега абзаца, записывается так: <br /></ul> <br /><b>p{color: red; font-size: 16px;}</b> <p>p - селектор, {color: red; font-size: 16px;} – блок объявлений,</p> <p>свойство значение свойство значение <br /> <br /><b>26 слайд.</b> <br /> <br /><i>Стили можно разделить на группы: </i>оформление текстовых элементов, цвета и фона, отступов и рамок и др. <br /> <br /><b>27 слайд. </b><i> Подведём итоги.</i> <br /><ul> <li> <br />Современное направление сайтостроения определено как создание сайтов по стандартам W3C. <br /><li> <br />Основное достоинство дизайна на основе CSS состоит в том, что таблицы стилей можно присоединить к имеющемуся хорошо структурированному документу, дабы сделать его визуально привлекательным. <br /><li> <br />Поэтому до составления таблицы стилей необходимо определиться с правильной разметкой (HTML/XHTML) своей веб-страницы. <br /><li> <br />Элементы DIV и SPAN вместе с атрибутами id и class обеспечивают общий механизм добавления в документы структуры. <br /><li> <br />Таблицы стилей определяются в HTML-документе методами связывания, вложения и встраивания. <br /><li> <br />Определенный стиль привязывается к селектору, в роли которого может выступать тег, класс и идентификатор. <br /><li> <br />Стили можно разделить на группы: оформления текстовых элементов, цвета и фона, отступов и рамок и др. <br /><li> <br />При использовании правильной разметки и стилей изображение web-страницы становится «резиновым». <br /></ul> <br /><i>Переходим к практической работе.</i> <br /><ol start=4> <li> <br /><b>Практическая работа.</b> <br /></ol> <br /><i>Попробуем создать веб-страницу по новым правилам (создаём компьютерную модель, экспериментируем и делаем выводы). По ходу работы попрошу вас делать в тетради элементарные пометки по схеме: структурный элемент, № рисунка, изменения.</i> </p> <p>Учащиеся преимущественно самостоятельно выполняют работу. Учитель выступает в роли наблюдателя-консультанта. Содержание практической работы см. в <u><b>Приложении 2</b></u>.</p> <br /><ol start=5> <li> <br /><b>Подведение итогов урока. Рефлексия.</b> <br /></ol> <br /><span><i><u>Фронтальная беседа</u></i>: что сегодня узнали на уроке, чему научились.</span> <br /><ol start=6> <li> <br /><b>Постановка задач на следующий урок.</b> <br /></ol> <br /><i>На следующем уроке мы продолжим работу по оформлению титульной страницы: научимся создавать и оформлять ссылки.</i> <br /><ol start=7> <li> <br /><b>Домашнее задание.</b> <br /></ol> <br /><i>Разработайте эскиз титульной страницы собственного сайта (начинается работа по выполнению индивидуального проекта).</i> <br /> <br /><u><b>Приложение 2.</b></u> <br /> <br /><b><u>Практическая работа</u>: «Создание web-страницы с использованием языка современной блочной вёрстки (XHTML) и внутренней таблицы стилей (CSS)»</b> <br /> <br /><u>Дано</u>: index.html; <br /> <br /><u>Получить</u>: new.html <p>При выполнении работы используем общий механизм добавления в документ структуры с последующим применением элементов внутренней таблицы стилей.</p> <br /> <br /><b>Ход работы:</b> <br /><ol> <li> <br />Создать папку “<b>site</b>” в папке с вашей фамилией. <br /><li> <br />Скопировать в неё файл <b>index</b><b>.</b><b>html</b> из папки «<b>Компьютер</b>». <br /><li> <br />Удалив ссылки, панель навигации и адресную строку, сохранить файл как <b>new</b><b>.</b><b>html</b>. <br /><li> <br />Открыть с помощью <b>Notepad</b><b>++. </b>Запустить просмотр в браузере <b>IE</b><b>: </b><i><u>рис.1</u></i>. <br /></ol> <br /><img src="1.png" align=bottom width="255px" height="191px" border=0> <br /><ol start=5> <li> <br />В заголовочной части web-страницы прописать <b><style type="text/css"></b>, организуя внутреннюю таблицу стилей. Закрыть тэг <b></style></b>. <br /><li> <br /><u>Для всего рабочего поля</u> в браузере создать селектор CSS в созданном style: <br /></ol> <br /><b>body{ margin: 5px 10px 5px 5px; background-color: silver;}.</b> <p>сохранить <b>new</b><b>.</b><b>html</b><b>, </b>просмотреть отображение в браузере, нажав кнопку «Обновить»: <i><u>рис.2.</u></i></p> <br /> <br /><u><img src="2.png" align=bottom width="252px" height="189px" border=0></u> <br /><ol start=7> <li> <br /><u>Для всей web-страницы </u> <br /><ol> <li> <br />в части “body” разметить структуру c помощью тегов <div>, открывая:<b><</b><b>div</b><b>></b> и закрывая: <b></</b><b>div</b><b>> </b>их<b>;</b> <br /><li> <br />присвоить данному элементу структуры идентификатор только для одного элемента: <b>id</b><b>="</b><b>content</b><b>"</b> <br /><li> <br />создать для данного элемента структуры id-селектор: <br /></ol> </ol> <br /><b>#content{ margin: 5px 50px 5px 5px; padding: 5px; background-color: blue;}</b> <br /><ol> <ol start=4> <li> <br />сохранить <b>new</b><b>.</b><b>html</b><b>, </b>просмотреть отображение в браузере: <i><u>рис.3.</u></i> <br /></ol> </ol> <br /><u><img src="3.png" align=bottom width="245px" height="184px" border=0></u> <br /><ol start=8> <li> <br /><u>Для пробной строчки «Всё о компьютере»</u> <br /><ol> <li> <br />в части “body” разметить структуру c помощью тегов <div>, открывая:<b><</b><b>div</b><b>></b> и закрывая: <b></</b><b>div</b><b>> </b>их<b>;</b> <br /><li> <br />присвоить данному элементу структуры идентификатор для множества элементов: <b>class</b><b>="size"</b> <br /><li> <br />создать для данного элемента структуры селектор класса: <br /></ol> </ol> <br /><b>.size{color: red; font-family: Arial; background-color: silver;}</b> <br /><ol> <ol start=4> <li> <br />сохранить <b>new</b><b>.</b><b>html</b><b>, </b>просмотреть отображение в браузере: <i><u>рис.4.</u></i> <br /></ol> </ol> <br /><u><img src="4.png" align=bottom width="254px" height="191px" border=0></u> <br /><ol start=9> <li> <br /><u>Для горизонтальной линии</u> <br /><ol> <li> <br />закомментировать в виде hr</span>--> <br /><li> <br />создать элемент структуры, присвоив ему идентификатор: <br /></ol> </ol> <br /><b><div id="line"><img src="5.jpg" width="100%" height="5" hspace="0" vspace="0"></div></b> <br /><ol> <ol start=3> <li> <br />создать для данного элемента структуры id-селектор<b>: # </b><b>line</b><b>{</b><b>margin</b><b>: 0</b><b>px</b><b>; </b><b>padding</b><b>: 0</b><b>px</b><b>;</b>} <br /><li> <br />сохранить <b>new</b><b>.</b><b>html</b><b>, </b>просмотреть отображение в браузере: <i><u>рис.5.</u></i> <br /></ol> </ol> <br /><u><img src="6.png" align=bottom width="253px" height="190px" border=0></u> <br /><ol start=10> <li> <br /><u>Для заголовка h1</u> <br /><ol> <li> <br />закомментировать в виде <br /></ol> </ol> <br />элементы <b><</b><b>font</b><b>>… </</b><b>font</b><b>></b> и <u>h</u><u>1</u>: <b><h2>… всё о компьютере</h2></b> <br /><ol> <ol start=2> <li> <br />создать для всех заголовков типа селектор<u> </u><u>h</u><u>1</u>: <br /></ol> </ol> <br /><b>h1{text-align:center;color:green;font:30px tahoma;}</b> <br /><ol> <ol start=3> <li> <br />сохранить <b>new</b><b>.</b><b>html</b><b>, </b>посмотреть отображение в браузере: <i><u>рис.6.</u></i> <br /></ol> </ol> <br /><img src="7.png" align=bottom width="278px" height="209px" border=0> <br /><ol start=11> <li> <br /><u>Вставить </u><b><hr color="green"/>. </b>Обратить внимание на /. <br /><ol> <li> <br />сохранить <b>new</b><b>.</b><b>html</b><b>, </b>просмотреть отображение в браузере: <i><u>рис.7.</u></i> <br /></ol> </ol> <br /><u><img src="8.png" align=bottom width="282px" height="211px" border=0></u> <br /><ol start=12> <li> <br /><u>Для заголовков «Всё о компьютере» разных размеров, начиная с h2</u> <br /><ol> <li> <br />создать блочный элемент структуры <b><</b><b>div</b><b>>…..</</b><b>div</b><b>> ;</b> <br /><li> <br />присвоить идентификатор <b>class</b><b>="size"</b>, в таблице стилей такой стиль уже есть (для множества элементов); <br /><li> <br />сохранить <b>new</b><b>.</b><b>html</b><b>, </b>просмотреть отображение в браузере: <i><u>рис.8.</u></i> <br /></ol> </ol> <br /><u><img src="9.png" align=bottom width="292px" height="219px" border=0></u> <br /><ol start=13> <li> <br /><u>Для 1 абзаца вместе с рисунком</u> <br /><ol> <li> <br />закомментировать в виде <b>--> и --></b> <br /><li> <br />внести блочную разметку, присвоив данному элементу идентификатор id=“abz1”: <br /></ol> </ol> <br /><b><div id=”abz1”></b> <br /> <br /><img src=”computer.jpg” align=”right” alt=”компьютер”> <p>На этом сайте вы сможете получить различную информацию о компьютере, его программном обеспечении и ценах на компьютерные комплектующие</p> <br /> <br /><b></div></b> <br /><ol> <ol start=3> <li> <br />во внутренней таблице стилей создать селектор <br /></ol> </ol> <br /><b>#abz1{text-align:right;background-color:yellow;padding:5px;}</b> <br /><ol> <ol start=4> <li> <br />сохранить <b>new</b><b>.</b><b>html</b><b>, </b>просмотреть отображение в браузере: <i><u>рис.9.</u></i> <br /></ol> </ol> <br /><u><img src="10.png" align=bottom width="287px" height="215px" border=0></u> <br /><ol start=14> <li> <br /><i><u>Для 2 абзаца</u></i> <br /><ol> <li> <br />закомментировать в виде <b>--> и --></b> <br /><li> <br />внести блочную разметку, присвоив данному элементу идентификатор id=“abz2”: <br /></ol> </ol> <br /><b><</b><b>div</b> <b>id</b><b>=”</b><b>abz</b><b>2”></b> <p>p align="right">-->Терминологический словарь познакомит вас с компьютерными терминами, а также вы сможете заполнить анкету.p>--></p> <br /> <br /><b></div></b> <br /><ol> <ol start=3> <li> <br />во внутренней таблице стилей создать селектор <br /></ol> </ol> <br /><b>#abz2{text-align:center;background-color:white;color:blue;}</b> <br /><ol> <ol start=4> <li> <br />сохранить <b>new</b><b>.</b><b>html</b><b>, </b>просмотреть отображение в браузере: <i><u>рис.10.</u></i> <br /></ol> </ol> <br /><img src="11.png" align=bottom width="286px" height="214px" border=0> <br /><ol start=15> <li> <br /><u>Только для текста в первом абзаце </u> <br /><ol> <li> <br />добавить отдельный div и в нем задать стиль <br /></ol> </ol> <br /><b><div >На этом сайте вы…</div></b> <br /><ol> <ol start=2> <li> <br />сохранить <b>new</b><b>.</b><b>html</b><b>, </b>просмотреть отображение в браузере: <i><u>рис.11</u></i> <br /></ol> </ol> <br /><u><img src="12.png" align=bottom width="264px" height="198px" border=0></u> <br /><ol start=16> <li> <br /><u>Для слова «словарь» во втором абзаце</u> <br /><ol> <li> <br />добавить элемент разметки <br /></ol> </ol> <br /><b><span>словарь</span></b> <br /><ol> <ol start=2> <li> <br />сохранить <b>new</b><b>.</b><b>html</b><b>, </b>просмотреть отображение в браузере: <i><u>рис.12</u></i> <br /></ol> </ol> <br /><u><img src="13.png" align=bottom width="277px" height="208px" border=0></u> <br /><ol start=17> <li> <br /><u>Для фразы «компьютерными терминами,»</u> <br /><ol> <li> <br />добавить элемент разметки <br /></ol> </ol> <br /><b><div > компьютерными терминами,</div></b> <br /><ol> <ol start=2> <li> <br />сохранить <b>new</b><b>.</b><b>html</b><b>, </b>просмотреть отображение в браузере: <i><u>рис.13</u></i> <br /></ol> </ol> <br /><u><img src="14.png" align=bottom width="636px" height="477px" border=0></u> <p>Итак, мы реализовали проект сегодняшнего урока: внесли структуру на web-страницу, используя элементы языка XHTML и отформатировали полученные фрагменты посредством внутренней таблицы стилей CSS.</p> <br /> <br /><b>Библиография.</b> <br /><ul> <li> <br />Философия CSS-дизайна/ Дэйв Ши, Молли Е.Хольцшлаг; пер. с англ. А.А. Слинкина. – м.: НТ Пресс, 2005, - 312с,: ил. – (Школа WEB-мастерства) ISBN 5-477-00122-4 <br /><li> <br /><u>www.csszengarden.com</u> <br /><li> <br />Чак Муссиано, Билл Кеннеди. HTML и XHTML. Подробное руководство. 6-е изд-е. – Пер. с англ. – СПб: Символ Плюс, 2008. – 752 с.; ил., ISBN-10: 5-93286-104-5 <br /><li> <br />Лекции С.А. Жданова, к.п.н., проф. кафедры «ИКТ» ГОУ ПАПО. <br /></ul> </div></body>
      скачать файл



Смотрите также:
Урок на тему: «Современное направление в сайтостроении»
132.11kb.
5 класс. Урок 13 «Искусство Городца. Истоки и современное развитие промысла»
64.9kb.
Тип проекта: исследовательский, средней продолжительности (1 месяц) групповой, индивидуальный
97.85kb.
Урок литературы на тему: "Фантастический и реальный мир сказок. Х. К. Андерсен "Снежная королева"
92.16kb.
Урок по физике в 7 классе на тему «Давление. Единицы давления. Способы уменьшения и увеличения давления» Цель
62.11kb.
Урок на тему: «Работа над техникой в гаммах, этюдах и пьесах в младших классах на уроках специальности»
54.41kb.
Урок конкурс компьютерных презентаций на тему: «Басни И. А. Крылова»
32.48kb.
Урок геометрии в 7 классе на тему «Равнобедренный треугольник»
82.2kb.
Конкурс на участие в 12-ом фестивале «современное искусство в традиционном музее»
26.56kb.
Урок на тему «арены» Цель Знать строение Аренов, их практическое применение
30.23kb.
Урок на тему «Вглядываясь в человека. Образ человека»
44.83kb.
Урок русского языка на тему
125.54kb.