PPt4Web Хостинг презентаций

Главная / Информатика / Разработка Web-сайтовс использованием языкаразметки гипертекста HTML
X Код для использования на сайте:

Скопируйте этот код и вставьте его на свой сайт

X

Чтобы скачать данную презентацию, порекомендуйте, пожалуйста, её своим друзьям в любой соц. сети.

После чего скачивание начнётся автоматически!

Кнопки:

Презентация на тему: Разработка Web-сайтовс использованием языкаразметки гипертекста HTML


Скачать эту презентацию

Презентация на тему: Разработка Web-сайтовс использованием языкаразметки гипертекста HTML


Скачать эту презентацию



№ слайда 1
Описание слайда:

№ слайда 2
Описание слайда:

№ слайда 3 Информация во Всемирной паутине хранится в форме Web-сайтов. Информация во Всеми
Описание слайда:

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

№ слайда 4 Официальные (правительство, Дума, школа…) Официальные (правительство, Дума, школ
Описание слайда:

Официальные (правительство, Дума, школа…) Официальные (правительство, Дума, школа…) Коммерческие Личные

№ слайда 5 Малый информационный объем («легкие») Малый информационный объем («легкие») Приг
Описание слайда:

Малый информационный объем («легкие») Малый информационный объем («легкие») Пригодны для просмотра в разных ОС. Динамичные. Интерактивные.

№ слайда 6 Построить сайт на локальном компьютере. Построить сайт на локальном компьютере.
Описание слайда:

Построить сайт на локальном компьютере. Построить сайт на локальном компьютере. Протестировать (проверить правильность работы). Разместить в Интернете – подобрать сервер для хостинга (платный или бесплатный).

№ слайда 7 1) простейший текстовый редактор (без форматирования текста): Блокнот 1) простей
Описание слайда:

1) простейший текстовый редактор (без форматирования текста): Блокнот 1) простейший текстовый редактор (без форматирования текста): Блокнот 2) браузер для просмотра страниц: Internet Explorer 3) программа обработки изображений: Photoshop

№ слайда 8 Создание сайта на языке HTML очень трудоемкое, нужны специальные знания. Создани
Описание слайда:

Создание сайта на языке HTML очень трудоемкое, нужны специальные знания. Создание сайта на языке HTML очень трудоемкое, нужны специальные знания. Есть визуальные веб-редакторы (программы) для создания сайтов. Работают по принципу WYSIWYG (что видишь, то и получишь).

№ слайда 9
Описание слайда:

№ слайда 10 Вид Web-страницы задается управляющими командами - тэгами, которые заключаются в
Описание слайда:

Вид Web-страницы задается управляющими командами - тэгами, которые заключаются в угловые скобки < > Вид Web-страницы задается управляющими командами - тэгами, которые заключаются в угловые скобки < > Тэги бывают одиночные (неповторяющиеся) или парные (контейнеры): перед закрывающим тэгом контейнера пишут прямой слэш (/) <body> </body> Тэги пишутся английскими буквами (прописными, строчными).

№ слайда 11 Весь HTML-код страницы помещается внутрь главного контейнера: <HTML></H
Описание слайда:

Весь HTML-код страницы помещается внутрь главного контейнера: <HTML></HTML>. Весь HTML-код страницы помещается внутрь главного контейнера: <HTML></HTML>. Web-страница разделяется на 2 логические части: заголовок (HEAD) содержание (BODY).

№ слайда 12 Заголовок Web-страницы заключается в контейнер <HEAD> </HEAD> Заголо
Описание слайда:

Заголовок Web-страницы заключается в контейнер <HEAD> </HEAD> Заголовок Web-страницы заключается в контейнер <HEAD> </HEAD> Содержит название документа и справочную информацию о странице (например, тип кодировки), которая используется браузером для ее правильного отображения. Название Web-страницы содержится в контейнере <ТITLE> </TITLE> и отображается в верхней строке окна браузера при просмотре страницы. <HEAD> <ТITLЕ>Компьютер</ТITLЕ> </HEAD>

