Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015
Инфоурок / Информатика / Презентации / Internet HTML
ВНИМАНИЮ ВСЕХ УЧИТЕЛЕЙ: согласно Федеральному закону № 313-ФЗ все педагоги должны пройти обучение навыкам оказания первой помощи.

Дистанционный курс "Оказание первой помощи детям и взрослым" от проекта "Инфоурок" даёт Вам возможность привести свои знания в соответствие с требованиями закона и получить удостоверение о повышении квалификации установленного образца (180 часов). Начало обучения новой группы: 26 апреля.

Подать заявку на курс
  • Информатика

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   Прогулка по Большой Покровке   Начало прогулк...
47 1

"Инфоурок" приглашает всех педагогов и детей к участию в самой массовой интернет-олимпиаде «Весна 2017» с рекордно низкой оплатой за одного ученика - всего 45 рублей

В олимпиадах "Инфоурок" лучшие условия для учителей и учеников:

1. невероятно низкий размер орг.взноса — всего 58 рублей, из которых 13 рублей остаётся учителю на компенсацию расходов;
2. подходящие по сложности для большинства учеников задания;
3. призовой фонд 1.000.000 рублей для самых активных учителей;
4. официальные наградные документы для учителей бесплатно(от организатора - ООО "Инфоурок" - имеющего образовательную лицензию и свидетельство СМИ) - при участии от 10 учеников
5. бесплатный доступ ко всем видеоурокам проекта "Инфоурок";
6. легко подать заявку, не нужно отправлять ответы в бумажном виде;
7. родителям всех учеников - благодарственные письма от «Инфоурок».
и многое другое...

Подайте заявку сейчас - https://infourok.ru/konkurs

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

№ слайда 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 была принесена в жертву современным потребностям в мультимедийном и графическом оформлении.

Автор
Дата добавления 08.05.2015
Раздел Информатика
Подраздел Презентации
Просмотров416
Номер материала 270433
Получить свидетельство о публикации

"Инфоурок" приглашает всех педагогов и детей к участию в самой массовой интернет-олимпиаде «Весна 2017» с рекордно низкой оплатой за одного ученика - всего 45 рублей

В олимпиадах "Инфоурок" лучшие условия для учителей и учеников:

1. невероятно низкий размер орг.взноса — всего 58 рублей, из которых 13 рублей остаётся учителю на компенсацию расходов;
2. подходящие по сложности для большинства учеников задания;
3. призовой фонд 1.000.000 рублей для самых активных учителей;
4. официальные наградные документы для учителей бесплатно(от организатора - ООО "Инфоурок" - имеющего образовательную лицензию и свидетельство СМИ) - при участии от 10 учеников
5. бесплатный доступ ко всем видеоурокам проекта "Инфоурок";
6. легко подать заявку, не нужно отправлять ответы в бумажном виде;
7. родителям всех учеников - благодарственные письма от «Инфоурок».
и многое другое...

Подайте заявку сейчас - https://infourok.ru/konkurs


Выберите специальность, которую Вы хотите получить:

Обучение проходит дистанционно на сайте проекта "Инфоурок".
По итогам обучения слушателям выдаются печатные дипломы установленного образца.

ПЕРЕЙТИ В КАТАЛОГ КУРСОВ


Идёт приём заявок на международный конкурс по математике "Весенний марафон" для учеников 1-11 классов и дошкольников

Уникальность конкурса в преимуществах для учителей и учеников:

1. Задания подходят для учеников с любым уровнем знаний;
2. Бесплатные наградные документы для учителей;
3. Невероятно низкий орг.взнос - всего 38 рублей;
4. Публикация рейтинга классов по итогам конкурса;
и многое другое...

Подайте заявку сейчас - https://urokimatematiki.ru

Похожие материалы

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