237324
столько раз учителя, ученики и родители
посетили сайт «Инфоурок»
за прошедшие 24 часа
+Добавить материал
и получить бесплатное
свидетельство о публикации
в СМИ №ФС77-60625 от 20.01.2015
Дистанционные курсы профессиональной переподготовки и повышения квалификации для педагогов

Дистанционные курсы для педагогов - курсы профессиональной переподготовки от 6.900 руб.;
- курсы повышения квалификации от 1.500 руб.
Престижные документы для аттестации

ВЫБРАТЬ КУРС СО СКИДКОЙ 50%

ВНИМАНИЕ: Скидка действует ТОЛЬКО сейчас!

(Лицензия на осуществление образовательной деятельности № 5201 выдана ООО "Инфоурок")

ИнфоурокИнформатикаПрезентацииInternet HTML

Internet HTML

библиотека
материалов
Введение в технологию создания Web-сайтов
Содержание Введение Классификация Web-сайтов Этапы разработки Web-сайта Навиг...
Введение Интернет и WWW прочно вошли в нашу жизнь, и нам уже трудно представи...
Понятие web сайта Информация, доступная пользователям Internet, располагается...
Классификация Web-сайтов Личные страницы - содержат информацию об авторе, его...
Навигационная схема Web-сайта Главными задачами при разработке Web-сайта явля...
Планирование На стадии планирования определяется следующее: цели создания Web...
Планирование На первую страницу, как правило, размещается информация о самом...
Планирование На остальных страницах необходимо разместить информацию в порядк...
Планирование Определить навигацию по сайту – простота и удобство навигации яв...
Планирование - Маркетинговый анализ В итоге на этом этапе необходимо: Предста...
Планирование - Маркетинговый анализ Анализ сайтов-конкурентов для выявления у...
Реализация На этом этапе проводится подготовка текстового и графического мате...
Реализация Можно менять в каждой новой странице только содержимое и адресацию...
Реализация При создании Web-страниц необходимо учитывать, что разработанный В...
Тестирование Тестирование состоит из двух этапов: тестирование на работоспосо...
Публикация В завершение готовый Web-сайт необходимо опубликовать на Web-серве...
Рекламирование Существует множество приемов рекламирования сайта: размещение...
Сопровождение Содержимое Web-сайта может подвергаться неоднократным изменения...
Навигационная схема Web-сайта Web-сайт состоит из связанных между собой гипер...
Навигационная схема Web-сайта Существует несколько видов структурирования инф...
Навигационная схема Web-сайта Иерархическая структура - сначала создаются кат...
Навигационная схема Web-сайта Широкая неглубокая иерархия
Как правильно регистрировать сайт? После публикации сайта, для повышения посе...
Как правильно регистрировать сайт? Самый эффективным способ раскрутки - регис...
Как правильно регистрировать сайт? Интернет-каталоги - списки ресурсов, распр...
Ключевые слова Правильный выбор ключевых слов позволяет сильно повысить позиц...
Описание сайта Описание должно быть лаконичным и емким, чтобы было понятно с...
Подготовка к регистрации Пример описания: Название сайта: Web-studio "Cherry"...
Основы HTML HyperText Markup Language (HTML) -- язык разметки гипертекста --...
Теговая модель документа HTML-документ содержит: собственно текст, т. е. данн...
Таговая модель документа Для файлов, содержащие HTML-документы, приняты расши...
Таговая модель документа Действие любого парного тега начинается с того места...
Структура документа Самым главным из тегов HTML является одноименный тег -- ....
Структура документа HTML-документ состоит из двух частей: заголовок (head) и...
Структура документа Включение в документ заголовочной части не является обяза...
Структура документа В заголовок документа включают парный тег  ... , определя...
Основные средства форматирования текста Как и в Word, основой структуры текст...
Гиперссылки Для создания гиперссылки служит таг вида: URL может быть как абсо...
Работа с рисунками Браузеры поддерживают рисунки в форматах GIF и JPG. Ссылка...
Работа с рисунками Опции WIDTH и HEIGHT определяют ширину и высоту рисунка в...
Работа с рисунками Опции HSPACE и VSPACE, указываемые в пикселах, определяют...
Внутренние ссылки Внутренние ссылки применяются для лучшего чтения большого д...
Внутренние ссылки Этап 2. Создание ссылки на указатель Вместо указания в пара...
Фоновые изображения Разработчики Web-страниц могут управлять цветом фона доку...
Задание Создать веб – сайт “Прогулка по Большой Покровке” в текстовом редакто...
Задание - cтраница Index.html   Прогулка по Большой Покровке   Начало прогулк...