№ слайда 13 <HTML> <HTML> <HEAD> <ТITLЕ>Компьютер</ТITLЕ> <
Описание слайда:

<HTML> <HTML> <HEAD> <ТITLЕ>Компьютер</ТITLЕ> </HEAD> </HTML>

№ слайда 14 Основное содержание страницы помещается в контейнер <BODY> </BODY>.
Описание слайда:

Основное содержание страницы помещается в контейнер <BODY> </BODY>. Основное содержание страницы помещается в контейнер <BODY> </BODY>. Может содержать: текст, таблицы, бегущие строки, картинки, ссылки, звуковые файлы... Поместим на страницу текст «Все о компьютере»: <BODY> Все о компьютере </BODY>

№ слайда 15 <HTML> <HTML> <HEAD> <ТITLЕ>Компьютер</ТITLЕ> <
Описание слайда:

<HTML> <HTML> <HEAD> <ТITLЕ>Компьютер</ТITLЕ> </HEAD> <BODY> Все о компьютере </BODY> </HTML>

№ слайда 16
Описание слайда:

№ слайда 17 1. Cоздать для сайта специальную папку и сохранять все файлы сайта в этой папке.
Описание слайда:

1. Cоздать для сайта специальную папку и сохранять все файлы сайта в этой папке. 1. Cоздать для сайта специальную папку и сохранять все файлы сайта в этой папке. 2. Web-страницу сохранить в виде файла с именем index.html - это титульный лист сайта (первым загружается в браузер) Расширения файла Web-страницы – .htm или .html

№ слайда 18 Нужно различать имя файла index.html - под которым Web-страница хранится в файло
Описание слайда:

Нужно различать имя файла index.html - под которым Web-страница хранится в файловой системе, и собственно имя Web-страницы «Компьютер» - высвечивается в верхней строке окна браузера и в первую очередь анализируется поисковыми системами. Нужно различать имя файла index.html - под которым Web-страница хранится в файловой системе, и собственно имя Web-страницы «Компьютер» - высвечивается в верхней строке окна браузера и в первую очередь анализируется поисковыми системами. Имя Web-страницы должно в максимальной степени соответствовать ее содержанию. 1. В Блокнот ввести HTML-код Web-страницы. 2. Сохранить файл под именем index.html в папке сайта. Выбрать тип файла – «Все файлы». 3. Открыть этот файл в браузере для просмотра.

№ слайда 19
Описание слайда:

№ слайда 20 Проект сайта: Проект сайта: сколько Web-страниц будет входить в сайт, тематика с
Описание слайда:

Проект сайта: Проект сайта: сколько Web-страниц будет входить в сайт, тематика страниц, связи страниц (гиперссылки). Структура сайта «Компьютер»: 1) начальная (домашняя) страница; 2) «Программы» (классификация программного обеспечения); 3) «Словарь» (словарь компьютерных терминов); 4) «Анкета» (опрос посетителей сайта).

№ слайда 21 § 3.7.1 – 3.7.2 – определения и тэги наизусть; § 3.7.1 – 3.7.2 – определения и т
Описание слайда:

§ 3.7.1 – 3.7.2 – определения и тэги наизусть; § 3.7.1 – 3.7.2 – определения и тэги наизусть; вопросы (с.114, 115) ПР 3.8 (задания 1-2) – с. 166

№ слайда 22
Описание слайда:

№ слайда 23 В какой форме хранится информация во Всемирной паутине? В какой форме хранится и
Описание слайда:

В какой форме хранится информация во Всемирной паутине? В какой форме хранится информация во Всемирной паутине? Что такое Web-сайт? Типы сайтов. В чем преимущества веб-страниц перед обычными текстовыми документами? Каким образом веб-страницы объединяются в веб-сайты? Что такое тэги? Что такое тэговый контейнер? Записать главный контейнер веб-страницы. Какова логическая структура веб-страницы? Написать шаблон веб-страницы.

