HTML
<<  HTML 5 Структура HTML-документа  >>
Animated GIFs
Animated GIFs
Animated GIFs
Animated GIFs
Image Maps
Image Maps
Image Maps
Image Maps
Image Maps
Image Maps
Картинки из презентации «HTML Lesson 4» к уроку информатики на тему «HTML»

Автор: Farah Fisher. Чтобы познакомиться с картинкой полного размера, нажмите на её эскиз. Чтобы можно было использовать все картинки для урока информатики, скачайте бесплатно презентацию «HTML Lesson 4.ppt» со всеми картинками в zip-архиве размером 89 КБ.

HTML Lesson 4

содержание презентации «HTML Lesson 4.ppt»
Сл Текст Сл Текст
1HTML Lesson 4. TBE 540. 12definition is MIG. </MAP> ends the
2Prerequisites. Learners must already definition. The lines in between describe
be able to... (besides basic computer the areas (by coordinates) and the web
knowledge) Use a search engine to locate pages that they link to.
information. Download graphics using 13Image Maps. The lines between <MAP
Netscape or Internet Explorer. Start an NAME=“MIG”> and </MAP> define the
HTML document (from scratch). Define GIF areas, one tag for each area. Here is an
and JPG. Use simple graphics tools to example from the pig: <AREA SHAPE=RECT
create/manipulate graphics. Demonstrate HREF=“FEET.HTM” COORDS=“2,200 205,300”>
appropriate use of the following HTML tags The shape of the area is a rectangle, the
categories: required tags, images, lists, link goes to FEET.HTM, the upper left of
background graphics, colors, text sizes, the rectangle is at 2,200 and the lower
links (graphics/text), lines. right of the rectangle is at 205,300.
3Objectives. After completing this 14Image Maps. How can I find the
lesson, the learner will be able to... coordinates? You can search shareware
Create a simple animated GIF using sites for image map programs. You can use
GIFBuilder (or a similar program). Create a graphics program, if it shows the
a GIF from the clipboard position of the cursor with “pixels”. Move
("copied" graphic) using the cursor over the picture and write down
clip2gif (or a similar program). Use the appropriate coordinates.
Netscape Communicator/Composer as a web 15Image Maps. Here is a simpler graphic
page editor Create three linked web pages with coordinates:
(topic=South America). Create an image map 16Image Maps. The accompanying HTML code
for two or more links (using WebMap or a for the image map:
similar program) and include the map in a 17Self Check - HTML Lesson 4. An
web page. animated GIF is… A single file A set of
4Animated GIFs. An animated GIF is a several images stored together A simple
single graphic that appears to be way to show short animations All of the
animated. The file consists of two or more above.
graphics stored together so that the 18Self Check - HTML Lesson 4. An
graphic appears to change. The structure animated GIF is… A single file A set of
is similar to cartoons that show movement several images stored together A simple
through rapidly changing individual way to show short animations All of the
pictures. above.
5Animated GIFs. The picture below 19Self Check - HTML Lesson 4. Which of
(right) is an animated GIF. You will also the following graphics formats would need
see the individual pictures that make up to be converted before using on a web
the animated GIF file. +. +. =. page? GIF JPG TIFF BMP PICT.
6Animated GIFs. Animated GIFs may be 20Self Check - HTML Lesson 4. Which of
downloaded from the web in the same way as the following graphics formats would need
static graphics (remember…honor to be converted before using on a web
copyrights). To make an animated GIF, look page? GIF JPG TIFF BMP {You will need a
for a freeware or shareware program from a graphics PICT conversion program}.
site such as http://www.tucows.com/ or 21Self Check - HTML Lesson 4. An image
http://www.shareware.com/ Search for GIF map is… A GIF that shows a map of a
animator. country A graphic that links to several
7GIFs from Other Files. When you use different web pages A graphic that links
the editing functions Copy or Cut, the to a single web page There is no such
information is placed in a part of memory thing!
called the clipboard. There are utility 22Self Check - HTML Lesson 4. An image
programs that convert the clipboard to a map is… A GIF that shows a map of a
GIF. You may also have files that are country A graphic that links to several
.PICT or .BMP. These will also require a different web pages A graphic that links
conversion program. Try searching the to a single web page There is no such
sites on the last slide for graphics thing!
converter. 23Self Check - HTML Lesson 4. Which of
8Image Maps. In an earlier lesson you the following tags shows a rectangular
learned that a graphic can be a link. With area linking to home.htm with coordinates
an image map, a single graphic can be used of 100,100 and 300,400? <AREA
to link to several different sites. SHAPE=RECT HREF=“home.htm”
Coordinates within an image are used to COORDS=“100,100,200,400”> <AREA
“map” various areas, each of which may be SHAPE=RECT HREF=“home.htm” COORDS=“100,100
used as a link to a different web page. 200,400”>
9Image Maps. If you could see an image 24Self Check - HTML Lesson 4. Which of
with its map, it might look like this: the following tags shows a rectangular
These areas might link to EAR.HTM. Each area linking to home.htm with coordinates
area could be a separate link. This area of 100,100 and 200,400? <AREA
might link to FEET.HTM. SHAPE=RECT HREF=“home.htm”
10Image Maps. Each area is defined by COORDS=“100,100,200,400”> <AREA
coordinates in pixels. For rectangular SHAPE=RECT HREF=“home.htm” COORDS=“100,100
areas, it is the upper left and lower 200,400”> {No comma between sets of
right. This area might be defined as 2,200 coordinates}.
(upper left) 205,300 (lower right). 25Netscape Communicator as a Web Editor.
11Image Maps. The HTML code to make an For specific instructions in Windows, see
image map begins with the IMG tag. Here is http://www.csudh.edu/soe/flex/composertuto
a sample: <IMG SRC=“pig.gif” ial For specific instructions on a
USEMAP=“#MIG”> USEMAP says that the Macintosh, see
graphic is an image map. MIG is the name http://www.csudh.edu/fisher/tbe540/MACComp
of the map definition (# means “look in ser/maccomposertutorial.htm.
this same document”). 26Try This! Try the hands-on exercise at
12Image Maps. The image map definition http://www.csudh.edu/fisher/tbe540/HEX4.ht
begins with a map tag: <MAP .
NAME=“MIG”> The name of this map
HTML Lesson 4.ppt
http://900igr.net/kartinka/informatika/html-lesson-4-264178.html
cсылка на страницу

