Представление информации в электронном виде

1. Представление информациив электронном виде Информационные технологии

2. Информация • В широком смысле абстрактное понятие, имеющее множество значений, в зависимости от контекста. • В узком смысле этого слова – сведения (сообщения, данные) независимо от формы их представления.

3. Технология • – это комплекс организационных мер, операций и приемов, направленных на изготовление, обслуживание, ремонт и/или эксплуатацию изделия с номинальным качеством и оптимальными затратами, и обусловленных текущим уровнем развития науки, техники и общества в целом.

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

5. Информационная технология • Согласно определению, принятому ЮНЕСКО, ИТ – это комплекс взаимосвязанных научных, технологических, инженерных дисциплин, изучающих методы эффективной организации труда людей, занятых обработкой и хранением информации; вычислительную технику и методы организации и взаимодействия с людьми и производственным оборудованием, их практические приложения, а также связанные со всем этим социальные, экономические и культурные проблемы.

6. Основные черты современных ИТ • компьютерная обработка информации по заданным алгоритмам; • хранение больших объёмов информации на машинных носителях; • передача информации на значительные расстояния в ограниченное время.

7. Виды электронной информации • Текстовая • Графическая • Звуковая

8. Типы электронной информации • Статическая • Динамическая • Интерактивная

9. Мультимедийная информация • – это информация одновременно представленная в нескольких видах • От англ. Multimedia – многие средства

10. Интернет-ресурсы • Всю информацию, все свои знания люди постепенно переносят в интернет. • Благодаря принципу открытости, на котором построен интернет, его ресурсы (от франц. ressources – запасы, источники, средства) постоянно обновляются и пополняются. • Информационные ресурсы в электронном виде доступные через интернет называются интернет-ресурсами.

11. Основные понятия • Веб-страница – совокупность информации, передаваемой с помощью службы WWW и отображаемой веб-клиентом (программой броузером). • Веб-сайт (англ. site) – набор из некоторого количества веб-страниц, связанных вместе единой темой, общим оформлением и взаимными гипертекстовыми ссылками (которые обычно физически хранятся на одном компьютере – веб-узле).

12. Гипертекст • В гипертексте (от англ. hypertext – больше, чем текст) делается попытка заменить линейное представление материала, как это принято в обычных книгах, нелинейным, более соответствующим процессу мышления человека.

13. Основные принципыгипертекста • свободное перемещение по тексту; • необязательность сплошного чтения; • использование перекрестных ссылок.

14. Идеология гипертекста • Идеология гипертекста подразумевает разделение «содержания» и «представления» как двух независимых аспектов информации.

15. Представление текстовой информации • Текстовые форматы позволяют представлять алфавино-цифровую информацию. • Соответствие между символами текста и их числовыми кодами задается кодовой таблицей или кодировкой (англ. encoding).

16. Размещение текстовой информации в интернет • Для оформления документов, предназначенных для размещения в интернете, используется специальный язык, который называется HTML (англ. HyperText Markup Language).

17. Язык HTML • Язык HTML был разработан британским учёным ТимомБернерсом-Ли приблизительно в 1991–1992 годах в стенах Европейского совета по ядерным исследованиям в Женеве (Швейцария). • HTML создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки.

18. Язык HTML • Язык разметки гипертекстовых документов HTML основан на совокупности команд, называемых тегами (от английского tag). • HTML-тег записывается в угловых скобках и состоит из имени, за которым может следовать список атрибутов. • Теги могут быть одиночными или парными. Парный тег состоит из открывающего и закрывающего. Закрывающий тег содержит ту же последовательность букв, но им предшествует косая черта: </тег>.

19. Атрибуты тегов • Атрибуты добавляются в тег для расширения или модификации его действия. • <тег атрибут1=“значение” атрибут2=“значение” атрибут3=“значение” ...> • Значения: • могут быть чувствительны к регистру; • имеют ограниченную длину в 1024 символа; • должны заключаться в двойные или одинарные кавычки (за исключением случаев, когда значение состоит из одного слова или числа, только из букв (a-z), цифр (0-9), и специальных символов (точка или дефис)).

20. Вложенныетеги • В теги HTML могут помещаться другие HTML-теги для осуществления воздействия нескольких тегов на один элемент – вложение тегов. • <тег1>Пример использования <тег2>вложенных</тег2> тегов.</тег1> • Теги не могут перекрываться! Неверно: • <тег1>Пример неверного использования <тег2>вложенных</тег1> тегов.</тег2>

21. Структура HTML-документа • Строка, содержащая информацию о версии HTML; • Заголовочная часть (определяется тегом <head>); • Тело, непосредственно включающее содержание документа (определяется тегом <body> или <frameset>).