№ слайда 24
Описание слайда:

№ слайда 25 Пока страница не слишком привлекательна: мелкий шрифт и черный текст на белом фо
Описание слайда:

Пока страница не слишком привлекательна: мелкий шрифт и черный текст на белом фоне. Но с помощью тэгов можно украсить текст. Пока страница не слишком привлекательна: мелкий шрифт и черный текст на белом фоне. Но с помощью тэгов можно украсить текст. 1. Заголовки: тэги от <Н1> (самый крупный) до <Н6> (самый мелкий). <Н1> Всё о компьютере </Н1> 2. Шрифт (FONT). Некоторые тэги имеют атрибуты - имена свойств, могут принимать определенные значения. FONT face=“Arial” – гарнитура шрифта size=4 – размер color=“red” – цвет 3. Выравнивание (ALIGN). Текст обычно выравнивается по левому краю страницы, однако принято заголовок размещать по центру. ALIGN =“left", <FONT COLOR=“blue” ALIGN="right", <Н1 ALIGN="center"> Bcё о компьютере </Н1> ALIGN="center" </FONT>

№ слайда 26 Значение атрибута COLOR можно задать 2-мя способами: а) названием цвета (наприме
Описание слайда:

Значение атрибута COLOR можно задать 2-мя способами: а) названием цвета (например, "red", "green", "blue" и так далее), б) его шестнадцатеричным значением в RGB-формате "#RRGGBB", где две первые шестнадцатеричные цифры задают интенсивность красного (red), две следующие — интенсивность зеленого (green) и две последние — интенсивность синего (blue) цветов. Минимальная интенсивность цвета задается шестнадцатеричным числом 00, а максимальная — FF. Синий цвет = "#0000FF". Таким образом, задать синий цвет заголовка можно тэгом FONT с атрибутом COLOR: <FONT COLOR=«#0000FF"> <Н1 ALIGN="center">Bcё о компьютере</Н1> </FONT>

№ слайда 27
Описание слайда:

№ слайда 28 4. Горизонтальная линия отделит заголовок от остального содержания страницы с по
Описание слайда:

4. Горизонтальная линия отделит заголовок от остального содержания страницы с помощью одиночного тэга <HR>. 4. Горизонтальная линия отделит заголовок от остального содержания страницы с помощью одиночного тэга <HR>. 5. Абзацы: <Р></Р>. При просмотре в браузере абзацы отделяются друг от друга интервалами. Для каждого абзаца можно задать определенный тип выравнивания.

№ слайда 29 Отформатировать текст начальной страницы: Отформатировать текст начальной страни
Описание слайда:

Отформатировать текст начальной страницы: Отформатировать текст начальной страницы: 1) Создать и выровнять 2 абзаца (зад.3) 2) Выделить цветом заголовок страницы и отделить его горизонтальной чертой (зад.4)

№ слайда 30
Описание слайда:

№ слайда 31 § 3.7.3 – тэги наизусть; § 3.7.3 – тэги наизусть; вопросы (с.114, 115, 116) ПР 3
Описание слайда:

§ 3.7.3 – тэги наизусть; § 3.7.3 – тэги наизусть; вопросы (с.114, 115, 116) ПР 3.8 (задания 3-4) – с. 166

№ слайда 32
Описание слайда:

№ слайда 33 В какой форме хранится информация во Всемирной паутине? В какой форме хранится и
Описание слайда:

В какой форме хранится информация во Всемирной паутине? В какой форме хранится информация во Всемирной паутине? Что такое Web-сайт? Типы сайтов. В чем преимущества веб-страниц перед обычными текстовыми документами? Каким образом веб-страницы объединяются в веб-сайты? Что такое тэги? Что такое тэговый контейнер? Записать главный контейнер веб-страницы. Какова логическая структура веб-страницы? Написать шаблон веб-страницы. Перечислить 5 тегов форматирования страницы. Что такое атрибут тега? Какие существуют способы задания цвета на веб-странице? Какие теги используются для ввода заголовка? Форматирования шрифта? Ввода абзаца?

