- Гиперссылки и графические обьекты в HTML-документе

Презентация "Гиперссылки и графические обьекты в HTML-документе" (9 класс) по информатике – проект, доклад

Слайд 1
Слайд 2
Слайд 3
Слайд 4
Слайд 5
Слайд 6
Слайд 7
Слайд 8
Слайд 9
Слайд 10
Слайд 11
Слайд 12
Слайд 13
Слайд 14
Слайд 15
Слайд 16
Слайд 17
Слайд 18

Презентацию на тему "Гиперссылки и графические обьекты в HTML-документе" (9 класс) можно скачать абсолютно бесплатно на нашем сайте. Предмет проекта: Информатика. Красочные слайды и иллюстрации помогут вам заинтересовать своих одноклассников или аудиторию. Для просмотра содержимого воспользуйтесь плеером, или если вы хотите скачать доклад - нажмите на соответствующий текст под плеером. Презентация содержит 18 слайд(ов).

Слайды презентации

Составил: учитель информатики и физики Водичев Андрей Сергеевич. Гиперссылки и графические объекты в HTML-документе.
Слайд 1

Составил: учитель информатики и физики Водичев Андрей Сергеевич

Гиперссылки и графические объекты в HTML-документе.

Гиперссылки. Гиперссылки – связь текста или какого-либо объекта с другими гипертекстовыми документами. Ссылкой на эти другие документы (части нашей странички) может быть текст (фраза, слово), а может быть и картинка.
Слайд 2

Гиперссылки

Гиперссылки – связь текста или какого-либо объекта с другими гипертекстовыми документами. Ссылкой на эти другие документы (части нашей странички) может быть текст (фраза, слово), а может быть и картинка.

гипертекстовые ссылки среди других элементов текста выделяются цветом и подчеркиванием; мышиный курсор на ссылке меняет свою форму и превращается в указующий перст; для перехода по ссылке необходимо щелкнуть по ней мышкой; для возврата из ссылки необходимо использовать навигационную кнопку браузера
Слайд 3

гипертекстовые ссылки среди других элементов текста выделяются цветом и подчеркиванием; мышиный курсор на ссылке меняет свою форму и превращается в указующий перст; для перехода по ссылке необходимо щелкнуть по ней мышкой; для возврата из ссылки необходимо использовать навигационную кнопку браузера Назад (Back).

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

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

Гиперссылки в виде текста. текст делает ссылкой заключенную в него фразу (текст). В кавычках мы указываем путь и имя файла, на который будем ссылаться, например: мои фотографии - файл лежит в поддиректории /photos мои фотографии
Слайд 5

Гиперссылки в виде текста

текст делает ссылкой заключенную в него фразу (текст). В кавычках мы указываем путь и имя файла, на который будем ссылаться, например: мои фотографии - файл лежит в поддиректории /photos мои фотографии

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

Пример текстовых гиперссылок

туда...

и обратно...
Графические объекты. Картинку можно помещать в документ почти так же, как текстовый символ. Для вставки этого необычного знака нужно воспользоваться тегом  -вставка графического объекта Допускается использование файлов в формате GIF и JPG/JPEG.
Слайд 9

Графические объекты

Картинку можно помещать в документ почти так же, как текстовый символ. Для вставки этого необычного знака нужно воспользоваться тегом -вставка графического объекта Допускается использование файлов в формате GIF и JPG/JPEG.

Атрибуты. Атрибут src = “имя файла.jpg” При помощи этого тега можно задать имя файла с картинкой. Команда  заставит браузер отобразить на экране графический файл картинка.gif из текущего каталога.
Слайд 10

Атрибуты

Атрибут src = “имя файла.jpg” При помощи этого тега можно задать имя файла с картинкой. Команда заставит браузер отобразить на экране графический файл картинка.gif из текущего каталога.