Описание презентации по отдельным слайдам:

1 слайд Введение в технологию создания Web-сайтов
Описание слайда:

Введение в технологию создания Web-сайтов

2 слайд Содержание Введение Классификация Web-сайтов Этапы разработки Web-сайта Навиг
Описание слайда:

Содержание Введение Классификация Web-сайтов Этапы разработки Web-сайта Навигационная схема Web-сайта Как правильно регистрировать сайт? Основы HTML Таговая модель документа Структура документа Вставка рисунка

3 слайд Введение Интернет и WWW прочно вошли в нашу жизнь, и нам уже трудно представи
Описание слайда:

Введение Интернет и WWW прочно вошли в нашу жизнь, и нам уже трудно представить свою деятельность без них. WWW – это огромный набор гипертекстовых документов, которые благодаря Интернет доступны в любой точке мира. Создание Web- сайтов является одной из важнейших технологий разработки ресурсов Интернет. Хороший сайт, вбирая в себя всю полезную информацию, является лучшей визитной карточкой образовательного учреждения.

4 слайд Понятие web сайта Информация, доступная пользователям Internet, располагается
Описание слайда:

Понятие web сайта Информация, доступная пользователям Internet, располагается на Web-серверах. Информация организованна в виде Web-сайтов. Web-сайт - это информационный ресурс, состоящий из связанных между собой гипертекстовых документов (Web-страниц), размещенный на Web-сервере и имеющий индивидуальный адрес Web сайт Страница 1 Страница 2 текст графика, видео, аудио текст графика, видео, аудио

5 слайд Классификация Web-сайтов Личные страницы - содержат информацию об авторе, его
Описание слайда:

Классификация Web-сайтов Личные страницы - содержат информацию об авторе, его интересах. Информационные сайты - сайты учебных заведений, сообществ по интересам, фирм и др. Виртуальные магазины – предназначены для продажи товаров через Интернет. Информационно-развлекательные сайты – содержит викторины, тесты, игры и тд. Интернет-журнал - информационный ресурс с большим количеством периодически обновляемых статей на одну тематику.

6 слайд Навигационная схема Web-сайта Главными задачами при разработке Web-сайта явля
Описание слайда:

Навигационная схема Web-сайта Главными задачами при разработке Web-сайта являются четкая организация структуры сайта и определение его информационного наполнения. Выделяют следующие этапы разработки Web-сайта: Планирование Реализация Тестирование Публикация Рекламирование Сопровождение

7 слайд Планирование На стадии планирования определяется следующее: цели создания Web
Описание слайда:

Планирование На стадии планирования определяется следующее: цели создания Web-сайта - какие задачи он должен выполнять и на какую аудиторию он рассчитан? Какая информация будет представлена и в каком порядке. Определить кол-во страниц Определить название сайта

8 слайд Планирование На первую страницу, как правило, размещается информация о самом
Описание слайда:

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

9 слайд Планирование На остальных страницах необходимо разместить информацию в порядк
Описание слайда:

Планирование На остальных страницах необходимо разместить информацию в порядке определяемый различными критериями, например привлекательности.

10 слайд Планирование Определить навигацию по сайту – простота и удобство навигации яв
Описание слайда:

Планирование Определить навигацию по сайту – простота и удобство навигации является одним из важных факторов, определяющих посещаемость Web-сайта особенности оформления - определяется структура каждой страницы и разрабатывается графика. Определить навигацию по сайту Определить шаблон страниц сайта

11 слайд Планирование - Маркетинговый анализ В итоге на этом этапе необходимо: Предста
Описание слайда:

Планирование - Маркетинговый анализ В итоге на этом этапе необходимо: Представлять потенциальных посетителей сайта, их возможности, пол, возраст, предпочтения, вкусы, уровень компьютерной грамотности. Практически всегда пользователи являются достаточно разнообразной аудиторией, которую следует разделить на условные группы и выделить из них самые главные. Прогнозирование количественных оценок посещаемости сайта Исходя из имеющихся данных маркетинговых исследований, а так же по частоте появления целевых поисковых фраз.

