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

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

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

X

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

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

Кнопки:

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


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

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


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



№ слайда 1 Основы HTML. Разработка Web-сайта
Описание слайда:

Основы HTML. Разработка Web-сайта

№ слайда 2 Web-сайты и Web-страницы Web-сайт состоит из Web-страниц, объединенных гиперссыл
Описание слайда:

Web-сайты и Web-страницы Web-сайт состоит из Web-страниц, объединенных гиперссылками. Web-страницы могут быть интерактивными и могут содержать мультимедийные и динамические объекты.

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

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

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

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

№ слайда 5 HTML-код страницы помещается внутрь контейнера Заголовок Web-страницы заключаетс
Описание слайда:

HTML-код страницы помещается внутрь контейнера Заголовок Web-страницы заключается в контейнер Название Web-страницы содержится в контейнере < TITLE >Компьютер

№ слайда 6 Основное содержание страницы помещается в контейнер КомпьютерВсе о компьютере Со
Описание слайда:

Основное содержание страницы помещается в контейнер КомпьютерВсе о компьютере Сохранить файл под именем index.htm в папке сайта.

№ слайда 7 Размер шрифта для имеющихся в тексте заголовков задается тэгами от (самый крупны
Описание слайда:

Размер шрифта для имеющихся в тексте заголовков задается тэгами от (самый крупный) до (самый мелкий)Все о компьютереЗадать тип выравнивания заголовка для тэга заголовка позволяет атрибут ALIGNВыравнивание по правой границе окна реализуется с помощью записи ALIGN="right", а по центру — ALIGN="center“Bce о компьютере

№ слайда 8 С помощью тэга FONT и его атрибутов можно задать параметры форматирования шрифта
Описание слайда:

С помощью тэга FONT и его атрибутов можно задать параметры форматирования шрифта любого фрагмента текста. Атрибут FACE позволяет задать гарнитуру шрифта (например, FACE="Arial"), атрибут SIZE — размер шрифта (например, SIZE=4), атрибут COLOR — цвет шрифта (например, COLOR="blue")Bce о компьютереЗаголовок целесообразно отделить от остального содержания страницы горизонтальной линией с помощью одиночного тэга РАБОТА С ЗАГОЛОВКОМ ЗАКОНЧЕНА!

№ слайда 9 Разделение текста на абзацы производится с помощью контейнера Поместим на титуль
Описание слайда:

Разделение текста на абзацы производится с помощью контейнера Поместим на титульную страницу текст, разбитый на абзацы с различным выравниванием:

№ слайда 10 КомпьютерBce о компьютереHa этом сайте вы сможете получить различную информацию
Описание слайда:

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

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

Для вставки изображения используется тэг с атрибутом SRC Поясняющий текст выводится с помощью атрибута ALT, значением которого является текст, поясняющий, что должен был бы увидеть пользователь на рисунке:

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

Расположить рисунок относительно текста различными способами позволяет атрибут ALIGN тэга , который может принимать пять различных значений: ТОР (верх), MIDDLE (середина), BOTTOM (низ), LEFT (слева) RIGHT (справа).

№ слайда 13 Гиперссылки Первая титульная страница должна предоставлять посетителю Web-сайта
Описание слайда:

Гиперссылки Первая титульная страница должна предоставлять посетителю Web-сайта возможность начать путешествие по сайту. Для этого на титульную страницу должны быть помещены гиперссылки на другие страницы сайта.

№ слайда 14 Заголовок страницыСоздать пустые страницы «Программы», «Словарь», «Комплектующие
Описание слайда:

Заголовок страницыСоздать пустые страницы «Программы», «Словарь», «Комплектующие» и «Анкета» и сохранить их в файлах с именами software.htm, glossary.htm, hardware.htm и anketa.htm в каталоге сайта.

№ слайда 15 Панель навигации будет представлять собой абзац, выровненный по центру, в которо
Описание слайда:

Панель навигации будет представлять собой абзац, выровненный по центру, в котором указатели гиперссылок разделены пробелами (&nbsp):[Программы] &nbsp [Словарь] &nbsp[Комплектующие] &nbsp [Анкета]

№ слайда 16 [Программы] &nbsp[Словарь] &nbsp[Комплектующие] &nbsp[Aнкетa]
Описание слайда:

[Программы] &nbsp[Словарь] &nbsp[Комплектующие] &nbsp[Aнкетa]

№ слайда 17 Ссылка на электронный адрес E-mail:mailbox@provaider.ru
Описание слайда:

Ссылка на электронный адрес E-mail:mailbox@provaider.ru

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

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

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

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

№ слайда 20 Страницу «Словарь» мы представим в виде словаря компьютерных терминов.Для этого
Описание слайда:

Страницу «Словарь» мы представим в виде словаря компьютерных терминов.Для этого используем контейнер списка определений . Внутри него текст оформляется в виде термина, который выделяется непарным тэгом , и определения, которое следует за тэгом Процессор Центральное устройство компьютера, производящее обработку информации в двоичном коде. Оперативная память Устройство, в котором хранятся программы и данные.

№ слайда 21 Форма заключается в контейнер Текстовые поля: создаются с помощью тэга со значен
Описание слайда:

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

№ слайда 22 Пожалуйста, введите ваше имя: E-mail:
Описание слайда:

Пожалуйста, введите ваше имя: E-mail:

№ слайда 23 Переключатели Группа переключателей («радиокнопок») создается с помощью тэга со
Описание слайда:

Переключатели Группа переключателей («радиокнопок») создается с помощью тэга со значением атрибута TYPE="radio". Все элементы в группе должны иметь одинаковые значения атрибута NAME. Например, NAME="group".Еще одним обязательным атрибутом является VALUE, которому присвоим значения "schoolboy", "student" и "teacher". Значение атрибута VALUE должно быть уникальным для каждой «радиокнопки», так как при ее выборе именно они передаются серверу.

№ слайда 24 Укажите, к какой группе пользователей вы себя относите:
Описание слайда:

Укажите, к какой группе пользователей вы себя относите:

№ слайда 25 Если из предложенного перечня он нужно выбрать одновременно несколько вариантов,
Описание слайда:

Если из предложенного перечня он нужно выбрать одновременно несколько вариантов, то их помечают флажками. Флажки создаются в тэге значением атрибута TYPE="checkbox".Флажки, объединенные в группу, могут иметь одинаковые значения атрибута NAME. Например, NAME="group".Еще одним обязательным атрибутом является VALUE, которому присвоим, например, значения "www", "e-mail" и "ftp".

№ слайда 26 Какие из сервисов Интернета вы используете наиболее часто:
Описание слайда:

Какие из сервисов Интернета вы используете наиболее часто:

№ слайда 27 Выясним, какой из браузеров предпочитает посетитель сайта. Перечень браузеров пр
Описание слайда:

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

№ слайда 28 Какой из браузеров вы предпочитаете? Internet ExplorerInternet ExplorerNetscape
Описание слайда:

Какой из браузеров вы предпочитаете? Internet ExplorerInternet ExplorerNetscape Navigator Opera Neo Planet

№ слайда 29 Создается такая область с помощью тэга с обязательными атрибутами: NAME, задающи
Описание слайда:

Создается такая область с помощью тэга с обязательными атрибутами: NAME, задающим имя области, ROWS, определяющим число строк, и COLS — число столбцов области.Какую еще информацию вы хотели бы видеть на нашем сайте?

№ слайда 30 Отправка введенной в форму информации или очистка полей от уже введенной информа
Описание слайда:

Отправка введенной в форму информации или очистка полей от уже введенной информации осуществляется с помощью кнопок. Кнопки создаются с помощью тэга . Для создания кнопки, которая отправляет информацию, атрибуту TYPE необходимо присвоить значение "submit", а атрибуту VALUE, который задает надпись на кнопке, — значение "Отправить".Для создания кнопки, которая производит очистку формы, атрибуту TYPE необходимо присвоить значение "reset", а атрибуту VALUE - значение "Очистить".

№ слайда 31 ДОМАШНЕЕ ЗАДАНИЕ выучить условные обозначения и значения тэгов (контейнеров)
Описание слайда:

ДОМАШНЕЕ ЗАДАНИЕ выучить условные обозначения и значения тэгов (контейнеров)

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


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