Для удобства картинку сохраняют в ту же папку, что и HTML-документ, тогда в кавычках указывается только имя картинки, например:  Тег  не требует закрывающего тега.
Слайд 11

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

Атрибут alt = "текст надписи" Если браузер не находит картинки в указанном месте на диске, он вместо нее рисует на экране маленький прямоугольник и вписывает в него надпись, которая задана атрибутом alt:  Cтоит пользователю установить курсор на картинке, как надпись появится в маленьком ок
Слайд 12

Атрибут alt = "текст надписи" Если браузер не находит картинки в указанном месте на диске, он вместо нее рисует на экране маленький прямоугольник и вписывает в него надпись, которая задана атрибутом alt: надпись Cтоит пользователю установить курсор на картинке, как надпись появится в маленьком окошке и сообщит дополнительную информацию.

Атрибуты width = n и height = m Эти атрибуты задают ширину и высоту (в пикселях) прямоугольника, в который выводится картинка. Если атрибуты не заданы, картинка рисуется в естественных размерах. Атрибут border = n Атрибут задает рамку иллюстрации толщиной в n пикселов. При отсутствии атрибута, или п
Слайд 13

Атрибуты width = n и height = m Эти атрибуты задают ширину и высоту (в пикселях) прямоугольника, в который выводится картинка. Если атрибуты не заданы, картинка рисуется в естественных размерах. Атрибут border = n Атрибут задает рамку иллюстрации толщиной в n пикселов. При отсутствии атрибута, или при значении n=0 рамка не рисуется.

Атрибут align Этот атрибут определяет положение иллюстрации по отношению к соседним элементам документа. Можно использовать следующие значения атрибута:
Слайд 14

Атрибут align Этот атрибут определяет положение иллюстрации по отношению к соседним элементам документа. Можно использовать следующие значения атрибута:

- картинка будет располагаться слева от текста  - картинка будет располагаться справа от текста  - текст будет располагаться внизу картинки (это по умолчанию)  - текст будет располагаться посередине картинки  - текст будет располагаться вверху картинки
Слайд 15

- картинка будет располагаться слева от текста - картинка будет располагаться справа от текста - текст будет располагаться внизу картинки (это по умолчанию) - текст будет располагаться посередине картинки - текст будет располагаться вверху картинки

Расстояние между текстом и изображением. Расстояние между текстом и изображением задаётся с помощью параметров vspace и hspace; Vspace – расстояние от изображения до текста по вертикали. Hspace – расстояние от изображения до текста по горизонтали. Расстояние задаётся в пикселях.
Слайд 16

Расстояние между текстом и изображением

Расстояние между текстом и изображением задаётся с помощью параметров vspace и hspace; Vspace – расстояние от изображения до текста по вертикали. Hspace – расстояние от изображения до текста по горизонтали. Расстояние задаётся в пикселях.

Гиперссылки в виде картинки. Cсылкой может быть и картинка. Принцип ссылки тот же, что и в случае с текстом, только между тегами вставляется не текст, а картинка:
Слайд 17

Гиперссылки в виде картинки

Cсылкой может быть и картинка. Принцип ссылки тот же, что и в случае с текстом, только между тегами вставляется не текст, а картинка:

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

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

Список похожих презентаций

Гиперссылки, таблицы «Создание Web-сайтов»

Гиперссылки, таблицы «Создание Web-сайтов»

Гиперссылки.  Текст ссылки . Переход на новую страницу сайта. Башня десятиэтажная, три из которых, занимают Куранты - часы с боем. Переход на другой ...
Растровые и векторные графические редакторы

Растровые и векторные графические редакторы

искусство изображения предметов линиями и штрихами, без красок, а также произведения искусства. Графика. Основной вид графики. Изображение. Начертание ...
Гиперссылки в тексте

Гиперссылки в тексте

Гиперссылка - это. цветной подчеркнутый текст или графический объект, по щелчку которого выполняется переход к файлу, фрагменту файла или веб - странице ...
Гиперссылки