HTML Lesson 4

другие презентации на тему «HTML Lesson 4»

«Основы HTML» - Разбиение текста на строки и абзацы. Размер шрифта. БЕГУЩАЯ СТРОКА (продолжение). Спецификация атрибута. “#RRGGBB”, где RR, GG, BB соответственно интенсивность красного, зеленого или синего цветов. <BR> Нумерованный список <OL> <LI>Первый <LI>Второй <LI>... </OL> <BR> Маркированный список <UL> <LI>Первый <LI>Второй <LI>... </UL>.

«Документ HTML» - Гиперссылка. Терминология HTML. План занятия. 1994. Терминология. Достигнута граница html- документа строк для интерпретации больше нет. Московский Центр Интернет-образования Преподаватель Шапиро К. В. - Разработан стандарт HTML 2.0. - Разработаны стандарты HTML 3.2 и HTML 4.0. <IMG SRC=“leo1.gif”>.

«Язык HTML» - Язык HTML предназначен для разметки и оформления документов в Интернете. Каждый тег имеет свое название. Все было приведено к логической и структурной разметке текста. Видимо история HTML, полная борьбы и противоречий, по-видимому, близится к завершению. Заголовок определяется с помощью элемента HEAD, а тело – элементом BODY.

«Основы языка HTML» - Дэн Конноли,1994 - HTML 2. В настоящее время версия с 1994 г. - HTML 4.0. Списки. Д. Раггетт (Hewlett-Packard Labs), 1992 - HTML+. Таблицы. Элементы заголовка html-документа (тэг HEAD). Элементы стиля и форматирования текста. Основы языка HTML.

«HTML страница» - Заголовок web-страницы. Пример 3: <h1>Архитектура Санкт-Петербурга</h1>. Рекомендуется не превышать длину тега <title> в 50 знаков с пробелами. Заголовок записывается в разделе <head> в теге <title>. Допускается использование всех атрибутов шрифта одновременно в одном теге.

«Основы языка HTML» - Элементы стиля и форматирования текста. Основы языка HTML. Таблицы. Дэн Конноли,1994 - HTML 2. В настоящее время версия с 1994 г. - HTML 4.0. Элементы заголовка html-документа (тэг HEAD). Д. Раггетт (Hewlett-Packard Labs), 1992 - HTML+. Списки.

HTML

18 презентаций об HTML
Урок

Информатика

130 тем
Картинки