22. Версии HTML • HTML 2.0 • 22 сентября 1995 года • HTML 3.2 • 14 января 1997 года • HTML 4.0 • 18 декабря 1997 года • HTML 4.01 • 24 декабря 1999 года • ISO HTML • 15 мая 2000 года • HTML 5 • в разработке

23. HTML 2.0 • Официальной спецификации HTML 1.0 не существует. • До 1995 года существовало множество неофициальных стандартов HTML. • Чтобы стандартная версия отличалась от них, ей сразу присвоили второй номер.

24. HTML 3.2 • Версия 3 была предложена Консорциумом всемирной паутины (W3C) в марте 1995 года и обеспечивала много новых возможностей, таких как создание таблиц, «обтекание» изображений текстом и отображение сложных математических формул.

25. HTML 4.0 • HTML версии 4.0 содержит много элементов, специфичных для отдельных браузеров, но в то же время произошла некоторая «очистка» стандарта.

26. HTML 5 • Разработка HTML5 началась в новой рабочей группе W3C в 2007 году. • HTML5 вводит несколько новых элементов и атрибутов. • Помимо определения разметки, в HTML5 определены API. • slides.html5rocks.com

27. Основные отличия HTML5 от HTML4 • Новые правила лексического разбора; • Новые элементы –header, footer, section, article, video, audio, progress, nav, meter, time, aside, canvas; • Новые типы input-элементов; • Новые атрибуты; • Глобальные атрибуты –id, tabindex, repeat; • Убраны устаревшие элементы –center, font, strike.

28. Каскадные таблицы стилей CSS • – это технология описания внешнего вида документа, написанного языком разметки. • CSS используется создателями веб-страниц для задания цветов, шрифтов, расположения и других аспектов представления документа. • Основной целью разработки CSS являлось разделение содержимого (написанного на HTML или другом языке разметки) и представления документа (написанного на CSS).

29. Источники CSS • Авторские стили (информация стилей, предоставляемая автором страницы) в виде: • Внешних таблиц стилей, то есть отдельного файла .css, на который делается ссылка в документе. • Встроенных стилей –блоков CSS внутри самого HTML-документа. • Inline-стилей, когда в HTML-документе информация стиля для одного элемента указывается в его атрибуте style. • Пользовательские стили • Локальный CSS-файл, указанный пользователем в настройках браузера, переопределяющий авторские стили, и применяемый ко всем документам. • Стиль браузера • Стандартный стиль, используемый браузером по умолчанию для представления элементов.

30. Таблица стилей CSS • Таблица стилей состоит из набора правил. • Каждое правило, в свою очередь, состоит из одного или нескольких селекторов, разделённых запятыми, и блока определений. • Блок определений же обрамляется фигурными скобками, и состоит из набора свойств и их значений.

31. Таблица стилей CSS селектор, селектор { свойство: значение; свойство: значение; свойство: значение; }

32. Приоритеты CSS • Стиль тега • Стиль класса • Стиль идентификатора • Внедрённый стиль • Свойство !important • Кроме того, имеет значение относительный порядок расположения свойств – свойство, указанное позже, имеет приоритет.

33. CSS-вёрстка • До появления CSS оформление веб-страниц осуществлялось непосредственно внутри содержимого документа. Однако с появлением CSS стало возможным принципиальное разделение содержания и представления документа. За счёт этого нововведения стало возможным лёгкое применение единого стиля оформления для массы схожих документов, а также быстрое изменение этого оформления.

34. Преимущества CSS-вёрстки • Несколько дизайнов страницы для разных устройств просмотра. Например, на экране дизайн будет рассчитан на большую ширину, во время печати меню не будет выводиться, а на КПК и сотовом телефоне меню будет следовать за содержимым. • Уменьшение времени загрузки страниц сайта за счет переноса правил представления данных в отдельный CSS-файл. В этом случае браузер загружает только структуру документа и данные, хранимые на странице, а представление этих данных загружается браузером только один раз и могут быть закешированы.

35. Преимущества CSS-вёрстки • Простота последующего изменения дизайна. Не нужно править каждую страницу, а лишь изменить CSS-файл. • Дополнительные возможности оформления. Например, с помощью CSS-вёрстки можно сделать блок текста, который остальной текст будет обтекать (например для меню) или сделать так, чтобы меню было всегда видно при прокрутке страницы.

36. Недостатки CSS-вёрстки • Различное отображение вёрстки в различных браузерах (особенно устаревших), которые по разному интерпретируют одни и те же данные CSS. • Часто встречающаяся необходимость на практике исправлять не только один CSS-файл, но и теги HTML и код PHP, которые сложным и ненаглядным способом связаны с селекторами CSS, что иногда сводит на нет простоту применения единых файлов стилей и значительно удлиняет время редактирования и тестирования.