Гиперссылки

Что такое гиперссылка? Гиперссылка (hyperlink) указатель внутри гипертекстового документа, указывающий на другой документ (связывает с другим документом). ...
Векторные графические редакторы

Векторные графические редакторы

Использованные изображения:. «Inkscape» - http://inkscape.org/screenshots/gallery/inkscape-0.48-ferrari.png «Xara Designer» - http://upload.wikimedia.org/wikipedia/ru/c/cd/XaraLX-Screenshot_microscope.png ...
Компьютерные вирусы и антивирусные программы

Компьютерные вирусы и антивирусные программы

Рекламные программы Под рекламными и информационными программами понимаются такие программы, которые, помимо своей основной функции, также демонстрируют ...
Алгоритмы и программы

Алгоритмы и программы

КОМАНДЫ ДЛЯ КОМПЬЮТЕРА. Компьютерная программа представляет собой список команд, которые указывают компьютеру , что он должен делать.Некоторые    программы ...
Компьютерные вирусы и антивирусные программы

Компьютерные вирусы и антивирусные программы

Цель:. Определить, что является компьютерным вирусом, выяснить пути проникновения и влияние вирусов на работу компьютера и определить методы защиты ...
Компьютерные вирусы и антивирусные программы

Компьютерные вирусы и антивирусные программы

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

Компьютерные вирусы и защитные программы

Оглавление. 1. Что такое компьютерный вирус? 2. Чем вреден компьютерный вирус? 3. Где и как можно поймать компьютерный вирус? 4. Антивирусные программы. ...
Компьютерные вирусы и антивирусные программы

Компьютерные вирусы и антивирусные программы

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

Компьютерные вирусы и антивирусные программы

Вредоносные программы и их типы. Вредоносными программами являются программы, наносящие вред данным и программам, хранящимся на компьютере. Основными ...
Антивирусные программы

Антивирусные программы

Введение. Компьютеры в наше время выполняют множество задач. Практически никто сейчас не работает без компьютера. Рынок IT процветает и развивается, ...
Антивирусные программы

Антивирусные программы

DrWeb. Антивирусные программы семейства Dr.Web выполняют поиск и удаление известных программе вирусов из памяти и с дисков компьютера, а так же осуществляют ...
Антивирусные программы

Антивирусные программы

Вирус.Что это? Компьюютерный вирус — вид вредоносного программного обеспечения, способного создавать копии самого себя и внедряться в код других программ, ...
Антивирусные программы

Антивирусные программы

Описание программного продукта антивируса Avast. Описание программного продукта Антивируса Avast. Аvast Internet Security является одной из лучших ...
Антивирусные программы

Антивирусные программы

Борьба с вирусами. В наше время существуют разные способы борьбы с вирусами. Самый лучший способ защитить свой персональный компьютер это установить ...
Антивирусные программы

Антивирусные программы

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

Алгоритмы и программы для исполнителя Кукарача

Программирование — удивительный род человеческой деятельности, который сродни волшебству. Несколько заклинаний на языке посвящённых, и «твёрдый» металл ...
Компьютерные вирусы и антивирусные программы

Компьютерные вирусы и антивирусные программы

Наше столетие, несомненно, является одним из поворотных этапов в жизни человечества. Человечество захвачено техникой и уже вряд ли откажется от удобств, ...

Конспекты

Создание элементов управления в презентации. Гиперссылки

Создание элементов управления в презентации. Гиперссылки

. Муниципальное бюджетное образовательное учреждение Средняя общеобразовательная школа № 54 Орджоникидзевского района ГО г. Уфа РБ. ...
Растровая и векторная графика. Растровые графические редакторы

Растровая и векторная графика. Растровые графические редакторы

БЕГАЛИЕВ РУСТАМ НУРМАНБЕТОВИЧ. УЧИТЕЛЬ ИНФОРМАТИКИ. МКОУ ТАЕЖНИНСКАЯ СОШ №7. Использованные материалы и изображения:. Антошин М. К. Учимся ...
Растровые и векторные графические редакторы