12 слайд Планирование - Маркетинговый анализ Анализ сайтов-конкурентов для выявления у
Описание слайда:

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

13 слайд Реализация На этом этапе проводится подготовка текстового и графического мате
Описание слайда:

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

14 слайд Реализация Можно менять в каждой новой странице только содержимое и адресацию
Описание слайда:

Реализация Можно менять в каждой новой странице только содержимое и адресацию ссылок, такая организация работы сократит время, потраченное на каждую из них. Необходимо обеспечить, чтобы посетитель попавший на любую страницу сайта мог легко сориентироваться – и важно в этом случае показать ему, что она является частью целого сайта, дать ему возможность перейти по ссылке на главную страницу и просмотреть остальные разделы.

15 слайд Реализация При создании Web-страниц необходимо учитывать, что разработанный В
Описание слайда:

Реализация При создании Web-страниц необходимо учитывать, что разработанный Вами Web-сайт может выглядеть на компьютерах разных пользователей по-разному. Это зависит от многих параметров – типа браузера клиента, установок операционной системы, аппаратных ресурсов компьютера и т.п. Создание сайта, разработка структуры, размещение материала возможно: В текстовом редакторе (например блокнот) - в ручную С помощью различных средств разработки (FrontPage, Publisher) - автоматически

16 слайд Тестирование Тестирование состоит из двух этапов: тестирование на работоспосо
Описание слайда:

Тестирование Тестирование состоит из двух этапов: тестирование на работоспособность тестирование на удобство пользования интерфейсом. На этапе тестирования на работоспособность проверяют, как функционирует Web-сайт, используя те же условия, при которых с ним будет работать пользователь. Проверяется работоспособность Web-сайта в различных браузерах Для тестирования на удобство пользования интерфейсом крупные компании приглашают специальные группы людей.

17 слайд Публикация В завершение готовый Web-сайт необходимо опубликовать на Web-серве
Описание слайда:

Публикация В завершение готовый Web-сайт необходимо опубликовать на Web-сервере, чтобы он был доступен через Internet. Существуют два способа размещения сайта: На бесплатных web серверах. Например www.narod.ru. На web серверах провайдеров за деньги. В зависимости от уровня домена плата меняется.

18 слайд Рекламирование Существует множество приемов рекламирования сайта: размещение
Описание слайда:

Рекламирование Существует множество приемов рекламирования сайта: размещение информации на поисковом Web-сайте организация взаимных ссылок с другими сайтами и т.д. Чтобы сайт пользовался популярностью необходимо, чтобы содержимое Web-сайта – была достоверна и полна. Информация должна быть представлена таким образом, чтобы пользователь, однажды посетивший Web-сайт, еще ни раз обратился к нему.

19 слайд Сопровождение Содержимое Web-сайта может подвергаться неоднократным изменения
Описание слайда:

Сопровождение Содержимое Web-сайта может подвергаться неоднократным изменениям. Важно, чтобы предоставляемая на Web-сайте информация всегда была актуальной, поэтому необходимо как можно чаще обновлять информацию на Web-сайте. Обязательное правило. Web-сайт должен обновляться не реже одного раза в месяц. В противном случае вы потеряете не только потенциальных, но и уже состоявшихся посетителей.

20 слайд Навигационная схема Web-сайта Web-сайт состоит из связанных между собой гипер
Описание слайда:

Навигационная схема Web-сайта Web-сайт состоит из связанных между собой гипертекстовых документов. Гипертекст – это способ хранения и манипулирования информации, позволяющий устанавливать связи между любыми “информационными единицами”. Связь между информационными единицами осуществляется по гиперссылкам. Гиперссылка - это выделенный фрагмент текста, с помощью которого осуществляется переход от одного документа к другому. Обычно гиперссылки выделяют синим цветом и подчеркиванием. Навигационная схема Web-сайта зависит от его структуры и определяет то, как пользователь будет по нему перемещаться и получать доступ к информации.

21 слайд Навигационная схема Web-сайта Существует несколько видов структурирования инф
Описание слайда:

Навигационная схема Web-сайта Существует несколько видов структурирования информационного материала на Web-сайте: Линейная структура - материал весь располагается последовательно Нелинейная структура