№ слайда 34
Описание слайда:

№ слайда 35 На Web-страницах могут быть графические файлы 3 форматов — GIF, JPG и PNG. Если
Описание слайда:

На Web-страницах могут быть графические файлы 3 форматов — GIF, JPG и PNG. Если рисунок сохранен в другом формате, то его необходимо предварительно преобразовать в один из этих форматов. На Web-страницах могут быть графические файлы 3 форматов — GIF, JPG и PNG. Если рисунок сохранен в другом формате, то его необходимо предварительно преобразовать в один из этих форматов. Для вставки изображения используется тэг <IMG> с атрибутом SRC, который указывает на место хранения файла на локальном компьютере или в Интернете. 1) картинка на локальном компьютере в папке с сайтом: <IMG SRC="computer.jpg"> 2) картинка в другой папке на локальном компьютере: <IMG SRC="C:\computer\computer.jpg"> 3) картинка находится на удаленном сервере в Интернете: <IMG SRC="http://www.server.ru/computer.jpg">

№ слайда 36 Иллюстрации на Web-страницах стали неотъемлемым элементом дизайна. Однако пользо
Описание слайда:

Иллюстрации на Web-страницах стали неотъемлемым элементом дизайна. Однако пользователи в целях экономии времени иногда отключают в браузере загрузку графических изображений и читают только тексты. Иллюстрации на Web-страницах стали неотъемлемым элементом дизайна. Однако пользователи в целях экономии времени иногда отключают в браузере загрузку графических изображений и читают только тексты. Поэтому, чтобы не терялся смысл страницы, вместо рисунка должен выводиться поясняющий текст с атрибутом ALT <IMG SRC="computer.jpg" АLТ="Компьютер"> Положение рисунка в тексте – определяет атрибут ALIGN тэга <IMG>: ТОР, MIDDLE, BOTTOM, LEFT , RIGHT. <IMG SRC="computer.jpg" ALT="Компьютер" ALIGN="right">

№ слайда 37
Описание слайда:

№ слайда 38 <HTML> <HTML> <HEAD> <TITLE>Компьютер</TITLE></
Описание слайда:

<HTML> <HTML> <HEAD> <TITLE>Компьютер</TITLE></HEAD> <BODY> <H1 ALIGN="center"> <FONT COLOR="#0000FF"> Все о компьютере </FONT> </H1> <HR> <IMG SRC="computer.jpg" ALT="Компьютер" ALIGN="right"> <P ALIGN="left">На этом сайта вы сможете получить различную информацию о компьютере, его программном обеспечении и ценах на компьютерные комплектующие.</P> <P ALIGN="right">Терминологический словарь познакомит вас с компьютерными терминами, а также вы сможете заполнить анкету.</P> </BODY> </HTML>

№ слайда 39 § 3.7.4 – тэги наизусть; § 3.7.4 – тэги наизусть; вопросы (с.114, 115, 116, 118)
Описание слайда:

§ 3.7.4 – тэги наизусть; § 3.7.4 – тэги наизусть; вопросы (с.114, 115, 116, 118) ПР 3.8 (задание 5) – с. 167

№ слайда 40
Описание слайда:

№ слайда 41 Что такое Web-сайт? Что такое Web-сайт? Типы сайтов. Каким образом веб-страницы
Описание слайда:

Что такое Web-сайт? Что такое Web-сайт? Типы сайтов. Каким образом веб-страницы объединяются в веб-сайты? Что такое тэги? тэговый контейнер? Записать главный контейнер веб-страницы. Какова логическая структура веб-страницы? Перечислить 5 тегов форматирования страницы. Что такое атрибут тега? Какие существуют способы задания цвета на веб-странице? Какие теги используются для ввода заголовка? Форматирования шрифта? Ввода абзаца? Какой тег и его атрибуты используются для вставки изображений?