Растровые и векторные графические редакторы

Тема урока: Растровые и векторные графические редакторы. Цели:. Образовательная. : знакомство с профессиональными графическими редакторами. Развивающая. ...
Компьютернаяграфика. Растровые и векторные графические редакторы

Компьютернаяграфика. Растровые и векторные графические редакторы

Муниципальное бюджетное общеобразовательное учреждение. . «Средняя общеобразовательная школа №10». Городского округа город Кумертау. Республики ...
Растровая и векторная графика. Растровые графические редакторы

Растровая и векторная графика. Растровые графические редакторы

ПЛАН-КОНСПЕКТ УРОКА "Растровая и векторная графика. Растровые графические редакторы". Практическая работа "Редактирование изображений в растровом ...
Гиперссылки и рисунки

Гиперссылки и рисунки

Дата: ______________. Класс: 10. Тема: гиперссылки и рисунки. . Тип урока: Объяснительно – демонстрационный. Цели урока: Научить учащихся создавать ...
Гиперссылки в MSWord

Гиперссылки в MSWord

9 класс (20 декабря 2013 г.). Тема урока:. Гиперссылки в MSWord. . . Цель работы:. Познакомиться с гипертекстовым документом и гиперссылками. ...
Гиперссылки

Гиперссылки

11 класс элективный курс «. Web. -дизайн». Урок № Дата:. . Тема урока: Гиперссылки. Цели урока:. . Обучающая: усвоить новые знания и сформировать ...
Векторные графические редакторы

Векторные графические редакторы

Муниципальное общеобразовательное учреждение. Гимназия г. Навашино. Навашинского района Нижегородской области. Урок в 7 классе на ...
Векторные графические редакторы

Векторные графические редакторы

. Урок по информатики в 7 классе. . . Тема:. Векторные графические редакторы. Тип:. Формировать новые знания. Цель. Формировать у учащихся ...

Советы как сделать хороший доклад презентации или проекта

  1. Постарайтесь вовлечь аудиторию в рассказ, настройте взаимодействие с аудиторией с помощью наводящих вопросов, игровой части, не бойтесь пошутить и искренне улыбнуться (где это уместно).
  2. Старайтесь объяснять слайд своими словами, добавлять дополнительные интересные факты, не нужно просто читать информацию со слайдов, ее аудитория может прочитать и сама.
  3. Не нужно перегружать слайды Вашего проекта текстовыми блоками, больше иллюстраций и минимум текста позволят лучше донести информацию и привлечь внимание. На слайде должна быть только ключевая информация, остальное лучше рассказать слушателям устно.
  4. Текст должен быть хорошо читаемым, иначе аудитория не сможет увидеть подаваемую информацию, будет сильно отвлекаться от рассказа, пытаясь хоть что-то разобрать, или вовсе утратит весь интерес. Для этого нужно правильно подобрать шрифт, учитывая, где и как будет происходить трансляция презентации, а также правильно подобрать сочетание фона и текста.
  5. Важно провести репетицию Вашего доклада, продумать, как Вы поздороваетесь с аудиторией, что скажете первым, как закончите презентацию. Все приходит с опытом.
  6. Правильно подберите наряд, т.к. одежда докладчика также играет большую роль в восприятии его выступления.
  7. Старайтесь говорить уверенно, плавно и связно.
  8. Старайтесь получить удовольствие от выступления, тогда Вы сможете быть более непринужденным и будете меньше волноваться.

Информация о презентации

Ваша оценка: Оцените презентацию по шкале от 1 до 5 баллов
Дата добавления:20 января 2019
Категория:Информатика
Классы:
Содержит:18 слайд(ов)
Поделись с друзьями:
Скачать презентацию
Смотреть советы по подготовке презентации