22 слайд Навигационная схема Web-сайта Иерархическая структура - сначала создаются кат
Описание слайда:

Навигационная схема Web-сайта Иерархическая структура - сначала создаются категории высшего уровня, затем материал в логическом порядке размещают в категории, которые находятся ниже. Иерархические структуры бывают двух видов: узкая глубокая и широкая неглубокая. Узкая глубокая иерархия - характеризуется тем, что на верхнем уровне она имеет мало категорий. Для получения нужной информации пользователь вынужден переходить на несколько уровней вниз.

23 слайд Навигационная схема Web-сайта Широкая неглубокая иерархия
Описание слайда:

Навигационная схема Web-сайта Широкая неглубокая иерархия

24 слайд Как правильно регистрировать сайт? После публикации сайта, для повышения посе
Описание слайда:

Как правильно регистрировать сайт? После публикации сайта, для повышения посещаемости необходимо заняться раскруткой сайта - увеличением ежедневного количества посетителей. Есть несколько способов достижения этого: регистрация в поисковых системах, баннерообменные сети, упоминание сайта в web-обозрении, печатная реклама в газетах и журналах, оповещение о появлении сайта в соответствующей эхо-конференции, обмен ссылками с родственными сайтами, упоминание адреса сайта в переписке и др.

25 слайд Как правильно регистрировать сайт? Самый эффективным способ раскрутки - регис
Описание слайда:

Как правильно регистрировать сайт? Самый эффективным способ раскрутки - регистрация в поисковых системах и каталогах. Как правильно зарегистрироваться? «Правильная" регистрация обозначает, что в ответ на запрос по теме сайта, получен список ссылок, в которых наш сайт находится одним из первых. Поисковая система - это очень большая база данных, которая хранит в себе полные тексты всех зарегистрированных сайтов. Необходимым компонентом поисковых систем являются роботы. Для регистрации, мы должны сообщить роботу адрес нашего сайта.

26 слайд Как правильно регистрировать сайт? Интернет-каталоги - списки ресурсов, распр
Описание слайда:

Как правильно регистрировать сайт? Интернет-каталоги - списки ресурсов, распределенные по категориям. Основное отличие их от поисковых систем заклю-чается в том, что все запросы просматриваются людьми, которые оцени-вают ценность сайта, выбирают для него кате-горию в каталоге и корректируют предо-ставленное описание ваше-го сайта.

27 слайд Ключевые слова Правильный выбор ключевых слов позволяет сильно повысить позиц
Описание слайда:

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

28 слайд Описание сайта Описание должно быть лаконичным и емким, чтобы было понятно с
Описание слайда:

Описание сайта Описание должно быть лаконичным и емким, чтобы было понятно с первого взгляда. При составлении описания не нужно указывать название сайта, оно и так будет проиндексировано. Необходимо избегать общих фраз типа: "Здесь Вам будет интересно", "На этом сайте есть все", "Заходи, не пожалеешь!" и т.п. Описание должно соответствовать содержанию сайта, посетитель сам разберется, нужно ли ему идти на сайт.

29 слайд Подготовка к регистрации Пример описания: Название сайта: Web-studio "Cherry"
Описание слайда:

Подготовка к регистрации Пример описания: Название сайта: Web-studio "Cherry" URL сайта: http://www.cherry.spb.ru/ Описание сайта: Дизайн и изготовление web-сайтов, их поддержка и раскрутка в сети. Статьи и ссылки по web-дизайну, полезные рекомендации. Ключевые слова: дизайн, design, web-design, веб-дизайн, web-мастеринг, web, веб, www, поддержка, раскрутка, реклама, баннер, баннерик, кнопка, оптимизация, статьи по веб-дизайну, ссылки по web-дизайну, gif, jpg, HTML. Контактное лицо: Андрей Иванов E-mail регистрации: cherry@mail.ru

30 слайд Основы HTML HyperText Markup Language (HTML) -- язык разметки гипертекста --
Описание слайда:

Основы HTML HyperText Markup Language (HTML) -- язык разметки гипертекста -- предназначен для написания гипертекстовых документов, публикуемых в World Wide Web. Гипертекстовый документ -- это текстовый файл, имеющий специальные метки, называемые тегами, которые впоследствии опознаются браузером и используются им для отображения содержимого файла на экране компьютера.

