Главная / Информатика / Презентация «Разработка Web-сайта»

Презентация «Разработка Web-сайта»

Название документа Перечень основных HTML.doc

Название документа Разработка Web-сайтов.ppt

Хайрулина Анастасия Владиславовна, МОУ СОШ №10, г. Кандалакша, Мурманская обл...
1.Web -страницы и Web – сайты Для создания Web-страниц Создание Web-страниц с...
5.Гиперссылки на Web-страницах Панель навигации по сайту. ссылка на адрес эле...
Web -страницы создаются с использова­нием языка разметки гипертекстовых докум...
Для создания Web-страниц используются простейшие текстовые редакторы или спец...
требует больших усилий, времени и знания синтаксиса языка. Применение специал...
Публикации во Всемирной паутине реализу­ются в форме Web-сайтов, которые обыч...
Прежде чем разместить свой Web-сайт на сервере в Интернете, его необходимо тщ...
1. В чем заключается преимущество Web-страниц перед обычными текстовыми докум...
НТМL-код страницы помещается внутрь контейнера . Без этих тэгов браузер не в ...
Тэги заключаются в угловые скобки и могут быть одиночными или парными. Парные...
Закрывающий тэг содержит прямой слэш (/) перед обозначением. Название страниц...
Компьютер    Компьютер и ПО   * * Созданную Web-страницу необходимо сохрани...
Необходимо различать имя файла index.htm, под которым Web-страница хранится в...
Какие тэги (контейнеры) должны присутствовать в HTML-документе обязательно? К...
С помо­щью тэгов можно задать различные параметры форматиро­вания текста. Заг...
Некоторые тэги имеют атрибуты, которые являются именами свойств и могут прини...
Задать способ выравнивания тек­ста позволяет атрибут ALIGN. Выравнивание по л...
Горизонтальная линия. Заголовки целесообразно отде­лять от остального содержа...
На домашней странице сайта обычно размещается текст, кратко описывающий его с...
Компьютер и ПО    Ha этом сайте...  Терминологический словарь ... * *
Какие тэги (контейнеры) используются для ввода заголовков? Форматирования шри...
На Web-страницы можно помещать изображения, хра­нящиеся в графических файлах ...
Расположить рисунок относительно текста различным образом позволяет атрибут A...
Пользователи иногда, в целях экономии времени, отключают в браузере загрузку ...
1. Какой тэг и его атрибуты используются для вставки изображений в Web-страни...
Гиперссылки. Гиперссылки, размещенные на Web-странице, позволяют загружать в ...
Панель навигации по сайту. Создадим папку сайта «Компьютер» и добавим в сайт ...
На домашней странице сайта разместим указатели гиперссылок на каждую страницу...
Вставим в домашнюю страницу сайта HTML-код, создающий панель навигации:  [Про...
Полезно на домашней странице сайта создать ссылку на адрес электронный почты,...
Пример * *
6. Списки на Web-страницах нумерованные списки, когда элементы списка идентиф...
Нумерованные списки. Нумерованный список располагается внутри контейнера , а ...
Маркированные списки. Маркированный список располагается внутри контейнера , ...
Список определений. Список определений располагается внутри контейнера /. Вну...
Контрольные вопросы Какие тэги используются для создания нумерованных списков...
7. Интерактивные формы на Web-страницах Для того чтобы посетители сайта могли...
Форма Вся форма заключается в контейнер . В первую очередь выясним имя посети...
Текстовые поля. Для получения этих данных разместим в форме два однострочных ...
Текстовые поля.HTML -код Для того чтобы анкета «читалась», необходимо раздели...
Переключатели. Далее необходимо создать группу переключателей («радиокнопок»)...
Переключатели. HTML-код Укажите, к какой группе пользователей вы себя относит...
Флажки. Далее, из предложенного перечня можно выбрать одновременно несколько ...
Флажки. HTML-код Какие из сервисов Интернета вы используете наиболее часто:  ...
Раскрывающиеся списки. Для реализации раскрывающегося списка используется кон...
Раскрывающиеся списки.HTML код  Какой браузер вы используете наиболее часто: ...
Текстовая область. В такое поле можно ввести достаточно длинный текст. Создае...
Отправка данных из формы. Отправка введенной в форму информации осуществляетс...
Щелчком по кнопке Отправить можно отправить данные из формы на определенный а...
Контрольные вопросы: Какие тэги используются для создания на форме текстовых ...
Сайт
1 из 54

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

№ слайда 1 Хайрулина Анастасия Владиславовна, МОУ СОШ №10, г. Кандалакша, Мурманская обл. *
Описание слайда:

Хайрулина Анастасия Владиславовна, МОУ СОШ №10, г. Кандалакша, Мурманская обл. * *

№ слайда 2 1.Web -страницы и Web – сайты Для создания Web-страниц Создание Web-страниц с ис
Описание слайда:

1.Web -страницы и Web – сайты Для создания Web-страниц Создание Web-страниц с использованием НТМL-тэгов Web-сайты. Основные моменты Размещение в Интернет Контрольные вопросы 2.Структура Web-страницы ТЭГИ Разработка заготовка Контрольные вопросы 3.Форматирование текста на Web-странице Шрифт Выравнивание текста Абзацы. Горизонтальная линия Контрольные вопросы 4.Вставка изображений в Web-страницы Положение рисунка относительно текста Вставка альтернативного текста Контрольные вопросы * *

№ слайда 3 5.Гиперссылки на Web-страницах Панель навигации по сайту. ссылка на адрес электр
Описание слайда:

5.Гиперссылки на Web-страницах Панель навигации по сайту. ссылка на адрес электронный почты Пример 6. Списки на Web-страницах нумерованные списки маркированные списки списки определений Контрольные вопросы 7. Интерактивные формы на Web-страницах Форма Текстовые поля. Текстовые поля.HTML –код Переключатели. Переключатели. HTML-код Флажки. Флажки. HTML-код Раскрывающиеся списки. Раскрывающиеся списки.HTML код Текстовая область. Отправка данных из формы. Контрольные вопросы Что должно получиться Основные HTML -тэги

№ слайда 4 Web -страницы создаются с использова­нием языка разметки гипертекстовых документ
Описание слайда:

Web -страницы создаются с использова­нием языка разметки гипертекстовых документов НТМL (Нуреr Техt Markup Language). В обычный текстовый доку­мент вставляются управляющие символы — НТМL-тэги, ко­торые определяют вид Web-страницы при ее просмотре в браузере. Основными достоинствами Web-страниц являются: • малый информационный объем; • возможность просмотра в различных операционных системах. * *

№ слайда 5 Для создания Web-страниц используются простейшие текстовые редакторы или специал
Описание слайда:

Для создания Web-страниц используются простейшие текстовые редакторы или специальные программы-HTML –редакторы (HtmlPad FisherMan). В качестве такого редактора в Windows можно использовать стандартное приложение Блокнот. * *

№ слайда 6 требует больших усилий, времени и знания синтаксиса языка. Применение специальны
Описание слайда:

требует больших усилий, времени и знания синтаксиса языка. Применение специальных инструментальных программ­ных средств (Web-редакторов) делает работу по созданию Web-сайтов простой и эффективной. Процесс создания и ре­дактирования страниц в Web-редакторах очень нагляден, так как производится в режиме WYSIWYG (от англ. «What You See Is What You Get - Что видишь, то и получишь»). * *

№ слайда 7 Публикации во Всемирной паутине реализу­ются в форме Web-сайтов, которые обычно
Описание слайда:

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

№ слайда 8 Прежде чем разместить свой Web-сайт на сервере в Интернете, его необходимо тщате
Описание слайда:

Прежде чем разместить свой Web-сайт на сервере в Интернете, его необходимо тщательно протестировать, так как потенциальными посетителями вашего сайта будут являться десятки миллионов пользователей Интернета. Для публикации Web-сайта необходимо найти подходящее место на одном из серверов Интернета. Многие провайдеры предоставляют своим клиентам возможность бесплатного размещения Web-сайтов на своих серверах (бесплатный хостинг). * *

№ слайда 9 1. В чем заключается преимущество Web-страниц перед обычными текстовыми документ
Описание слайда:

1. В чем заключается преимущество Web-страниц перед обычными текстовыми документами? 2. Каким образом Web -страницы объединяются в Web-сайты? * *

№ слайда 10 НТМL-код страницы помещается внутрь контейнера . Без этих тэгов браузер не в сос
Описание слайда:

НТМL-код страницы помещается внутрь контейнера <НТМL></НТМL>. Без этих тэгов браузер не в состоянии определить формат документа и правильно его интерпретировать. Web-страница разделяется на две логические части: заголовок и отображаемое в браузере содержание. Заголовок Web-страницы заключается в контейнер <НЕАD></НЕАD> и содержит название документа и справочную информацию о странице (например, тип кодировки), которая используется браузером для правильного отображения. * *

№ слайда 11 Тэги заключаются в угловые скобки и могут быть одиночными или парными. Парные тэ
Описание слайда:

Тэги заключаются в угловые скобки и могут быть одиночными или парными. Парные тэги содержат откры­вающий и закрывающий тег (такая пара тэгов называ­ется контейнером). * * i <НЕАD> </НЕАD> <НТМL> </НТМL>

№ слайда 12 Закрывающий тэг содержит прямой слэш (/) перед обозначением. Название страницы п
Описание слайда:

Закрывающий тэг содержит прямой слэш (/) перед обозначением. Название страницы помещается в контейнер <TITLE> </TITLE> и при просмотре отображается в верхней строке окна браузера. Отображаемое в браузере содержание страницы помеща­ется в контейнер <BODY></BODY> * *

№ слайда 13 Компьютер    Компьютер и ПО   * * Созданную Web-страницу необходимо сохранить
Описание слайда:

<HTML> <HEAD> <TITLE>Компьютер </ТIТLЕ> </HEAD> <BODY> Компьютер и ПО </BODY> </HTML> * * Созданную Web-страницу необходимо сохранить в виде файла под именем index.htm. В качестве расширения файла Web-страницы можно также использовать html.

№ слайда 14 Необходимо различать имя файла index.htm, под которым Web-страница хранится в фа
Описание слайда:

Необходимо различать имя файла index.htm, под которым Web-страница хранится в файловой системе, и имя Web-страницы (например, «Компьютер»), которое высвечивается в верхней строке окна браузера. Имя Web-страницы должно соответствовать ее содержанию, так как оно в первую очередь анализируется поисковыми системами * * i

№ слайда 15 Какие тэги (контейнеры) должны присутствовать в HTML-документе обязательно? Како
Описание слайда:

Какие тэги (контейнеры) должны присутствовать в HTML-документе обязательно? Какова логическая структура Web-страницы? Практическое задание. Создать заготовку Web-страницы «Компьютер» и просмотреть ее в браузере. * *

№ слайда 16 С помо­щью тэгов можно задать различные параметры форматиро­вания текста. Заголо
Описание слайда:

С помо­щью тэгов можно задать различные параметры форматиро­вания текста. Заголовки. Размеры шрифтов заголовков задаются параметрами тэгов от <Н1></Н1> (самый крупный) до <H6></H6> (самый мелкий). * *

№ слайда 17 Некоторые тэги имеют атрибуты, которые являются именами свойств и могут принимат
Описание слайда:

Некоторые тэги имеют атрибуты, которые являются именами свойств и могут принимать определенные значения. С помощью тэга FONT и его атрибутов можно задать параметры форматирования шрифта. Атрибут FACE позволя­ет задать гарнитуру шрифта (например, FACE="Arial"), Атрибут SIZE — размер шрифта (например, SIZE=4). Атрибут COLOR позволяет задавать цвет шрифта (напри­мер, COLOR="blue"). Значение атрибута COLOR можно за­дать либо названием цвета (например, "red", "green", "blue" и т. д.), либо его шестнадцатеричным значением - "#RRGGBB" * *

№ слайда 18 Задать способ выравнивания тек­ста позволяет атрибут ALIGN. Выравнивание по лево
Описание слайда:

Задать способ выравнивания тек­ста позволяет атрибут ALIGN. Выравнивание по левой грани­це задается так: ALIGN="left", выравнивание по правой границе: ALIGN="right", выравнивание по центру: ALIGN= "center". Таким образом, синий цвет заголовка, выровненного по центру, можно задать следующим образом: <FONT COLOR="blue"> <Н1 ALIGN="center">компьютер и П0</Н1> </FONT> * *

№ слайда 19 Горизонтальная линия. Заголовки целесообразно отде­лять от остального содержания
Описание слайда:

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

№ слайда 20 На домашней странице сайта обычно размещается текст, кратко описывающий его соде
Описание слайда:

На домашней странице сайта обычно размещается текст, кратко описывающий его содер­жание. Поместим на домашнюю страницу сайта «Компьютер» текст, разбитый на абзацы с различным выравниванием: <Р ALIGN="left"> Ha этом сайте вы сможете получить различную информацию о компьютере, его программном обеспечении и ценах на компьютерные комплектующие. </Р> <Р ALIGN="RIGHT">Терминологический словарь познакомит вас с компьютерными терминами, а также вы сможете заполнить анкету. </Р> * *

№ слайда 21 Компьютер и ПО    Ha этом сайте...  Терминологический словарь ... * *
Описание слайда:

<FONT COLOR="blue"> <Н1 ALIGN="center"> Компьютер и ПО </Н1> </FONT> <HR> <Р ALIGN="left">Ha этом сайте...</Р> <Р ALIGN ="right"> Терминологический словарь ...</Р> * *

№ слайда 22 Какие тэги (контейнеры) используются для ввода заголовков? Форматирования шрифта
Описание слайда:

Какие тэги (контейнеры) используются для ввода заголовков? Форматирования шрифта? Ввода абзацев? Практическое задание. Создать Web-страницу «Компьютер» с отформатированным текстом и просмотреть ее в браузере. * *

№ слайда 23 На Web-страницы можно помещать изображения, хра­нящиеся в графических файлах тре
Описание слайда:

На Web-страницы можно помещать изображения, хра­нящиеся в графических файлах трех форматов — GIF, JPEG и PNG. Вставка изображений. Для вставки изображения ис­пользуется тэг <IMG> с атрибутом SRC, который указывает на место хранения файла на локальном компьютере или в Интернете. НАПРИМЕР: <IMG SRC="computer.gif"> <IMG SRC="C:\computer\computer.gif"> <IMG SRC="http://www.server.ru/computer.gif"> * *

№ слайда 24 Расположить рисунок относительно текста различным образом позволяет атрибут ALIG
Описание слайда:

Расположить рисунок относительно текста различным образом позволяет атрибут ALIGN, который может принимать пять различных значений: ТОР (верх), MIDDLE (середина), BOTTOM (низ), LEFT (слева) и RIGHT (справа). НАПРИМЕР: <IMG SRC="computer.gif" ALIGN="right"> * *

№ слайда 25 Пользователи иногда, в целях экономии времени, отключают в браузере загрузку гра
Описание слайда:

Пользователи иногда, в целях экономии времени, отключают в браузере загрузку графических изображений и читают только тексты. Чтобы не терялся смысл страницы, вместо рисунка должен выводиться альтернативный текст. Альтернативный текст выводится с помощью атрибута ALT, значением которого является текст, поясняющий, что должен был бы увидеть пользователь на рисунке: <IMG SRC="computer.gif" ALIGN="right» ALT="Компьютер"> * *

№ слайда 26 1. Какой тэг и его атрибуты используются для вставки изображений в Web-страницы?
Описание слайда:

1. Какой тэг и его атрибуты используются для вставки изображений в Web-страницы? Практическое задание. Вставить в Web-страницу «Компьютер» изображение и альтернативный текст и просмотреть ее в браузере. * *

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

Гиперссылки. Гиперссылки, размещенные на Web-странице, позволяют загружать в браузер другие Web-страницы, хранящиеся на локальном компьютере или в Интернете. Гиперссылка состоит из двух частей: адреса и указателя ссылки. Гиперссылка создается с помощью универсального тэга <А> и его атрибута HREF, указывающего, в каком файле хра­нится загружаемая Web-страница: <А HREF="Адрес">Указатель ссылки</А> * *

№ слайда 28 Панель навигации по сайту. Создадим папку сайта «Компьютер» и добавим в сайт пус
Описание слайда:

Панель навигации по сайту. Создадим папку сайта «Компьютер» и добавим в сайт пустые страницы «Программы», «Словарь», «Комплектующие» и «Анкета». Сохраним их в файлах с именами software.htm, glossary.htm, hardware.htm и anketa.htm в папке сайта. Такие «пустые» страницы должны иметь заголовки, но могут пока не иметь содержания: * * <HTML> <HEAD> <ТIТLЕ> Заголовок </ТIТLЕ> </HEAD> <BODY> </BODY> </HTML>  

№ слайда 29 На домашней странице сайта разместим указатели гиперссылок на каждую страницу са
Описание слайда:

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

№ слайда 30 Вставим в домашнюю страницу сайта HTML-код, создающий панель навигации:  [Програ
Описание слайда:

Вставим в домашнюю страницу сайта HTML-код, создающий панель навигации: <Р ALIGN="center"> [<А HREF="software.htm">Программы</A>] & nbsp [<А HREF="glossary.htm">Словарь</A>] &nbsp [<А HREF="hardware.htm“>Комплектующие</A>] &nbsp [<A HREF="anketa.htm“>Анкетa</A>] </P> * *

№ слайда 31 Полезно на домашней странице сайта создать ссылку на адрес электронный почты, по
Описание слайда:

Полезно на домашней странице сайта создать ссылку на адрес электронный почты, по которому посетители могут связаться с администрацией сайта. Для этого необходимо атрибуту ссылки HREF присвоить адрес электронной почты и вставить ее в контейнер <ADDRESS></ADDRESS>, который задает стиль абзаца, принятый для указания адреса: <ADDRESS> <А HREF="mailto:username@server.ru">E-mail: username@server.ru</A> </ADDRESS> * *

№ слайда 32 Пример * *
Описание слайда:

Пример * *

№ слайда 33 6. Списки на Web-страницах нумерованные списки, когда элементы списка идентифици
Описание слайда:

6. Списки на Web-страницах нумерованные списки, когда элементы списка идентифицируются с помощью чисел; маркированные списки, когда элементы списка идентифицируются с помощью специальных символов (маркеров); списки определений, позволяющие составлять перечни определений в так называемой словарной форме. * *

№ слайда 34 Нумерованные списки. Нумерованный список располагается внутри контейнера , а каж
Описание слайда:

Нумерованные списки. Нумерованный список располагается внутри контейнера <OL></OL>, а каждый элемент списка определяется тэгом <LI>. С помощью атрибута TYPE тэга <OL> можно задать тип нумерации: арабские цифры (по умолчанию), "I" (римские цифры), "а" (строчные буквы) <OL> <LI>Системные программы <LI>Прикладные программы <LI>Системы программирования </0L> * *

№ слайда 35 Маркированные списки. Маркированный список располагается внутри контейнера , а к
Описание слайда:

Маркированные списки. Маркированный список располагается внутри контейнера <UL></UL>, а каждый элемент списка определяется тэгом <LI>. С помощью атрибута TYPE тэга <UL> можно задать вид маркера списка: "disc" (диск), "square" (квадрат) или "circle" (окружность): <UL TYPE="square"> <LI>текстовые редакторы; <LI>графические редакторы; <LI>электронные таблицы; <LI>системы управления базами данных. </UL>

№ слайда 36 Список определений. Список определений располагается внутри контейнера /. Внутри
Описание слайда:

Список определений. Список определений располагается внутри контейнера <DL>/<DL>. Внутри него текст оформля­ется в виде терминов, которые выделяются одинарными тэгами <DT> и определений, которые следуют за одинарными тэгами <DD>. Web-страницу «Словарь» мы представим в виде словаря компьютерных терминов <DL> <DТ>Процессор <DD>Центральное устройство компьютера, производящее обработку информации в двоичном коде. <DТ>Оперативная память <DD>Устройство, в котором хранятся программы и данные. </DL>

№ слайда 37 Контрольные вопросы Какие тэги используются для создания нумерованных списков? М
Описание слайда:

Контрольные вопросы Какие тэги используются для создания нумерованных списков? Маркированных списков? Практическое задание. Создать Web-страницу «Программы» с нумерованным списком и вложенным маркированным спис­ком. Создать Web-страницу «Словарь» со списком терминов.

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

№ слайда 39 7. Интерактивные формы на Web-страницах Для того чтобы посетители сайта могли не
Описание слайда:

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

№ слайда 40 Форма Вся форма заключается в контейнер . В первую очередь выясним имя посетител
Описание слайда:

Форма Вся форма заключается в контейнер <F0RM></F0RM>. В первую очередь выясним имя посетителя нашего сайта и его электронный адрес, чтобы иметь возможность ответить ему на замечания и поблагодарить за посещение сайта.

№ слайда 41 Текстовые поля. Для получения этих данных разместим в форме два однострочных тек
Описание слайда:

Текстовые поля. Для получения этих данных разместим в форме два однострочных текстовых поля для ввода информации. Текстовые поля создаются с помощью тэга <INPUT> со значением атрибута TYPE="text". Атрибут NAME является обязательным и служит для идентификации полученной ин­формации. Значением атрибута SIZE является число, задаю­щее длину поля ввода в символах.

№ слайда 42 Текстовые поля.HTML -код Для того чтобы анкета «читалась», необходимо разделить
Описание слайда:

Текстовые поля.HTML -код Для того чтобы анкета «читалась», необходимо разделить строки с помощью тэга перевода строки <BR> <FORM> Пожалуйста, введите ваше имя: <BR> <INPUT TYPE="text" NАМЕ="ФИ0" SIZE=30> <BR> E-mail: <BR> <INPUT TYPE="text" NAME="e-mail" SIZE=30> <BR> </FORM>

№ слайда 43 Переключатели. Далее необходимо создать группу переключателей («радиокнопок»). С
Описание слайда:

Переключатели. Далее необходимо создать группу переключателей («радиокнопок»). Создается такая группа с помощью тэга <INPUT> со значением атрибута TYPE="radio". Все элементы в группе должны иметь одинаковые значения атрибута NAME. Например, NAME="group". Еще одним обязательным атрибутом является VALUE, которому присвоим значения "учащийся", "студент" и "учитель". Значение атрибута VALUE должно быть уникаль­ным для каждой «радиокнопки». Вставим в HTML-код группу переключателей, в которой строки разделяются с помощью тэга перевода строки <BR>

№ слайда 44 Переключатели. HTML-код Укажите, к какой группе пользователей вы себя относите:
Описание слайда:

Переключатели. HTML-код Укажите, к какой группе пользователей вы себя относите: <BR> <INPUT TYPE="radio" NAME="group" VALUE="учащийся">учащийся <BR> <INPUT TYPE="radio" NAME="group" VALUE="студент">студент <BR> <INPUT TYPE="radio" NAME="group" VALUЕ="учитель">учитель <BR>

№ слайда 45 Флажки. Далее, из предложенного перечня можно выбрать одновременно несколько вар
Описание слайда:

Флажки. Далее, из предложенного перечня можно выбрать одновременно несколько вариантов, пометив их флажками. Флажки создаются в тэге <INPUT> со значением атрибута TYPE="checkbox". Флажки, объединенные в группу, могут иметь различные значения атрибута NAME. Например, NAME="box1", NAME="box2" и т. д. Еще одним обязательным атрибутом является VALUE, которому присвоим значения "WWW", "e-mail" и "FTP". Значение атрибута VALUE должно быть уникальным для каждого флажка. Вставим в HTML-код группу флажков, в которой строки разделяются с помощью тэга перевода строки <BR> :

№ слайда 46 Флажки. HTML-код Какие из сервисов Интернета вы используете наиболее часто:  WWW
Описание слайда:

Флажки. HTML-код Какие из сервисов Интернета вы используете наиболее часто: <BR> <INPUT TYPE="checkbox" NAME="box1" VALUE="WWW">WWW <BR> <INPUT TYPE="checkbox" NAME="box2" VALUE="e-mail">e-mail <BR> <INPUT TYPE="checkbox" NAME="box3" VALUE="FTP">FTP <BR>

№ слайда 47 Раскрывающиеся списки. Для реализации раскрывающегося списка используется контей
Описание слайда:

Раскрывающиеся списки. Для реализации раскрывающегося списка используется контейнер <SELECT></SELECT>, в котором каждый элемент списка определяется тэгом <0PTI0N>. B переключателях, флажках и списках выбранный по умолчанию элемент задается с помощью атрибутаSELECTED.

№ слайда 48 Раскрывающиеся списки.HTML код  Какой браузер вы используете наиболее часто:   I
Описание слайда:

Раскрывающиеся списки.HTML код <BR> Какой браузер вы используете наиболее часто: <br> <SELECT NAMЕ="Браузер"> <OPTION SELECTED>Internet Explorer <OPTION>Netscape Navigator <OPTION>Opera <OPTION>Mozilla </SELECT>

№ слайда 49 Текстовая область. В такое поле можно ввести достаточно длинный текст. Создается
Описание слайда:

Текстовая область. В такое поле можно ввести достаточно длинный текст. Создается текстовая область с помощью тэга <TEXTAREA> с обязательными атрибутами: NAME, задающим имя области, ROWS, определяющим число строк, и COLS — число столбцов области. Вставим в HTML-код текстовую область : Какую еще информацию вы хотели бы видеть на сайте? <BR> <TEXTAREA NAME="Ваши предложения" ROWS=4 COLS=30> </TEXTAREA>

№ слайда 50 Отправка данных из формы. Отправка введенной в форму информации осуществляется с
Описание слайда:

Отправка данных из формы. Отправка введенной в форму информации осуществляется с помощью щелчка по кнопке. Кнопка создается с помощью тэга <INPUT>. Атрибуту TYPE необходимо присвоить значение "submit", а атрибуту VALUE, который задает надпись на кнопке, присвоить значение "Отправить" <INPUT TYPE=" submit" VALUЕ="Отправить">

№ слайда 51 Щелчком по кнопке Отправить можно отправить данные из формы на определенный адре
Описание слайда:

Щелчком по кнопке Отправить можно отправить данные из формы на определенный адрес электронной почты. Для этого атрибуту ACTION контейнера <FORM> надо присвоить значение адреса электронной почты. Кроме того, в атрибутах METOD и ENCTYPE необходимо указать метод и форму передачи данных: <FORM ACTION="mailto:username@server.ru" METHOD="POST" ENCTYPE="text/plain"> После открытия в браузере Web-страницы «Анкета» и внесения данных в поля формы необходимо щелкнуть по кнопке Отправить. Данные будут отправлены по указанному адресу электронной почты.

№ слайда 52 Контрольные вопросы: Какие тэги используются для создания на форме текстовых пол
Описание слайда:

Контрольные вопросы: Какие тэги используются для создания на форме текстовых полей? Переключателей? Флажков? Раскрывающихся списков? Текстовых областей? Какие значения необходимо присвоить атрибутам тэга <FORM> для отправки введенной в форму информации Практическое задание: Создать страницу «Анкета», содержащую форму для ввода данных

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

№ слайда 54 Сайт
Описание слайда:

Сайт

Презентация «Разработка Web-сайта»
  • Информатика
Описание:

Презентация «Разработка Web-сайта» может быть использована как электронный учебник для изучения языка программирования Бейсик. Презентация создана в прикладной программе MS PowerPoint и воспроизводится с помощью мультимедийного проектора.



Слайд 1
web1.jpg


Слайд 2
web2.jpg


Слайд 3
web3.jpg


Здесь представлен лишь фрагмент презентации. Полный вариант содержит 54 слайда.

Автор Хайрулина Анастасия Владиславовна
Дата добавления 04.06.2010
Раздел Информатика
Подраздел
Просмотров 3778
Номер материала 994
Скачать свидетельство о публикации

Оставьте свой комментарий:

Введите символы, которые изображены на картинке:

Получить новый код
* Обязательные для заполнения.


Комментарии:

↓ Показать еще коментарии ↓