№ слайда 42
Описание слайда:

№ слайда 43 Гиперссылки позволяют загружать в браузер другие веб-страницы, связанные с преды
Описание слайда:

Гиперссылки позволяют загружать в браузер другие веб-страницы, связанные с предыдущей. Гиперссылки позволяют загружать в браузер другие веб-страницы, связанные с предыдущей. Гиперссылка состоит из 2 частей: адрес и указатель ссылки. Гиперссылка задается универсальным тегом <A> с атрибутом HREF (он указывает, в каком файле хранится нужная веб-страница): <A HREF=«адрес»> Указатель ссылки</A>

№ слайда 44 1) внутренняя: 1) внутренняя: <A HREF=«filename.html»> Указатель ссылки&lt
Описание слайда:

1) внутренняя: 1) внутренняя: <A HREF=«filename.html»> Указатель ссылки</A> 2) внешняя: <A HREF=«http://www.server.ru/site/ filename.html»> Указатель ссылки</A>

№ слайда 45 Указатель – видимая часть гиперссылки: текст или картинка Указатель – видимая ча
Описание слайда:

Указатель – видимая часть гиперссылки: текст или картинка Указатель – видимая часть гиперссылки: текст или картинка

№ слайда 46 Перейти на другие веб-страницы: Перейти на другие веб-страницы: <A HREF=«file
Описание слайда:

Перейти на другие веб-страницы: Перейти на другие веб-страницы: <A HREF=«filename.html»> Указатель ссылки</A> Открыть картинку в браузере: <A HREF=«picture.jpg»> Картинка</A> Прослушать звук (запуск встроенного в браузер проигрывателя): <A HREF=«sound.wav»> Звук</A> Сохранить файл (запуск встроенного в браузер менеджера загрузки файлов): <A HREF=«arhiv.rar»> Скачать файл</A>

№ слайда 47 Гиперссылка этого типа заключается в особый контейнер <ADDRESS></ADDRES
Описание слайда:

Гиперссылка этого типа заключается в особый контейнер <ADDRESS></ADDRESS> Гиперссылка этого типа заключается в особый контейнер <ADDRESS></ADDRESS> <ADDRESS> <A HREF=“mailto:username@server.ru”>Наш е-mail</A> </ADDRESS>

№ слайда 48
Описание слайда:

№ слайда 49 <HTML> <HTML> <HEAD> <TITLE>Компьютер</TITLE></
Описание слайда:

<HTML> <HTML> <HEAD> <TITLE>Компьютер</TITLE></HEAD> <BODY> <H1 ALIGN="center"> <FONT COLOR="#0000FF"> Все о компьютере </FONT> </H1> <HR> <IMG SRC="computer.jpg" ALT="Компьютер" ALIGN="right"> <P ALIGN="left">На этом сайта вы сможете получить различную информацию о компьютере, его программном обеспечении и ценах на компьютерные комплектующие.</P> <P ALIGN="right">Терминологический словарь познакомит вас с компьютерными терминами, а также вы сможете заполнить анкету.</P> <P ALIGN="center"> [<A HREF="software.htm">Программы</A>] &nbsp [<A HREF="glossary.htm">Словарь</A>] &nbsp [<A HREF="hardware.htm">Комплектующие</A>]&nbsp [<A HREF="anketa.htm">Анкета</A>] </P> <ADDRESS> <A HREF="mailto:mailbox@provaider.ru">E-mail: mailbox@provaider.ru</A> </ADDRESS> </BODY> </HTML>