31 слайд Теговая модель документа HTML-документ содержит: собственно текст, т. е. данн
Описание слайда:

Теговая модель документа HTML-документ содержит: собственно текст, т. е. данные, составляющие содержимое документа. теги (markup tags), называемые также флагами разметки, -- специальные конструкции языка HTML, используемые для разметки документа и управляющие его отображением. Именно теги языка HTML определяют, в каком виде будет представлен текст, какие его компоненты будут исполнять роль гипертекстовых ссылок, какие графические или мультимедийные объекты должны быть включены в документ. Программы просмотра HTML-документов (браузеры) интерпретируют флаги разметки и располагают текст и графику на экране соответствующим образом.

32 слайд Таговая модель документа Для файлов, содержащие HTML-документы, приняты расши
Описание слайда:

Таговая модель документа Для файлов, содержащие HTML-документы, приняты расширения .htm или .html.  Прописные и строчные буквы при записи тегов не различаются. В большинстве случаев теги используются парами и состоит из открывающего (start tag) и закрывающего (end tag) тегов. Синтаксис открывающего тега:        Прямые скобки, используемые в описании синтаксиса, означают, что данный элемент может отсутствовать. Синтаксис закрывающего тега:         </имя_тега>   <имя_тега [атрибуты]>

33 слайд Таговая модель документа Действие любого парного тега начинается с того места
Описание слайда:

Таговая модель документа Действие любого парного тега начинается с того места, где встретился открывающий тег и заканчивается при встрече соответствующего закрывающего тега. Пара, состоящая из открывающего и закрывающего тегов, называют контейнером, а часть текста, окаймленную открывающим и закрывающим тегом, -- элементом. 

34 слайд Структура документа Самым главным из тегов HTML является одноименный тег -- .
Описание слайда:

Структура документа Самым главным из тегов HTML является одноименный тег -- <HTML>. Он должен всегда открывать ваш документ, так же, как тег </HTML> должен непременно стоять в последней его строке. Эти теги обозначают, что находящиеся между ними строки представляют единый гипертекстовый документ. Без этих тегов браузер или другая программа просмотра не в состоянии идентифицировать формат документа и правильно его интерпретировать. 

35 слайд Структура документа HTML-документ состоит из двух частей: заголовок (head) и
Описание слайда:

Структура документа HTML-документ состоит из двух частей: заголовок (head) и тело (body), расположенных в следующем порядке:

36 слайд Структура документа Включение в документ заголовочной части не является обяза
Описание слайда:

Структура документа Включение в документ заголовочной части не является обязательным. Задачей заголовка является представление необходимой информации для браузера и сервера HTTP. Информация, размещенная внутри заголовка документа, обычно не выводится на экран (кроме названия документа).  Заголовок документа открывается тегом <HЕAD>, который обычно следует сразу же за тегом <HTML>. Закрывающий тег </HEAD> показывает конец этого раздела, между ними располагаются остальные теги заголовка документа. 

37 слайд Структура документа В заголовок документа включают парный тег  ... , определя
Описание слайда:

Структура документа В заголовок документа включают парный тег <TITLE> ... </TITLE>, определяющий название документа. Многие программы просмотра используют его как заголовок окна, в котором выводят документ. Хорошее название должно быть достаточно длинным для того, чтобы можно было корректно указать соответствующую страницу, и в то же время оно должно помещаться в заголовке окна.

38 слайд Основные средства форматирования текста Как и в Word, основой структуры текст
Описание слайда:

Основные средства форматирования текста Как и в Word, основой структуры текста в HTML является абзац. Для выделения абзаца служит таг <P>, закрывать который не обязательно. В таге <P> можно указать способ выравнивания текста абзаца в виде: Для выравнивания текста абзаца по левому краю, правому краю, по центру или по ширине следует использовать, соответственно, опции LEFT, RIGHT, CENTER, JUSTIFY <P ALIGN="опция_выравнивания">

39 слайд Гиперссылки Для создания гиперссылки служит таг вида: URL может быть как абсо
Описание слайда:

