🗊 Презентация Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть

Категория: Информатика
Нажмите для полного просмотра!
Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №1 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №2 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №3 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №4 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №5 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №6 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №7 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №8 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №9 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №10 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №11 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №12 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №13 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №14 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №15 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №16 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №17 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №18 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №19 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №20 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №21 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №22 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №23 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №24 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №25 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №26 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №27 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №28 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №29 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №30 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №31 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №32 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №33 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №34 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №35 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №36 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №37 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №38 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №39 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №40 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №41 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №42 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №43 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №44 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №45 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №46 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №47 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №48 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №49 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №50 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №51 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №52 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №53 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №54 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №55 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №56 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №57 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №58 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №59 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №60 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №61 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №62 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №63 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №64 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №65 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №66 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №67 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №68 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №69 Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №70

Содержание

Вы можете ознакомиться и скачать презентацию на тему Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть. Доклад-сообщение содержит 70 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации


Слайд 1


Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть
Описание слайда:
Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть

Слайд 2


Урок 1. Web-страницы и Web-сайты. Структура веб-страницы. Угринович, § 3.7.1- 3.7.2
Описание слайда:
Урок 1. Web-страницы и Web-сайты. Структура веб-страницы. Угринович, § 3.7.1- 3.7.2

Слайд 3


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

Слайд 4


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

Слайд 5


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

Слайд 6


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

Слайд 7


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

Слайд 8


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

Слайд 9


Структура Web-страницы Угринович, § 3.7.2
Описание слайда:
Структура Web-страницы Угринович, § 3.7.2

Слайд 10


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

Слайд 11


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

Слайд 12


Заголовок веб-страницы Заголовок Web-страницы заключается в контейнер Содержит название документа и справочную информацию о странице (например, тип...
Описание слайда:
Заголовок веб-страницы Заголовок Web-страницы заключается в контейнер Содержит название документа и справочную информацию о странице (например, тип кодировки), которая используется браузером для ее правильного отображения. Название Web-страницы содержится в контейнере и отображается в верхней строке окна браузера при просмотре страницы. Компьютер

Слайд 13


Пишем шаблон веб-страницы Компьютер
Описание слайда:
Пишем шаблон веб-страницы Компьютер

Слайд 14


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

Слайд 15


Шаблон веб-страницы Компьютер Все о компьютере
Описание слайда:
Шаблон веб-страницы Компьютер Все о компьютере

Слайд 16


Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №16
Описание слайда:

Слайд 17


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

Слайд 18


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

Слайд 19


Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №19
Описание слайда:

Слайд 20


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

Слайд 21


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

Слайд 22


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

Слайд 23


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

Слайд 24


Урок 2. Форматирование текста на Web-странице Угринович, § 3.7.3
Описание слайда:
Урок 2. Форматирование текста на Web-странице Угринович, § 3.7.3

Слайд 25


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

Слайд 26


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

Слайд 27


Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №27
Описание слайда:

Слайд 28


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

Слайд 29


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

Слайд 30


Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть, слайд №30
Описание слайда:

Слайд 31


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

Слайд 32


УРОК 3
Описание слайда:
УРОК 3

Слайд 33


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

Слайд 34


Урок 3. Вставка изображений в Web-страницы Угринович, § 3.7.4
Описание слайда:
Урок 3. Вставка изображений в Web-страницы Угринович, § 3.7.4

Слайд 35


Вставка изображений На Web-страницах могут быть графические файлы 3 форматов — GIF, JPG и PNG. Если рисунок сохранен в другом формате, то его...
Описание слайда:
Вставка изображений На Web-страницах могут быть графические файлы 3 форматов — GIF, JPG и PNG. Если рисунок сохранен в другом формате, то его необходимо предварительно преобразовать в один из этих форматов. Для вставки изображения используется тэг с атрибутом SRC, который указывает на место хранения файла на локальном компьютере или в Интернете. 1) картинка на локальном компьютере в папке с сайтом: 2) картинка в другой папке на локальном компьютере: 3) картинка находится на удаленном сервере в Интернете:

Слайд 36


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

Слайд 37


Вид готового сайта
Описание слайда:
Вид готового сайта

Слайд 38


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