№ слайда 50 § 3.7.5 – тэги наизусть; § 3.7.5 – тэги наизусть; вопросы (с.114, 115, 116, 118,
Описание слайда:

§ 3.7.5 – тэги наизусть; § 3.7.5 – тэги наизусть; вопросы (с.114, 115, 116, 118, 119) ПР 3.8 (задания 6-7) – с. 167: панель навигации

№ слайда 51
Описание слайда:

№ слайда 52 Что такое Web-сайт? Что такое Web-сайт? Каким образом веб-страницы объединяются
Описание слайда:

Что такое Web-сайт? Что такое Web-сайт? Каким образом веб-страницы объединяются в веб-сайты? Что такое тэги? тэговый контейнер? Записать главный контейнер веб-страницы. Какова логическая структура веб-страницы? Перечислить 5 тегов форматирования страницы. Что такое атрибут тега? Какие существуют способы задания цвета на веб-странице? Какие теги используются для ввода заголовка? Форматирования шрифта? Ввода абзаца? Какой тег и его атрибуты используются для вставки изображений? Какой тег и его атрибуты используются для вставки гиперссылок?

№ слайда 53
Описание слайда:

№ слайда 54 Нумерованные Нумерованные Маркированные Списки терминов (как в словаре) Вложенны
Описание слайда:

Нумерованные Нумерованные Маркированные Списки терминов (как в словаре) Вложенные списки

№ слайда 55 Список – в контейнере <OL></OL> Список – в контейнере <OL><
Описание слайда:

Список – в контейнере <OL></OL> Список – в контейнере <OL></OL> Элемент списка – тег <LI> Атрибут TYPE – тип нумерации (арабские цифры; I – римские; а – латинские строчные буквы) <OL> <LI>Системные программы <LI>Прикладные программы <LI>Системы программирования </OL>

№ слайда 56 Список – в контейнере <UL></UL> Список – в контейнере <UL><
Описание слайда:

Список – в контейнере <UL></UL> Список – в контейнере <UL></UL> Элемент списка – тег <LI> Атрибут TYPE – тип маркеров (“disc”- диск, “square”- квадрат, “circle”-окружность) <UL TYPE=“square”> <LI>Текстовые редакторы <LI>Графические редакторы <LI>Электронные таблицы <LI>Системы управления базами данных </UL> см. стр.168 – «Программное обеспечение»

№ слайда 57 Список – в контейнере <DL></DL> Список – в контейнере <DL><
Описание слайда:

Список – в контейнере <DL></DL> Список – в контейнере <DL></DL> Элемент списка – тег <DT> Сначала пишется термин, затем его определение (как в словаре) см. стр.169 – «Словарь»

№ слайда 58 § 3.7.6 – тэги наизусть; § 3.7.6 – тэги наизусть; вопросы (с.114, 115, 116, 118,
Описание слайда:

§ 3.7.6 – тэги наизусть; § 3.7.6 – тэги наизусть; вопросы (с.114, 115, 116, 118,119,120) ПР 3.8 (задания 8-9) – с. 168-169: страницы сайта «Программы» и «Словарь»

№ слайда 59
Описание слайда:

№ слайда 60
Описание слайда:

№ слайда 61 Что такое Web-сайт? Что такое Web-сайт? Каким образом веб-страницы объединяются
Описание слайда:

Что такое Web-сайт? Что такое Web-сайт? Каким образом веб-страницы объединяются в веб-сайты? Что такое тэги? тэговый контейнер? Записать главный контейнер веб-страницы. Какова логическая структура веб-страницы? Перечислить 5 тегов форматирования страницы. Что такое атрибут тега? Какие существуют способы задания цвета на веб-странице? Какие теги используются для ввода заголовка? Форматирования шрифта? Ввода абзаца? Какой тег и его атрибуты используются для вставки изображений? Какой тег и его атрибуты используются для вставки гиперссылок? Какие теги используются для создания нумерованных и маркированных списков?

№ слайда 62 Для общения посетителей сайта с его создателями на веб-странице размещают интера
Описание слайда:

Для общения посетителей сайта с его создателями на веб-странице размещают интерактивные формы. Для общения посетителей сайта с его создателями на веб-странице размещают интерактивные формы. Формы содержат различные элементы управления: текстовые поля раскрывающиеся списки флажки переключатели…

№ слайда 63 Основной контейнер <FORM></FORM> Основной контейнер <FORM><
Описание слайда:

Основной контейнер <FORM></FORM> Основной контейнер <FORM></FORM> Текстовое поле – для ввода текста с клавиатуры: тэг <INPUT> с атрибутами: TYPE=“text” – тип содержимого (текст) NAME=“____” – имя поля SIZE=“40” – длина поля ввода (в символах) <INPUT TYPE=“text” NAME=“e-mail” SIZE=30> <BR> - разделитель строк (перевод курсора на новую строку)

№ слайда 64 Круглая кнопка для выбора одного из нескольких вариантов ответов: TYPE=“radio” К
Описание слайда:

Круглая кнопка для выбора одного из нескольких вариантов ответов: TYPE=“radio” Круглая кнопка для выбора одного из нескольких вариантов ответов: TYPE=“radio” Все элементы этой группы должны иметь одинаковое имя: NAME=“group” Атрибуты VALUE содержат варианты выбора ответов: VALUE=“учащийся” У каждого VALUE свой вариант ответа. <INPUT TYPE=“radio” NAME=“group” VALUE=“ученик”>

№ слайда 65 Квадратное окошечко для выбора нескольких ответов из предложенных вариантов: TYP
Описание слайда:

Квадратное окошечко для выбора нескольких ответов из предложенных вариантов: TYPE=“checkbox” Квадратное окошечко для выбора нескольких ответов из предложенных вариантов: TYPE=“checkbox” Каждый элемент этой группы должен иметь свое имя: NAME=“box1”, NAME=“box2”, ….. Атрибуты VALUE содержат варианты выбора ответов: VALUE=“WWW”, VALUE=“e-mail”, …. У каждого VALUE свой вариант ответа. <INPUT TYPE=“checkbox” NAME=“box1” VALUE=“WWW”> WWW

№ слайда 66 Для создания раскрывающего списка используют контейнер <SELECT></SELECT
Описание слайда:

Для создания раскрывающего списка используют контейнер <SELECT></SELECT> Для создания раскрывающего списка используют контейнер <SELECT></SELECT> В нем каждый элемент списка задается тэгом <OPTION>

№ слайда 67 Текстовая область с линейкой прокрутки – для ввода текста произвольной длины. Те
Описание слайда:

Текстовая область с линейкой прокрутки – для ввода текста произвольной длины. Текстовая область с линейкой прокрутки – для ввода текста произвольной длины. Контейнер <TEXTAREA> </TEXTAREA> Атрибуты: NAME - задает имя области ROWS - число строк COLS - число столбцов <TEXTAREA NAME=“Ваши предложения” ROWS=4 COLS=30> </TEXTAREA>

№ слайда 68 Кнопка отправки создается тэгом <INPUT> Кнопка отправки создается тэгом &l
Описание слайда:

Кнопка отправки создается тэгом <INPUT> Кнопка отправки создается тэгом <INPUT> Атрибуты: TYPE=“submit” VALUE=“Отправить” (надпись на кнопке) Чтобы данные из формы передать по электронной почте, используют контейнер: <FORM ACTION=mailto:name@server.ru METHOD=“post” ENCTYPE=“text/plain”>

№ слайда 69 Готовая анкета Готовая анкета
Описание слайда:

Готовая анкета Готовая анкета

№ слайда 70 § 3.7.4 – тэги наизусть; § 3.7.4 – тэги наизусть; закончить таблицу основных тэг
Описание слайда:

§ 3.7.4 – тэги наизусть; § 3.7.4 – тэги наизусть; закончить таблицу основных тэгов; вопросы (с.114, 115, 116,118,119,120,123) – подготовка к итоговой КР по теме ПР 3.8 (задания 9-16) – с. 169-172: страница сайта - «Анкета»

Скачать эту презентацию


Презентации по предмету
Презентации из категории
Лучшее на fresher.ru