Гиперссылки Для создания гиперссылки служит таг вида: URL может быть как абсолютным, так и относительным. URL, ссылающийся на закладку в текущем документе, имеет вид #имя_закладки, а для того, чтобы создать закладку, достаточно поместить нужное слово или фразу в таг <A NAME="имя_закладки">текст</A>. <A HREF="URL_документа" TARGET="окно">текст ссылки</A> Если опция TARGET не указана, документ открывается в текущем окне браузера, а если указана в виде TARGET="_BLANK">, в новом окне. Текст ссылки внутри тага <A> может быть любым. Точно так же в таг <A> можно поместить и изображение.

40 слайд Работа с рисунками Браузеры поддерживают рисунки в форматах GIF и JPG. Ссылка
Описание слайда:

Работа с рисунками Браузеры поддерживают рисунки в форматах GIF и JPG. Ссылка на рисунок оформляется тагом следующего вида: Закрывать этот таг не нужно. Опция SRC содержит абсолютный или относительный URL рисунка, если рисунок не найден, на его месте выведется пустая рамка. <IMG SRC="URL рисунка" WIDTH="ширина" HEIGHT="высота" BORDER="рамка" ALIGN="выравнивание" HSPACE="отступ по горизонтали" VSPACE="отступ по вертикали" ALT="текст">

41 слайд Работа с рисунками Опции WIDTH и HEIGHT определяют ширину и высоту рисунка в
Описание слайда:

Работа с рисунками Опции WIDTH и HEIGHT определяют ширину и высоту рисунка в пикселах (точках). Значение опции BORDER также указывается в пикселах и определяет ширину рамки вокруг рисунка. Если рамка не нужна, значением этой опции следует сделать 0. Опция ALIGN определяет размещение рисунка относительно текста, единственные понимаемые всеми браузерами значения — LEFT (слева) и RIGHT (справа).

42 слайд Работа с рисунками Опции HSPACE и VSPACE, указываемые в пикселах, определяют
Описание слайда:

Работа с рисунками Опции HSPACE и VSPACE, указываемые в пикселах, определяют размер свободного места вокруг рисунка по горизонтали и вертикали. Текст, переданный в опции ALT, выводится вместо рисунка, если в браузере отключен вывод рисунков или они не успели загрузиться, а также показывается в качестве подсказки при наведении "мышки" на рисунок. Обычно этот текст содержит название рисунка.

43 слайд Внутренние ссылки Внутренние ссылки применяются для лучшего чтения большого д
Описание слайда:

Внутренние ссылки Внутренние ссылки применяются для лучшего чтения большого документа, если он имеет оглавление со ссылками на соответствующие разделы. Для построения внутренней ссылки нужно: Этап 1. Создать указатель, определяющий место назначения. Например, если создать ссылку на текст определенной главы документа, нужно разместить там указатель и дать ему имя при помощи параметра name тэга <A>. При этом параметр href не используется, и браузер не выделяет содержимое тэга <A>. Например: <A name="chapter_5"> </A>

44 слайд Внутренние ссылки Этап 2. Создание ссылки на указатель Вместо указания в пара
Описание слайда:

Внутренние ссылки Этап 2. Создание ссылки на указатель Вместо указания в параметре href адреса документа, необходимо поместить имя ссылки с префиксом #, говорящем о том, что это внутренняя ссылка. <A name="#chapter_5">Глава 5</A>

45 слайд Фоновые изображения Разработчики Web-страниц могут управлять цветом фона доку
Описание слайда:

Фоновые изображения Разработчики Web-страниц могут управлять цветом фона документа, а также указывать изображения, используемые в качестве фонового. Для задания цвета фона употребляется параметр bgcolor тэга <BODY>, а фоновое изображение включается в документ при помощи параметра background. Фоновое изображение для HTML-документа всегда заполняет всё окно просмотра. Пример записи тэга <BODY> с указанием фонового цвета и фонового изображения: <BODY bgcolor="gray" background="texture.gif">

46 слайд Задание Создать веб – сайт “Прогулка по Большой Покровке” в текстовом редакто
Описание слайда:

Задание Создать веб – сайт “Прогулка по Большой Покровке” в текстовом редакторе блокнот. Сайт состоит из 4 страниц, название страниц и структура сайта показана ниже:

47 слайд Задание - cтраница Index.html   Прогулка по Большой Покровке   Начало прогулк
Описание слайда:

Задание - cтраница Index.html <html> <head> <title>Прогулка по Большой Покровке</title> </head> <body> <p align="center"><font size="5">Начало прогулки - площадь Горького </font></p> <p align="center"><img border="0" src="ploshad1.jpg” width="500" height="356"></p> <p align="center"><a href="1.html">вперед</a></p> </body> </html>

