Школа » Презентации » Презентации по Информатике » Основы HTML. Разработка Web-сайта

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

0
16.10.20
На нашем сайте презентаций klass-uchebnik.com вы можете бесплатно ознакомиться с полной версией презентации "Основы HTML. Разработка Web-сайта". Учебное пособие по дисциплине - Презентации / Презентации по Информатике, от атора . Презентации нашего сайта - незаменимый инструмент для школьников, здесь они могут изучать и просматривать слайды презентаций прямо на сайте на вашем устройстве (IPhone, Android, PC) совершенно бесплатно, без необходимости регистрации и отправки СМС. Кроме того, у вас есть возможность скачать презентации на ваше устройство в формате PPT (PPTX).
Основы HTML. Разработка Web-сайта 📚 Учебники, Презентации и Подготовка к Экзаменам для Школьников на Klass-Uchebnik.com

0
0
0

Поделиться презентацией "Основы HTML. Разработка Web-сайта" в социальных сетях: 

Просмотреть и скачать презентацию на тему "Основы HTML. Разработка Web-сайта"

1 слайд

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Расположить рисунок относительно текста различными способами позволяет атрибут ALIGN тэга , который
12 слайд

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

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

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

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

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

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

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

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

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

[email protected]">
Ссылка на электронный адрес E-mail: <a href=
17 слайд

Ссылка на электронный адрес E-mail: [email protected]

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

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

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

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

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

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

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

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

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

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

Переключатели Группа переключателей («радиокнопок») создается с помощью тэга со значением атрибута T
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.

Какой из браузеров вы предпочитаете? Internet Explorer Internet Explorer Netscape Navigator Opera Ne
28 слайд

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

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

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

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

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

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

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

Комментарии (0) к презентации "Основы HTML. Разработка Web-сайта"