Слайд 39


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

Слайд 40


Урок 4
Описание слайда:
Урок 4

Слайд 41


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

Слайд 42


Урок 4. Гиперссылки на Web-страницах Угринович, § 3.7.5
Описание слайда:
Урок 4. Гиперссылки на Web-страницах Угринович, § 3.7.5

Слайд 43


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

Слайд 44


Виды гиперссылок 1) внутренняя: Указатель ссылки 2) внешняя: Указатель ссылки
Описание слайда:
Виды гиперссылок 1) внутренняя: Указатель ссылки 2) внешняя: Указатель ссылки

Слайд 45


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

Слайд 46


Адресная часть гиперссылок Перейти на другие веб-страницы: Указатель ссылки Открыть картинку в браузере: Картинка Прослушать звук (запуск встроенного...
Описание слайда:
Адресная часть гиперссылок Перейти на другие веб-страницы: Указатель ссылки Открыть картинку в браузере: Картинка Прослушать звук (запуск встроенного в браузер проигрывателя): Звук Сохранить файл (запуск встроенного в браузер менеджера загрузки файлов): Скачать файл

Слайд 47


Гиперссылка на электронную почту Гиперссылка этого типа заключается в особый контейнер Наш е-mail
Описание слайда:
Гиперссылка на электронную почту Гиперссылка этого типа заключается в особый контейнер Наш е-mail

Слайд 48


Вид готовой страницы сайта
Описание слайда:
Вид готовой страницы сайта

Слайд 49


Код страницы сайта Компьютер Все о компьютере На этом сайта вы сможете получить различную информацию о компьютере, его программном обеспечении и...
Описание слайда:
Код страницы сайта Компьютер Все о компьютере На этом сайта вы сможете получить различную информацию о компьютере, его программном обеспечении и ценах на компьютерные комплектующие. Терминологический словарь познакомит вас с компьютерными терминами, а также вы сможете заполнить анкету. [Программы]   [Словарь]   [Комплектующие]  [Анкета] E-mail: mailbox@provaider.ru

Слайд 50


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

Слайд 51


Урок 5
Описание слайда:
Урок 5

Слайд 52


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

Слайд 53


Урок 5. Списки на Web-страницах Угринович, § 3.7.6
Описание слайда:
Урок 5. Списки на Web-страницах Угринович, § 3.7.6

Слайд 54


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

Слайд 55


Нумерованный список Список – в контейнере Элемент списка – тег Атрибут TYPE – тип нумерации (арабские цифры; I – римские; а – латинские строчные...
Описание слайда:
Нумерованный список Список – в контейнере Элемент списка – тег Атрибут TYPE – тип нумерации (арабские цифры; I – римские; а – латинские строчные буквы) Системные программы Прикладные программы Системы программирования

Слайд 56


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

Слайд 57


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

Слайд 58


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

Слайд 59


Урок 6
Описание слайда:
Урок 6

Слайд 60


Урок 6. Интерактивные формы на Web-страницах Угринович, § 3.7.7
Описание слайда:
Урок 6. Интерактивные формы на Web-страницах Угринович, § 3.7.7

Слайд 61


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

Слайд 62


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

Слайд 63


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

Слайд 64


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

Слайд 65


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

Слайд 66


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

Слайд 67


Текстовая область Текстовая область с линейкой прокрутки – для ввода текста произвольной длины. Контейнер Атрибуты: NAME - задает имя области ROWS -...
Описание слайда:
Текстовая область Текстовая область с линейкой прокрутки – для ввода текста произвольной длины. Контейнер Атрибуты: NAME - задает имя области ROWS - число строк COLS - число столбцов

Слайд 68


Отправка данных из формы Кнопка отправки создается тэгом Атрибуты: TYPE=“submit” VALUE=“Отправить” (надпись на кнопке) Чтобы данные из формы передать...
Описание слайда:
Отправка данных из формы Кнопка отправки создается тэгом Атрибуты: TYPE=“submit” VALUE=“Отправить” (надпись на кнопке) Чтобы данные из формы передать по электронной почте, используют контейнер:

Слайд 69


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

Слайд 70


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



Похожие презентации
Mypresentation.ru
Загрузить презентацию