Краткое описание документа:

Язык HTML был разработан британским учёным Тимом Бернерсом-Липриблизительно в 19861991 годах в стенах ЦЕРНа в Женеве вШвейцарии. HTML создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки. HTML успешно справлялся с проблемой сложности SGML путём определения небольшого набора структурных и семантических элементов — дескрипторов. Дескрипторы также часто называют «тегами». С помощью HTML можно легко создать относительно простой, но красиво оформленный документ. Помимо упрощения структуры документа, в HTML внесена поддержка гипертекста. Мультимедийные возможности были добавлены позже.

Изначально язык HTML был задуман и создан как средство структурирования и форматирования документов без их привязки к средствам воспроизведения (отображения). В идеале, текст с разметкой HTML должен был без стилистических и структурных искажений воспроизводиться на оборудовании с различной технической оснащённостью (цветной экран современного компьютера, монохромный экран органайзера, ограниченный по размерам экран мобильного телефона или устройства и программы голосового воспроизведения текстов). Однако современное применение HTML очень далеко от его изначальной задачи. Например, тег <TABLE> предназначен для создания в документах таблиц, но часто используется и для оформления размещения элементов на странице. С течением времени основная идея платформонезависимости языка HTML была принесена в жертву современным потребностям в мультимедийном и графическом оформлении.

Общая информация

Номер материала: 270433

Вам будут интересны эти курсы:

Курс повышения квалификации «Информационные технологии в деятельности учителя физики»
Курс повышения квалификации «Методика преподавания информатики в начальных классах»
Курс повышения квалификации «Современные информационные технологии и их использование в работе преподавателей. Системы автоматизированного проектирования одежды и организация технологического процесса»
Курс повышения квалификации «Облачные технологии в образовании»
Курс «Оператор персонального компьютера»
Курс «1С: Предприятие 7.7»
Курс «3D Studio MAX»
Курс «WEB-ВЕРСТКА (HTML, CSS)»
Курс повышения квалификации «Сетевые и дистанционные (электронные) формы обучения в условиях реализации ФГОС по ТОП-50»
Курс повышения квалификации «Развитие информационно-коммуникационных компетенций учителя в процессе внедрения ФГОС: работа в Московской электронной школе»
Курс профессиональной переподготовки «Информационные технологии в профессиональной деятельности: теория и методика преподавания в образовательной организации»
Курс повышения квалификации «Использование компьютерных технологий в процессе обучения в условиях реализации ФГОС»
Курс повышения квалификации «Применение MS Word, Excel в финансовых расчетах»
Курс повышения квалификации «Современные тенденции цифровизации образования»
Курс повышения квалификации «Современные языки программирования интегрированной оболочки Microsoft Visual Studio C# NET., C++. NET, VB.NET. с использованием структурного и объектно-ориентированного методов разработки корпоративных систем»

Благодарность за вклад в развитие крупнейшей онлайн-библиотеки методических разработок для учителей

Опубликуйте минимум 3 материала, чтобы БЕСПЛАТНО получить и скачать данную благодарность

Сертификат о создании сайта

Добавьте минимум пять материалов, чтобы получить сертификат о создании сайта

Грамота за использование ИКТ в работе педагога

Опубликуйте минимум 10 материалов, чтобы БЕСПЛАТНО получить и скачать данную грамоту

Свидетельство о представлении обобщённого педагогического опыта на Всероссийском уровне

Опубликуйте минимум 15 материалов, чтобы БЕСПЛАТНО получить и скачать данное cвидетельство

Грамота за высокий профессионализм, проявленный в процессе создания и развития собственного учительского сайта в рамках проекта "Инфоурок"

Опубликуйте минимум 20 материалов, чтобы БЕСПЛАТНО получить и скачать данную грамоту

Грамота за активное участие в работе над повышением качества образования совместно с проектом "Инфоурок"

Опубликуйте минимум 25 материалов, чтобы БЕСПЛАТНО получить и скачать данную грамоту

Почётная грамота за научно-просветительскую и образовательную деятельность в рамках проекта "Инфоурок"

Опубликуйте минимум 40 материалов, чтобы БЕСПЛАТНО получить и скачать данную почётную грамоту

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