37. История CSS • Термин «каскадные таблицы стилей» был предложен Хокон Виум Ли в 1994 году. Совместно с Бертом Босом он стал развивать CSS. • В отличие от многих существовавших на тот момент языков стиля, CSS использует наследование от родителя к потомку, поэтому разработчик может определить разные стили, основываясь на уже определенных ранее стилях.

38. Версии CSS • Уровень 1 (CSS1) • Рекомендация W3C, принята 17 декабря 1996 года, откорректирована 11 января 1999 года. • Уровень 2(CSS2) • Рекомендация W3C, принята 12 мая 1998 года. • Уровень 2.1 (CSS2.1) • Рабочая версия W3C от 8 сентября 2009 года. • Уровень 3(CSS3) • Разрабатываемая версия.

39. CSS1 • Параметры шрифтов. Возможности по заданию гарнитуры и размера шрифта, а также его стиля – обычного, курсивного или полужирного. • Цвета. Спецификация позволяет определять цвета текста, фона, рамок и других элементов страницы. • Атрибуты текста. Возможность задавать межсимвольный интервал, расстояние между словами и высоту строки (то есть межстрочные отступы) • Выравнивание для текста, изображений, таблиц и других элементов. • Свойства блоков, такие как высота, ширина, внутренние (padding) и внешние (margin) отступы и рамки. Так же в спецификацию входили ограниченные средства по позиционированию элементов, такие как float и clear.

40. CSS2 • Блочная вёрстка. Появились относительное, абсолютное и фиксированное позиционирование. Позволяет управлять размещением элементов по странице без табличной вёрстки. • Типы носителей. Позволяет устанавливать разные стили для разных носителей (например монитор, принтер, КПК). • Звуковые таблицы стилей. Определяет голос, громкость и т. д. для звуковых носителей (например для слепых посетителей сайта). • Страничные носители. Позволяет, например, установить разные стили для элементов на чётных и нечётных страницах при печати. • Расширенный механизм селекторов. • Указатели. • Генерируемое содержание. Позволяет установить текст или картинку, который будет отображаться до или после нужного элемента.

41. CSS3 • Сильно расширена по сравнению с предыдущими версиями. • Нововведения, начиная с малых, вроде закругленных углов блоков, заканчивая трансформацией (анимацией) и, возможно, введением переменных.

42. Включение в HTML • Ссылка в HTML, а сами CSS в отдельном файле: • <link rel="stylesheet" type="text/css" href="style.css" /> • Еще один способ подключить CSS, находящиеся в отдельном файле: • <style type="text/css" media="all">@import "style.css";</style> • Непосредственно в HTML-документе: <style type="text/css"> body { color: red; } </style> • Непосредственно в элемент: • <p style="font-size: 21px; color: green;">Рассказ о том, как вредно красить батареи</p>

43. СпециализированныеHTML-редакторы • – это компьютерная программа, позволяющая составлять и изменять страницы в формате HTML. • Несмотря на то, что HTML-код может быть написан в простом текстовом редакторе (например, Notepad), специальные редакторы для написания кода HTML предлагают больше удобств и функциональности. • Как правило используют технологию WYSIWYG.

44. ДостоинстваWYSIWYG-редакторов • ускорение и упрощение процесса разработки; • автоматизация многих рутинных операций; • позволяют осуществлять быстрое макетирование; • могут использоваться начинающими.

45. НедостаткиWYSIWYG-редакторов • не создают «чистого» кода (добавляют «фирменные» или избыточные элементы); • могут автоматически изменять открываемый документ; • полностью не избавляют от знания HTML, созданные в них документы как правило требуют ручной доводки

46. HTML-редакторы • Adobe Dreamweaver • Microsoft Expression Web • Microsoft Office SharePoint Designer • Amaya • KompoZer • Nvu • Quanta Plus

47. Представление графической информации • В сети интернет используются следующие основные графические форматы: • GIF (Graphics Interchange Format); • JPEG (Joint Photographic Expert Group); • PNG (Portable Network Graphics).

48. Некоторые средства подготовки графики • Adobe Photoshop • Adobe Fireworks • Corel Photo-Paint • Microsoft Paint • Microsoft Photo Editor • GIMP • Paint.NET

49. Интерактивные анимации • Flash – сложные мультимедийные интерактивные иллюстрации, интегрированные со звуковым сопровождением. • VRML (Virtual Reality Modeling Language) – средство описания сцен в трехмерном виртуальном пространстве.

50. Звуковые форматы • WAV (англ. wave – волна); • MIDI (Musical Instrument Digital Interface); • MP3; • RealAudio.