Интерактивная презентация для цикла уроков в 10 классе Создание Веб-сайта. Язык HTML. ;2.

Цели и задачи занятия:
закреплять и систематизировать знания, умения и навыки форматирования текста и вставки графических объектов при создании Web-страниц средствами языка HTML;
развивать познавательный интерес, логическое мышление, творческую активность при выполнении практических заданий;
воспитывать внимательность, усидчивость, информационную культуру обучающихся, любовь к своей малой Родине
Материалы и оборудование:
компьютерный класс;
программное обеспечение: Блокнот, любой обозреватель - Internet Explorer, Opera, Mazilla;
раздаточный материал – карточки с заданиями.

Форматирование текста по абзацам, цвет фона, заголовки разных уровней, списки
Задание цвета всего текста и фона документа
Гиперссылки
Таблицы
Секция заголовка , мета-теги
Тест
Вставка графических изображений

Форматирование текста по абзацам, цвет фона, заголовки разных уровней, списки

Стиль шрифта (гарнитура, размер, цвет):
…
Тег
должен иметь хотя бы один из трёх
возможных атрибутов:
Размер шрифта size="значение" (значения целые числа от 1 до 7)
Цвет шрифта color="значение"
Значение – название цвета или его 16-й код,например
привет
< FONT color=#cc0000> привет

Гарнитура (вид шрифта) FACE="значение",например
привет
Пример
привет
(слово привет имеет размер 7, красного цвета, вид шрифта Arial).
Стиль шрифта (гарнитура, размер, цвет):
Перевод строки:

Задание цвета всего текста и фона документа
Описываются в начальном теге тела документа
.
Тегами
….
оформляют заключенный в них текст. Значения n меняются от 1до 6, при этом текст выводится от более крупного к более мелкому. Теги
….
могут иметь атрибуты ALIGN=CENTER, LEFT, RIGHT.

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

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

Практическое задание
Форматирование текста по абзацам, цвет фона, заголовки разных уровней, списки.

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

Создайте нумерованный список:
замените на
. Посмотрите разные виды нумераций, написав
, попробуйте все виды нумераций списка: "Circle", "Disk", "A", "I"
Не забывайте сохранять свою страницу в одном и том же файле glavn.htm.
Назад

Вставка графических изображений

Одиночный тег
вставляет графические изображения в текстовый поток в любом месте: графического файла’>
Необязательные атрибуты тега
:
ALT = альтернативный текст
BORDER =толщина обрамляющей рамки в пикс., 0 нет рамки
HEIGHT =высота изображения в пикселах или %
WIDTH =ширина изображения в пикселах или %

VSPACE =- свободное пространство сверху и снизу от изображения в пикселах или %
ALIGN = left, right, middle выравнивание изображения
Чтобы рисунок был по центру, можно использовать тег
…….
/

Для вставки рисунка в web – страницу используется тег
, с его неотъемлемым атрибутом src, которому присваивается значение адреса рисунка, его названия и расширения. В данном примере это “tiger” c расширением jpg. Видим рисунок.

Практическое задание
Задание:
Создать папку для рисунков, скопировать рисунки, переименовать.Создать новый документ html. Вставить 4 рисунка, используя все атрибуты, но присваивая им различные значения. Добавить текст.
Чтобы сделать вашу новую страничку интереснее можете закрасить фон страницы и изменить цвет текста. - Мы с вами это уже делали на предыдущих занятиях.

Найдите фотографию любимого места в городе и сохрание в своей папке. Вставьте фотографию на Web-страницу в файл glavn.htm.
Чтобы рисунок был по центру, его надо заключить в тег
Уменьшите размеры рисунка в 2 раза по ширине и высоте, написав width=50% и height=50%.
Увеличьте пространство вокруг рисунка сверху и снизу, написав vspace=20 и hspace=20.

Создайте альтернативный текст, который появится под указателем мыши при наведении на картинку, написав alt= “Мое любимое место в Санкт-Петербурге”.
Создайте вокруг рисунка обрамляющую рамку: border=5.
Если рисунок окажется слишком маленьким, поэкспериментируйте с соответствую щими атрибутами.

Самостоятельно создайте HTML-документы для всех мест, называя их a1.htm, a2.htm, a3.htm, a4.htm, взяв за основу файл glavn.htm. Измените заголовок, фотографию мест, вместо списка мест вставьте небольшой текст про любимое место в городе и выровняйте его по ширине. Фотографии любимых мест и текст берите из Интернета. Фотографии любимых мест сохраняйте в своей папке. Копирование фрагментов текста из Интернета осуществляйте через опции «Копировать» и «Вставить».

Вставка графических изображений
Всеми браузерами поддерживаются форматы .gif,.jpg. Эти форматы являются растровыми. GIF –поддерживается прозрачность и анимация, хорошо подходит для рисованных изображений. JPG – для полноцветных изображений, хорошо подходит для отсканированных изображений и фотоuрафий, анимацию не поддерживает. Одиночный тег
вставляет графические изображения в текстовый поток в любом месте:

Необязательные атрибуты тега
:
ALT = альтернативный текст
BORDER =толщина обрамляющей рамки в пикс., 0 нет рамки
HEIGHT =высота изображения в пикселах или %
WIDTH =ширина изображения в пикселах или %
VSPACE = свободное пространство сверху и снизу от изображения в пикселах или %
ALIGN = left, right, middle выравнивание изображения
Чтобы рисунок был по центру, можно использовать тег
…….
/

Практическое задание №3
Вставка и форматирование графических изображений. Самостоятельное создание Web-страниц любимых мест в Санкт-Петербурге.
Назад

Фундаментальное свойство гипертекста состоит в том, что он позволяет связывать документы гиперссылками.
С помощью гиперссылок можно указать:
На другой HTML-документ;
На любой другой документ;
На определенное место внутри текущего или какого-либо другого документа;
⇨ Документы превращаются в точки пересечения нитей информационной паутины и становиться понятным название «Всемирная паутина»
Гиперссылки

Атрибуты:
href=“URL” – адрес перехода.
Как задавать адрес?
Любимые места в Санкт-Петербурге
переход к документу, расположенному в той же папке, что и документ-источник.
Гиперссылки

Связь с другими документами организуется тегами
…
.
>текст гиперссылки
.
Рисунок так же можно сделать, как гиперссылку, написав:
Гиперссылки

ИСПОЛЬЗОВАНИЕ РИСУНКОВ В КАЧЕСТВЕ ГИПЕРССЫЛКИ
. . .
Любимые места в Санкт-Петербурга
…
. . .
2.html
1.html

2.
Уроки по информатике
Переход к документу, который находится в Интернете по указанному адресу. Для этого перехода нужно, чтобы компьютер был подключен к Интернету.
3.
Пишите мне
Щелчок на такой гиперссылке вызывает загрузку почтовой программы с уже заполненным полем адреса электронной почты.
4.
Перейти к разделу 1
Ссылка на определенное место в текущем документе.
5.
Глава 1
Ссылка на определенное место в документе 2.html .

Создание гиперссылки внутри текущего документа или к определенному фрагменту какого-либо другого документа распадается на 2 части:
Создание метки (якоря), которая является целью гиперссылки.
Создание самой гиперссылки.
ГИПЕРССЫЛКИ ВНУТРИ ОДНОГО ДОКУМЕНТА
Ссылка на главу 1.
Ссылка на главу 2.
Якорь для главы 1
Якорь для главы 2

Практическое задание №4
Оформление списка любимых мест в Санкт-Петербурге на главной странице glavn.htm, как гиперссылки на соответствующие Web-страницы театров
Назад

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

таблица
первая строка
вторая строка
текст ячейки 1,1
текст ячейки 1,2
текст 2,1 ячейки
текст 2,2 ячейки
Ячейки таблицы могут содержать текст или изображения, а также текст с HTML-тегами и гиперссылки. Не следует оставлять ячейки таблицы незаполненными, надо поместить хотя бы неразрывный пробел текст 2,1 ячейки

Основные атрибуты тегов
и
задают параметры таблицы, строки или ячейки:
ALIGN=left, right,
center – выравнивание (,< tr>,
)
BGCOLOR=’цвет’ – фоновый цвет (, ,< td>)
HSPACE=значение – свободное пространство слева и справа от таблицы в пикселах (
)
VSPACE=значение - свободное пространство сверху и снизу от таблицы в пикселах (
)
Слайд 34
WIDTH=значение – ширина таблицы (ячейки) – в пикселах, или в процентах (
,
)
HEIGHT=
значение – высоты таблицы (ячейки,строки) – в пикселах, или в процентах (,< td>, )
BORDER= значение – толщина рамки вокруг таблицы и ее ячеек, по умолчанию значение=1, если значение=0, то рамки нет (
, ,
)
BORDECOLOR=’цвет’ – цет рамки (
>)
VALIGH=bottom, middle, top – выравнивание содержимого по вертикали (
)
Слайд 35
Создание навигации по сайту в форме таблицы из одной строки
Практическое задание №5
Назад
Слайд 36
Секция заголовка , мета-теги
В секции заголовка на каждой странице указывается информация о документе,
которая используется при его отображении. Текст , заключенный между тегами
...
,отображается в заголовке окна браузера.
В секции заголовка обычно помещается и ряд тегов
с различными атрибутами , предоставляющими дополнительную информацию(метаинформацию) о Web-сайте:
Слайд 37
HEAD>
<br>Любимые места в Санкт-Петербурге
HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251"> - - (указывается тип кодовой таблицы (windows-1251,
Koi8-R и другие),использованной при подготовке текстовой части документа.
name="author" CONTENT=«Иванова Татьяна, ученица 495 школы СПб"> - информация об
name="Keywords" content=«мои любимые места, Невский проспект, Исаакиевский собор”> (указывается через запятую набор ключевых слов, которые могут быть использованы рядом поисковых систем)
Слайд 38
Самостоятельная работа над своим проектом
Примерные темы проекта: “Мосты через Неву”,“Реки и каналы Санкт-Петербурга”,
“Мосты через каналы Санкт-Петербурга”, “Необычные музеи Санкт-Петербурга”, “Музыкальные театры”, “Филармонии и капелла”, “Технические ВУЗ-ы Санкт-Петербурга”, “Детские театры Санкт-Петербурга”, “Гуманитарные ВУЗ-ы Санкт-Петербурга”, “Пригороды Санкт-Петербурга”, “Музеи Санкт-Петербурга”, “Военные учебные заведения в Санкт-Петербурге”и др.
Необходимо оформить главную страницу сайта по образцу файла glavn.htm, выбрав в качестве навигации по сайту таблицу или список, и 2 - 3 страницы, раскрывающие содержание сайта и содержащие: заголовок, текст и рисунок
Назад
Слайд 39
«Создание Web-сайта на языке HTML»
1. Для каких целей может использоваться тег
:
1. Для
вставки рисунков;
2. Для оформления текста полужирным шрифтом;
3. Для создания гиперссылки;
4. Для оформления текста курсивом;
2. Увеличить размер шрифта можно, используя тег:
1.
;
2.
;
3.
;
4.
;
Слайд 40
«Создание Web-сайта на языке HTML»
3. Какой из вариантов структуры HTML-документа правильный?
1. Первый;
2. Второй;
3.
Третий;
4. Четвертый;
Слайд 41
«Создание Web-сайта на языке HTML»
4. Чтобы закончить строку и начать новую используют тег:
1.
;
2.
;
3.
;
4.
;
5. Какой из тегов разместит текст посередине окна браузера?
1.
;
2.
;
3.
;
4.
;
Слайд 42
«Создание Web-сайта на языке HTML»
6. Какой из тегов служит для управления различными параметрами
шрифтового оформления?
1.
;
2.
;
3.
;
4.
;
7. Какие из тегов не являются парными:
1.
;
2.
;
3.
;
4. ;
5.
;
6.
;
Слайд 43
«Создание Web-сайта на языке HTML»
8. Какой из вариантов вставки рисунка правильный?
1.
ALT="Хороший рисунок">;
2.
;
3.
;
4.
>;
9. Что делает тег
?
1. Оформляет выделенный участок текста курсивом;
2. Создает абзац;
3. Выделяет текст полужирным шрифтом;
4. Вставляет пробелы перед следующим словом текста;
Слайд 44
«Создание Web-сайта на языке HTML»
10. Какая структура таблицы правильная?
Первая;
Вторая;
Третья;
Четвертая;
Назад
Имя файла: Интерактивная-презентация-для-цикла-уроков-в-10-классе-Создание-Веб-сайта.-Язык-HTML.-;2..pptx
Количество просмотров: 11
Количество скачиваний: 0
Скачать
- Предыдущая
Свойства воды и воздуха
Следующая -
Деятельностный подход в психологии игры.
Похожие презентации
Кодирование звуковой информации
Объединение компьютеров в локальную компьютерную сеть. Организация работы пользователей в локальных компьютерных сетях
Представление информации в форме таблиц. Структура таблицы
Построение диаграмм в Excel
Текстовые документы и технологии их создания. Обработка текстовой информации. Информатика и ИКТ. 8 класс
ВКР: Разработка WEB-портала для сопровождения спортивных мероприятий
Разработка методики тестирования crm-систем для компании-разработчика программного обеспечения
Урок по технике безопасности
Java. (Лекция 4)
Языки программирования и их классификация
Backend разработка
ПОРТФОЛИО ДОСТИЖЕНИЙ
Редактирование и форматирование текста
Правило Если - то
Инструкция. Страница Фотоальбом
Архитектуры удалённых баз данных
Строковый тип данных Операции со строками и стандартные функции
Стандартные функции. Сортировка данных в Excel
Информатика вокруг нас. Виды информации по форме представления. Действия с информацией
Разработка системы автоматизированного проектирования для расчета и построения цилиндрического редуктора
Доставка для интернет-магазинов
Адресация компьютеров в сети
Книжный магазин 1С:Розница 8
История ВТ и ОС. Назначение и функции операционных систем
Алгоритмизация и программирование. Языки программирования высокого уровня
Информационное общество
ARBot. Приложение дополнительной реальности
Списки
Обратная связь
Email:
Нажмите что бы посмотреть
window.__NUXT__=(function(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R){return {data:{meta:{result:{meta:{h1:l,main_text:a,main_title:m,main_description:n,main_keywords:o,main_image:a},app:{logo_image:p,logo_image_width:q,logo_image_height:r,logo_text:a,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:c,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:w,footer_before:a,footer:a,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:x,item_images:y,item_images_tag:z,item_words_h3:c,item_words_tag:A,item_words_1:h,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:e,item_show_contents:e,item_show_filename:e},colors:{header_text:k,header_bg:i,accent:i}},social:F}},item:{result:{id:511617,name:j,category:G,count:45,jpg:"jpg\u002F511617",hits:H,download:b,h1:j,meta:{h1:j,title:j,description:"Интерактивная презентация для цикла уроков в 10 классе Создание Веб-сайта. Язык HTML. ;2. презентация на тему, доклад, Информатика",keywords:"Интерактивная презентация для цикла уроков в 10 классе Создание Веб-сайта. Язык HTML. ;2., презентация, доклад, проект, скачать, на тему, PowerPoint, урок, класс, школа, Информатика",download_link:a},text:"Вы можете изучить и скачать доклад-презентацию на тему Презентация на тему Интерактивная презентация для цикла уроков в 10 классе Создание Веб-сайта. Язык HTML. ;2. из раздела Информатика. Презентация на заданную тему содержит 45 слайдов. Для просмотра воспользуйтесь проигрывателем, если материал оказался полезным для Вас - поделитесь им с друзьями с помощью социальных кнопок и добавьте наш сайт презентаций в закладки!",seo_text:"\u003Cp\u003EЦели и задачи занятия:\u003Cbr\u003E\u003Cp\u003E закреплять и систематизировать знания, умения и навыки форматирования текста и вставки графических объектов при создании Web-страниц средствами языка HTML; \u003Cbr\u003E развивать познавательный интерес, логическое мышление, творческую активность при выполнении практических заданий; \u003Cbr\u003E воспитывать внимательность, усидчивость, информационную культуру обучающихся, любовь к своей малой Родине\u003Cbr\u003E\u003Cp\u003EМатериалы и оборудование: \u003Cbr\u003E\u003Cbr\u003Eкомпьютерный класс;\u003Cbr\u003Eпрограммное обеспечение: Блокнот, любой обозреватель - Internet Explorer, Opera, Mazilla;\u003Cbr\u003Eраздаточный материал – карточки с заданиями.\u003Cbr\u003E\u003Cbr\u003E \u003Cp\u003EФорматирование текста по абзацам, цвет фона, заголовки разных уровней, списки\u003Cbr\u003E\u003Cp\u003EЗадание цвета всего текста и фона документа\u003Cbr\u003E\u003Cp\u003EГиперссылки\u003Cbr\u003E\u003Cp\u003EТаблицы\u003Cbr\u003E\u003Cp\u003EСекция заголовка \u003CHEAD\u003E, мета-теги\u003Cbr\u003E\u003Cp\u003EТест\u003Cbr\u003E\u003Cp\u003EВставка графических изображений\u003Cbr\u003E",file:"Интерактивная-презентация-для-цикла-уроков-в-10-классе-Создание-Веб-сайта.-Язык-HTML.-;2..pptx",texts:["\u003Cp\u003EСоздание Веб-сайта.\u003Cbr\u003EЯзык HTML\u003Cbr\u003E\u003Cp\u003EУчитель информатики \u003Cbr\u003E\u003Cp\u003EСементинов Е.В.\u003Cbr\u003E\u003Cp\u003EГБОУ школы № 495 Санкт-Петербурга\u003Cbr\u003E","\u003Cp\u003EЦели и задачи занятия:\u003Cbr\u003E\u003Cp\u003E закреплять и систематизировать знания, умения и навыки форматирования текста и вставки графических объектов при создании Web-страниц средствами языка HTML; \u003Cbr\u003E развивать познавательный интерес, логическое мышление, творческую активность при выполнении практических заданий; \u003Cbr\u003E воспитывать внимательность, усидчивость, информационную культуру обучающихся, любовь к своей малой Родине\u003Cbr\u003E\u003Cp\u003EМатериалы и оборудование: \u003Cbr\u003Eкомпьютерный класс;\u003Cbr\u003Eпрограммное обеспечение: Блокнот, любой обозреватель - Internet Explorer, Opera, Mazilla;\u003Cbr\u003Eраздаточный материал – карточки с заданиями.\u003Cbr\u003E","\u003Cp\u003EФорматирование текста по абзацам, цвет фона, заголовки разных уровней, списки\u003Cbr\u003E\u003Cp\u003EЗадание цвета всего текста и фона документа\u003Cbr\u003E\u003Cp\u003EГиперссылки\u003Cbr\u003E\u003Cp\u003EТаблицы\u003Cbr\u003E\u003Cp\u003EСекция заголовка \u003CHEAD\u003E, мета-теги\u003Cbr\u003E\u003Cp\u003EТест\u003Cbr\u003E\u003Cp\u003EВставка графических изображений\u003Cbr\u003E","\u003Cp\u003EФорматирование текста по абзацам, цвет фона, заголовки разных уровней, списки\u003Cbr\u003E","\u003Cp\u003EСтиль шрифта (гарнитура, размер, цвет):\u003Cbr\u003E\u003Cp\u003E\u003CFONT\u003E…\u003C\u002FFONT\u003E\u003Cbr\u003EТег \u003CFONT\u003E должен иметь хотя бы один из трёх возможных атрибутов:\u003Cbr\u003EРазмер шрифта size=\"значение\" (значения целые числа от 1 до 7)\r\nЦвет шрифта color=\"значение\"\r\nЗначение – название цвета или его 16-й код,например \r\n\u003CFONT color=\"red\"\u003E привет\u003C\u002FFONT\u003E\r\n\u003C FONT color=#cc0000\u003E привет\u003C\u002FFONT\u003E\u003Cbr\u003E","\u003Cp\u003EГарнитура (вид шрифта) FACE=\"значение\",например\r\n\u003CFONT FACE=\"Arial\"\u003E привет\u003C\u002FFONT\u003E\u003Cbr\u003EПример \u003CFONT size=\"7\" color=\"red\" face=\"Arial\"\u003E привет\u003C\u002FFONT\u003E (слово привет имеет размер 7, красного цвета, вид шрифта Arial).\u003Cbr\u003E\u003Cp\u003EСтиль шрифта (гарнитура, размер, цвет):\u003Cbr\u003E\u003Cp\u003EПеревод строки: \u003CBR\u003E \u003Cbr\u003E","\u003Cp\u003E Задание цвета всего текста и фона документа\u003Cbr\u003E\u003Cp\u003EОписываются в начальном теге тела документа \u003CBODY\u003E\u003Cbr\u003E\u003CBODY BGCOLOR=цвет фона документа TEXT=цвет текста \u003E.\u003Cbr\u003E\u003Cp\u003EТегами \u003CHn\u003E….\u003C\u002FHn\u003E оформляют заключенный в них текст. Значения n меняются от 1до 6, при этом текст выводится от более крупного к более мелкому. Теги \u003CHn\u003E….\u003C\u002FHn\u003E могут иметь атрибуты ALIGN=CENTER, LEFT, RIGHT.\u003Cbr\u003E","\u003Cp\u003EТег \u003CP\u003E …\u003C\u002FP\u003E- начинает абзац с новой строки. Новый абзац отделяется от предыдущего двойным межстрочным интервалом.\u003Cbr\u003E\u003Cp\u003EВыравнивание текста по абзацам:\u003Cbr\u003E\u003Cp\u003E\u003CP ALIGN=CENTER\u003E …\u003C\u002FP\u003E - по центру\u003Cbr\u003E\u003CP ALIGN=JUSTIFY\u003E…\u003C\u002FP\u003E - по ширине\u003Cbr\u003E\u003Cp\u003E\u003CP ALIGN=LEFT\u003E... \u003C\u002FP\u003E - по левому краю\u003Cbr\u003E\u003CP ALIGN=RIGHT\u003E...\u003C\u002FP\u003E - по правому краю\u003Cbr\u003E\u003Cp\u003E Форматирование текста по абзацам\u003Cbr\u003E","\u003Cp\u003EПростые списки\u003Cbr\u003E\u003Cp\u003EВиды нумераций списков:\u003Cbr\u003E\u003COL TYPE=\"Square\"\u003E\u003Cbr\u003E\u003COL TYPE=\"Circle\"\u003E\u003Cbr\u003E\u003COL TYPE=\"Disk\"\u003E\u003Cbr\u003E\u003COL TYPE=\"A\"\u003E\u003Cbr\u003E\u003COL TYPE=\"I\"\u003E\u003Cbr\u003E\u003Cp\u003E\u003CUL\u003E……\u003C\u002FUL\u003E - неупорядоченный (ненумерованный) список\u003Cbr\u003E\u003COL\u003E……\u003C\u002FOL\u003E - упорядоченный (нумерованный) список.\u003Cbr\u003EЧасть текста, которая будет оформляться как список, заключается в соответствующие теги, а каждый элемент списка помечается одиночным тегом \u003CLI\u003E\u003Cbr\u003E","\u003Cp\u003E Практическое задание \u003Cbr\u003E\u003Cp\u003EФорматирование текста по абзацам, цвет фона, заголовки разных уровней, списки.\u003Cbr\u003E","\u003Cp\u003E Выровняйте весь заголовок по центру и сделайте его красным цветом, размер шрифта - 5, создайте голубой фон и желтый цвет текста\u003Cbr\u003EПоработайте с заголовками разных уровней, обратите внимание, что цвет добавленного текста – желтый, т.к. в \u003CBODY\u003Eзадан желтый цвет. Названия любимых мест прогулки по Санкт-Петербургу выровняйте по левому краю.\u003Cbr\u003EОформите названия мест как ненумерованный список \u003CUL\u003E, заменив \u003CH\u003E на \u003CLI\u003E:\u003Cbr\u003E","\u003Cp\u003E Создайте нумерованный список: \u003CUL\u003E замените на \u003COL\u003E. Посмотрите разные виды нумераций, написав \u003COL type=\"square\"\u003E, попробуйте все виды нумераций списка: \"Circle\", \"Disk\", \"A\", \"I\"\u003Cbr\u003EНе забывайте сохранять свою страницу в одном и том же файле glavn.htm.\u003Cbr\u003E\u003Cp\u003EНазад\u003Cbr\u003E","\u003Cp\u003EВставка графических изображений\u003Cbr\u003E","\u003Cp\u003EОдиночный тег \u003CIMG\u003E вставляет графические изображения в текстовый поток в любом месте:\u003Cbr\u003E\u003CIMG SRC=’имя графического файла’\u003E\u003Cbr\u003EНеобязательные атрибуты тега \u003Cimg\u003E:\u003Cbr\u003E\u003Cp\u003EALT = альтернативный текст\u003Cbr\u003EBORDER =толщина обрамляющей рамки в пикс., 0 нет рамки\u003Cbr\u003EHEIGHT =высота изображения в пикселах или %\u003Cbr\u003EWIDTH =ширина изображения в пикселах или %\u003Cbr\u003E","\u003Cp\u003EVSPACE =- свободное пространство сверху и снизу от изображения в пикселах или %\u003Cbr\u003EALIGN = left, right, middle выравнивание изображения\u003Cbr\u003E\u003Cp\u003EЧтобы рисунок был по центру, можно использовать тег \u003CCENTER\u003E…….\u003CCENTER\u003E\u002F\u003Cbr\u003E","\u003Cp\u003EДля вставки рисунка в web – страницу используется тег \u003Cimg\u003E, с его неотъемлемым атрибутом src, которому присваивается значение адреса рисунка, его названия и расширения. В данном примере это “tiger” c расширением jpg. Видим рисунок. \u003Cbr\u003E","\u003Cp\u003E Практическое задание \u003Cbr\u003E\u003Cp\u003E Задание:\u003Cbr\u003EСоздать папку для рисунков, скопировать рисунки, переименовать.Создать новый документ html. Вставить 4 рисунка, используя все атрибуты, но присваивая им различные значения. Добавить текст. \u003Cbr\u003EЧтобы сделать вашу новую страничку интереснее можете закрасить фон страницы и изменить цвет текста. - Мы с вами это уже делали на предыдущих занятиях. \u003Cbr\u003E","\u003Cp\u003EНайдите фотографию любимого места в городе и сохрание в своей папке. Вставьте фотографию на Web-страницу в файл glavn.htm.\u003Cbr\u003EЧтобы рисунок был по центру, его надо заключить в тег \u003CCENTER\u003E \u003Cimg src = .....\u003C\u002FCENTER\u003E\u003Cbr\u003EУменьшите размеры рисунка в 2 раза по ширине и высоте, написав width=50% и height=50%.\u003Cbr\u003EУвеличьте пространство вокруг рисунка сверху и снизу, написав vspace=20 и hspace=20.\u003Cbr\u003E","\u003Cp\u003EСоздайте альтернативный текст, который появится под указателем мыши при наведении на картинку, написав alt= “Мое любимое место в Санкт-Петербурге”.\u003Cbr\u003EСоздайте вокруг рисунка обрамляющую рамку: border=5.\u003Cbr\u003EЕсли рисунок окажется слишком маленьким, поэкспериментируйте с соответствую щими атрибутами.\u003Cbr\u003E","\u003Cp\u003EСамостоятельно создайте HTML-документы для всех мест, называя их a1.htm, a2.htm, a3.htm, a4.htm, взяв за основу файл glavn.htm. Измените заголовок, фотографию мест, вместо списка мест вставьте небольшой текст про любимое место в городе и выровняйте его по ширине. Фотографии любимых мест и текст берите из Интернета. Фотографии любимых мест сохраняйте в своей папке. Копирование фрагментов текста из Интернета осуществляйте через опции «Копировать» и «Вставить».\u003Cbr\u003E","\u003Cp\u003EВставка графических изображений\u003Cbr\u003E\u003Cp\u003EВсеми браузерами поддерживаются форматы .gif,.jpg. Эти форматы являются растровыми. GIF –поддерживается прозрачность и анимация, хорошо подходит для рисованных изображений. JPG – для полноцветных изображений, хорошо подходит для отсканированных изображений и фотоuрафий, анимацию не поддерживает. Одиночный тег \u003CIMG\u003E вставляет графические изображения в текстовый поток в любом месте:\u003CIMG SRC=’имя графического файла’\u003E\u003Cbr\u003E","\u003Cp\u003EНеобязательные атрибуты тега \u003Cimg\u003E:\u003Cbr\u003E\u003Cp\u003EALT = альтернативный текст\u003Cbr\u003EBORDER =толщина обрамляющей рамки в пикс., 0 нет рамки\u003Cbr\u003EHEIGHT =высота изображения в пикселах или %\u003Cbr\u003EWIDTH =ширина изображения в пикселах или %\u003Cbr\u003EVSPACE = свободное пространство сверху и снизу от изображения в пикселах или %\u003Cbr\u003EALIGN = left, right, middle выравнивание изображения \u003Cbr\u003EЧтобы рисунок был по центру, можно использовать тег \u003CCENTER\u003E…….\u003CCENTER\u003E\u002F\u003Cbr\u003E","\u003Cp\u003EПрактическое задание №3\u003Cbr\u003E\u003Cp\u003EВставка и форматирование графических изображений. Самостоятельное создание Web-страниц любимых мест в Санкт-Петербурге.\u003Cbr\u003E\u003Cp\u003EНазад\u003Cbr\u003E","\u003Cp\u003EФундаментальное свойство гипертекста состоит в том, что он позволяет связывать документы гиперссылками.\u003Cbr\u003EС помощью гиперссылок можно указать:\u003Cbr\u003EНа другой HTML-документ;\u003Cbr\u003EНа любой другой документ;\u003Cbr\u003EНа определенное место внутри текущего или какого-либо другого документа;\u003Cbr\u003E⇨ Документы превращаются в точки пересечения нитей информационной паутины и становиться понятным название «Всемирная паутина»\u003Cbr\u003E\u003Cp\u003EГиперссылки\u003Cbr\u003E","\u003Cp\u003EАтрибуты:\u003Cbr\u003Ehref=“URL” – адрес перехода.\u003Cbr\u003E Как задавать адрес?\u003Cbr\u003E\u003Ca href=“Nesen.html”\u003EЛюбимые места в Санкт-Петербурге \u003C\u002Fa\u003E \u003Cbr\u003Eпереход к документу, расположенному в той же папке, что и документ-источник. \u003Cbr\u003E\u003Cp\u003EГиперссылки\u003Cbr\u003E","\u003Cp\u003EСвязь с другими документами организуется тегами \u003CA\u003E…\u003C\u002FA\u003E.\u003Cbr\u003E\u003CA HREF=”имя файла на который надо перейти” \u003Eтекст гиперссылки \u003C\u002FA\u003E.\u003Cbr\u003EРисунок так же можно сделать, как гиперссылку, написав:\u003Cbr\u003E\u003CA HREF ='имя файла на который переходим'\u003E\u003CIMG SRC =’имя графического файла’\u003E\u003C\u002Fa\u003E\u003Cbr\u003E\u003Cp\u003EГиперссылки\u003Cbr\u003E","\u003Cp\u003EИСПОЛЬЗОВАНИЕ РИСУНКОВ В КАЧЕСТВЕ ГИПЕРССЫЛКИ\u003Cbr\u003E\u003Cp\u003E\u003Ca href=“АДРЕС ССЫЛКИ“\u003E\u003Cimg src=“АДРЕС КАРТИНКИ“\u003E\u003C\u002Fa\u003E\u003Cbr\u003E\u003Ca href=“2.HTML“\u003E\u003Cimg src=“foto.jpeg“ \u003E\u003C\u002Fa\u003E\u003Cbr\u003E\u003Cp\u003E\u003Chtml\u003E\u003Cbr\u003E. . .\u003Cbr\u003E\u003Ca href=“2.html”\u003E Любимые места в Санкт-Петербурга\u003Cbr\u003E\u003C\u002Fa\u003E…\u003Cbr\u003E\u003C\u002Fhtml\u003E\u003Cbr\u003E\u003Cp\u003E\u003Chtml\u003E\u003Cbr\u003E. . .\u003Cbr\u003E\u003C\u002Fhtml\u003E\u003Cbr\u003E\u003Cp\u003E2.html\u003Cbr\u003E\u003Cp\u003E1.html\u003Cbr\u003E","\u003Cp\u003E2. \u003Ca href=“http:\u002F\u002Fuchinfo.com.ua\u002Flessons.php”\u003E\u003Cbr\u003EУроки по информатике \u003C\u002Fa\u003E\u003Cbr\u003EПереход к документу, который находится в Интернете по указанному адресу. Для этого перехода нужно, чтобы компьютер был подключен к Интернету.\u003Cbr\u003E3. \u003Ca href=“mailto:[e-mail]”\u003E\u003Cbr\u003EПишите мне \u003C\u002Fa\u003E\u003Cbr\u003EЩелчок на такой гиперссылке вызывает загрузку почтовой программы с уже заполненным полем адреса электронной почты.\u003Cbr\u003E4. \u003Ca href=“#chapter1”\u003EПерейти к разделу 1 \u003C\u002Fa\u003E\u003Cbr\u003EСсылка на определенное место в текущем документе.\u003Cbr\u003E5. \u003Ca href=“2.html#glava1”\u003EГлава 1\u003C\u002Fa\u003E\u003Cbr\u003EСсылка на определенное место в документе 2.html .\u003Cbr\u003E","\u003Cp\u003EСоздание гиперссылки внутри текущего документа или к определенному фрагменту какого-либо другого документа распадается на 2 части:\u003Cbr\u003EСоздание метки (якоря), которая является целью гиперссылки.\u003Cbr\u003EСоздание самой гиперссылки.\u003Cbr\u003E\u003Cp\u003EГИПЕРССЫЛКИ ВНУТРИ ОДНОГО ДОКУМЕНТА\u003Cbr\u003EСсылка на главу 1.\u003Cbr\u003EСсылка на главу 2.\u003Cbr\u003E\u003Cbr\u003EЯкорь для главы 1\u003Cbr\u003EЯкорь для главы 2\u003Cbr\u003E","\u003Cp\u003EПрактическое задание №4\u003Cbr\u003E\u003Cp\u003EОформление списка любимых мест в Санкт-Петербурге на главной странице glavn.htm, как гиперссылки на соответствующие Web-страницы театров\u003Cbr\u003E\u003Cp\u003EНазад\u003Cbr\u003E","\u003Cp\u003EТаблицы\u003Cbr\u003E\u003Cp\u003EИспользуют не только для того, чтобы располагать данные в ячейках, сколько с целью позицирования фрагментов текста и изображений друг относительно друга. С помощью таблиц удобно создавать навигацию по сайту.\u003Cbr\u003E\u003Cp\u003E\u003CTABLE\u003E…\u003C\u002FTABLE\u003E - вся таблица.\u003Cbr\u003E\u003CTR\u003E…\u003C\u002FTR\u003E - строка. \u003Cbr\u003E\u003CTD\u003E…\u003C\u002FTD\u003E - ячейка в ряду.\u003Cbr\u003E\u003Cp\u003EПример таблицы из двух строк (рядов), содержащих по две ячейки\u003Cbr\u003E","\u003Cp\u003E\u003CTABLE\u003E таблица\u003Cbr\u003E\u003CTR\u003E \u003CTD\u003E\u003Cbr\u003Eтекст ячейки 1,1\u003C\u002FTD\u003E \u003CTD\u003E текст ячейки 1,2\u003C\u002FTD\u003E \u003C\u002FTR\u003E первая строка\u003Cbr\u003E\u003CTR\u003E \u003CTD\u003E текст 2,1 ячейки \u003C\u002FTD\u003E \u003CTD\u003Eтекст 2,2 ячейки \u003C\u002FTD\u003E \u003C\u002FTR\u003E вторая строка\u003Cbr\u003E\u003C\u002FTABLE\u003E\u003Cbr\u003E\u003Cp\u003EЯчейки таблицы могут содержать текст или изображения, а также текст с HTML-тегами и гиперссылки. Не следует оставлять ячейки таблицы незаполненными, надо поместить хотя бы неразрывный пробел &nbsp; \u003Cbr\u003E","\u003Cp\u003EОсновные атрибуты тегов \u003CTABLE\u003E \u003CTR\u003E и \u003CTD\u003E\u003Cbr\u003Eзадают параметры таблицы, строки или ячейки:\u003Cbr\u003EALIGN=left, right, center – выравнивание (\u003Ctable\u003E,\u003C tr\u003E, \u003Ctd\u003E)\u003Cbr\u003EBGCOLOR=’цвет’ – фоновый цвет (\u003Ctable\u003E, \u003Ctr\u003E,\u003C td\u003E)\u003Cbr\u003EHSPACE=значение – свободное пространство слева и справа от таблицы в пикселах (\u003Ctable\u003E)\u003Cbr\u003EVSPACE=значение - свободное пространство сверху и снизу от таблицы в пикселах (\u003Ctable\u003E)\u003Cbr\u003E","\u003Cp\u003EWIDTH=значение – ширина таблицы (ячейки) – в пикселах, или в процентах (\u003Ctable\u003E, \u003Ctd\u003E)\u003Cbr\u003EHEIGHT= значение – высоты таблицы (ячейки,строки) – в пикселах, или в процентах (\u003Ctable\u003E,\u003C td\u003E, \u003Ctr\u003E)\u003Cbr\u003EBORDER= значение – толщина рамки вокруг таблицы и ее ячеек, по умолчанию значение=1, если значение=0, то рамки нет (\u003Ctable\u003E, \u003Ctd\u003E)\u003Cbr\u003EBORDECOLOR=’цвет’ – цет рамки (\u003Ctable,\u003Ctd\u003E\u003E)\u003Cbr\u003EVALIGH=bottom, middle, top – выравнивание содержимого по вертикали (\u003Ctr\u003E, \u003Ctd\u003E) \u003Cbr\u003E","\u003Cp\u003EСоздание навигации по сайту в форме таблицы из одной строки\u003Cbr\u003E\u003Cp\u003EПрактическое задание №5\u003Cbr\u003E\u003Cp\u003EНазад\u003Cbr\u003E","\u003Cp\u003EСекция заголовка \u003CHEAD\u003E, мета-теги\u003Cbr\u003E\u003Cp\u003EВ секции заголовка на каждой странице указывается информация о документе, которая используется при его отображении. Текст , заключенный между тегами \u003CTITLE\u003E ... \u003C\u002FTITLE\u003E,отображается в заголовке окна браузера.\u003Cbr\u003EВ секции заголовка обычно помещается и ряд тегов \u003CMETA\u003E с различными атрибутами , предоставляющими дополнительную информацию(метаинформацию) о Web-сайте:\u003Cbr\u003E","\u003Cp\u003EHEAD\u003E\u003Cbr\u003E\u003Ctitle\u003E\u003Cbr\u003EЛюбимые места в Санкт-Петербурге\u003C\u002Ftitle\u003E\u003Cbr\u003E\u003Cmeta\u003Cbr\u003EHTTP-EQUIV=\"Content-Type\" CONTENT=\"text\u002Fhtml; charset=windows-1251\"\u003E - - (указывается тип кодовой таблицы (windows-1251, Koi8-R и другие),использованной при подготовке текстовой части документа.\u003Cbr\u003E\u003Cmeta\u003Cbr\u003Ename=\"author\" CONTENT=«Иванова Татьяна, ученица 495 школы СПб\"\u003E - информация об \u003Cbr\u003E\u003Cmeta\u003Cbr\u003Ename=\"Keywords\" content=«мои любимые места, Невский проспект, Исаакиевский собор”\u003E (указывается через запятую набор ключевых слов, которые могут быть использованы рядом поисковых систем)\u003Cbr\u003E\u003C\u002FHEAD\u003E\u003Cbr\u003E","\u003Cp\u003EСамостоятельная работа над своим проектом\u003Cbr\u003E\u003Cp\u003EПримерные темы проекта: “Мосты через Неву”,“Реки и каналы Санкт-Петербурга”, “Мосты через каналы Санкт-Петербурга”, “Необычные музеи Санкт-Петербурга”, “Музыкальные театры”, “Филармонии и капелла”, “Технические ВУЗ-ы Санкт-Петербурга”, “Детские театры Санкт-Петербурга”, “Гуманитарные ВУЗ-ы Санкт-Петербурга”, “Пригороды Санкт-Петербурга”, “Музеи Санкт-Петербурга”, “Военные учебные заведения в Санкт-Петербурге”и др.\u003Cbr\u003EНеобходимо оформить главную страницу сайта по образцу файла glavn.htm, выбрав в качестве навигации по сайту таблицу или список, и 2 - 3 страницы, раскрывающие содержание сайта и содержащие: заголовок, текст и рисунок\u003Cbr\u003E\u003Cp\u003EНазад\u003Cbr\u003E","\u003Cp\u003E«Создание Web-сайта на языке HTML»\u003Cbr\u003E\u003Cp\u003E1. Для каких целей может использоваться тег \u003CA\u003E:\u003Cbr\u003E1. Для вставки рисунков;\u003Cbr\u003E2. Для оформления текста полужирным шрифтом;\u003Cbr\u003E3. Для создания гиперссылки;\u003Cbr\u003E4. Для оформления текста курсивом;\u003Cbr\u003E \u003Cbr\u003E2. Увеличить размер шрифта можно, используя тег:\u003Cbr\u003E1. \u003CFONT\u003E;\u003Cbr\u003E2. \u003CIMG\u003E;\u003Cbr\u003E3. \u003CP\u003E;\u003Cbr\u003E4. \u003CI\u003E;\u003Cbr\u003E","\u003Cp\u003E«Создание Web-сайта на языке HTML»\u003Cbr\u003E\u003Cp\u003E3. Какой из вариантов структуры HTML-документа правильный?\u003Cbr\u003E1. Первый;\u003Cbr\u003E2. Второй;\u003Cbr\u003E3. Третий;\u003Cbr\u003E4. Четвертый;\u003Cbr\u003E","\u003Cp\u003E«Создание Web-сайта на языке HTML»\u003Cbr\u003E\u003Cp\u003E4. Чтобы закончить строку и начать новую используют тег:\u003Cbr\u003E1. \u003CHR\u003E;\u003Cbr\u003E2. \u003CA\u003E;\u003Cbr\u003E3. \u003CBR\u003E;\u003Cbr\u003E4. \u003CP\u003E;\u003Cbr\u003E 5. Какой из тегов разместит текст посередине окна браузера?\u003Cbr\u003E1. \u003CP align=center\u003E;\u003Cbr\u003E2. \u003CMIDDLE\u003E;\u003Cbr\u003E3. \u003CP align= justify\u003E;\u003Cbr\u003E4. \u003CFONT\u003E;\u003Cbr\u003E","\u003Cp\u003E«Создание Web-сайта на языке HTML»\u003Cbr\u003E\u003Cp\u003E6. Какой из тегов служит для управления различными параметрами шрифтового оформления?\u003Cbr\u003E1. \u003CH1\u003E;\u003Cbr\u003E2. \u003CFONT\u003E;\u003Cbr\u003E3. \u003CFINT\u003E;\u003Cbr\u003E4.\u003CSIZE\u003E; \u003Cbr\u003E7. Какие из тегов не являются парными:\u003Cbr\u003E1. \u003CH1\u003E;\u003Cbr\u003E2. \u003CBR\u003E;\u003Cbr\u003E3. \u003CIMG\u003E;\u003Cbr\u003E4. \u003CTABLE\u003E;\u003Cbr\u003E5. \u003CA\u003E;\u003Cbr\u003E6. \u003CLI\u003E;\u003Cbr\u003E","\u003Cp\u003E«Создание Web-сайта на языке HTML»\u003Cbr\u003E\u003Cp\u003E8. Какой из вариантов вставки рисунка правильный?\u003Cbr\u003E1. \u003CIMG SRC=\"file.gif\" ALT=\"Хороший рисунок\"\u003E;\u003Cbr\u003E2. \u003CIMC SRG=\"file.gif' ALT='Хороший рисунок\"\u003E;\u003Cbr\u003E3. \u003CIMG SRG=file.gif ALT=Хороший рисунок\u003E;\u003Cbr\u003E4. \u003CIMG SRC=file.gif ALT=\"Хороший рисунок\"\u003E\u003E;\u003Cbr\u003E \u003Cbr\u003E9. Что делает тег \u003CP\u003E ?\u003Cbr\u003E1. Оформляет выделенный участок текста курсивом;\u003Cbr\u003E2. Создает абзац;\u003Cbr\u003E3. Выделяет текст полужирным шрифтом;\u003Cbr\u003E4. Вставляет пробелы перед следующим словом текста;\u003Cbr\u003E","\u003Cp\u003E«Создание Web-сайта на языке HTML»\u003Cbr\u003E\u003Cp\u003E10. Какая структура таблицы правильная?\u003Cbr\u003EПервая;\u003Cbr\u003EВторая;\u003Cbr\u003EТретья;\u003Cbr\u003EЧетвертая;\u003Cbr\u003E\u003Cp\u003EНазад\u003Cbr\u003E","\u003Cp\u003E«Создание Web-сайта на языке HTML»\u003Cbr\u003E"],href:"\u002Finformatika\u002Finteraktivnaya-prezentatsiya-dlya-tsikla-urokov-v",href_category:"\u002Finformatika",date:1663782518,related:[{id:105569,name:"Кодирование звуковой информации",href:"\u002Finformatika\u002Fkodirovanie-zvukovoy-informatsii-4",jpg:"jpg\u002F105569"},{id:101369,name:"Объединение компьютеров в локальную компьютерную сеть. Организация работы пользователей в локальных компьютерных сетях",href:"\u002Finformatika\u002Fobedinenie-kompyuterov-v-lokalnuyu-kompyuternuyu-set",jpg:"jpg\u002F101369"},{id:193715,name:"Представление информации в форме таблиц. Структура таблицы",href:"\u002Finformatika\u002Fpredstavlenie-informatsii-v-forme-tablits-struktura",jpg:"jpg\u002F193715"},{id:117996,name:"Построение диаграмм в Excel",href:"\u002Finformatika\u002Fpostroenie-diagramm-v-excel-1",jpg:"jpg\u002F117996"},{id:594544,name:"Текстовые документы и технологии их создания. Обработка текстовой информации. Информатика и ИКТ. 8 класс",href:"\u002Finformatika\u002Ftekstovye-dokumenty-i-tehnologii-ih-sozdaniya-6",jpg:"jpg\u002F594544"},{id:129736,name:"ВКР: Разработка WEB-портала для сопровождения спортивных мероприятий",href:"\u002Finformatika\u002Fvkr-razrabotka-web-portala-dlya-soprovozhdeniya",jpg:"jpg\u002F129736"},{id:220709,name:"Разработка методики тестирования crm-систем для компании-разработчика программного обеспечения",href:"\u002Finformatika\u002Frazrabotka-metodiki-testirovaniya-crm-sistem-dlya",jpg:"jpg\u002F220709"},{id:481884,name:"Урок по технике безопасности",href:"\u002Finformatika\u002Furok-po-tehnike-bezopasnosti",jpg:"jpg\u002F481884"},{id:211942,name:"Java. (Лекция 4)",href:"\u002Finformatika\u002Fjava-lektsiya-4",jpg:"jpg\u002F211942"},{id:123013,name:"Языки программирования и их классификация",href:"\u002Finformatika\u002Fyazyki-programmirovaniya-i-ih-klassifikatsiya",jpg:"jpg\u002F123013"},{id:580906,name:"Backend разработка",href:"\u002Finformatika\u002Fbackend-razrabotka",jpg:"jpg\u002F580906"},{id:566037,name:"ПОРТФОЛИО ДОСТИЖЕНИЙ",href:"\u002Finformatika\u002Fportfolio-dostizheniy-4",jpg:"jpg\u002F566037"},{id:185013,name:"Редактирование и форматирование текста",href:"\u002Finformatika\u002Fredaktirovanie-i-formatirovanie-teksta",jpg:"jpg\u002F185013"},{id:538170,name:"Правило Если - то",href:"\u002Finformatika\u002Fpravilo-esli-to-1",jpg:"jpg\u002F538170"},{id:188333,name:"Инструкция. Страница Фотоальбом",href:"\u002Finformatika\u002Finstruktsiya-stranitsa-fotoalbom",jpg:"jpg\u002F188333"},{id:1997,name:"Архитектуры удалённых баз данных",href:"\u002Finformatika\u002Farhitektury-udalyonnyh-baz-dannyh",jpg:"jpg\u002F1997"},{id:972,name:"Строковый тип данных Операции со строками и стандартные функции",href:"\u002Finformatika\u002Fstrokovyy-tip-dannyh-operatsii-so-strokami-i-standartnye-funktsii",jpg:"jpg\u002F972"},{id:213898,name:"Стандартные функции. Сортировка данных в Excel",href:"\u002Finformatika\u002Fstandartnye-funktsii-sortirovka-dannyh-v-excel",jpg:"jpg\u002F213898"},{id:129950,name:"Информатика вокруг нас. Виды информации по форме представления. Действия с информацией",href:"\u002Finformatika\u002Finformatika-vokrug-nas-vidy-informatsii-po",jpg:"jpg\u002F129950"},{id:389836,name:"Разработка системы автоматизированного проектирования для расчета и построения цилиндрического редуктора",href:"\u002Finformatika\u002Frazrabotka-sistemy-avtomatizirovannogo-proektirovaniya-dlya-rascheta",jpg:"jpg\u002F389836"},{id:415754,name:"Доставка для интернет-магазинов",href:"\u002Finformatika\u002Fdostavka-dlya-internet-magazinov",jpg:"jpg\u002F415754"},{id:406745,name:"Адресация компьютеров в сети",href:"\u002Finformatika\u002Fadresatsiya-kompyuterov-v-seti-1",jpg:"jpg\u002F406745"},{id:392137,name:"Книжный магазин 1С:Розница 8",href:"\u002Finformatika\u002Fknizhnyy-magazin-1sroznitsa-8",jpg:"jpg\u002F392137"},{id:161213,name:"История ВТ и ОС. Назначение и функции операционных систем",href:"\u002Finformatika\u002Fistoriya-vt-i-os-naznachenie-i",jpg:"jpg\u002F161213"},{id:305571,name:"Алгоритмизация и программирование. Языки программирования высокого уровня",href:"\u002Finformatika\u002Falgoritmizatsiya-i-programmirovanie-yazyki-programmirovaniya-vysokogo",jpg:"jpg\u002F305571"},{id:333459,name:"Информационное общество",href:"\u002Finformatika\u002Finformatsionnoe-obshchestvo-13",jpg:"jpg\u002F333459"},{id:210831,name:"ARBot. Приложение дополнительной реальности",href:"\u002Finformatika\u002Farbot-prilozhenie-dopolnitelnoy-realnosti",jpg:"jpg\u002F210831"},{id:298684,name:"Списки",href:"\u002Finformatika\u002Fspiski-11",jpg:"jpg\u002F298684"}],navigation:{next:"\u002Funcategorized\u002Fdeyatelnostnyy-podhod-v-psihologii-igry",next_name:"Деятельностный подход в психологии игры.",prev:"\u002Fokruzhayushchiy-mir\u002Fsvoystva-vody-i-vozduha",prev_name:"Свойства воды и воздуха"}}},categories:{result:[{id:I,ordering:b,name:"Без категории",pseudoname:"uncategorized"},{id:144,ordering:b,name:"Бизнес",pseudoname:"biznes"},{id:146,ordering:b,name:"Образование",pseudoname:"obrazovanie"},{id:149,ordering:b,name:"Финансы",pseudoname:"finansy"},{id:150,ordering:b,name:"Государство",pseudoname:"gosudarstvo"},{id:152,ordering:b,name:"Спорт",pseudoname:"sport"},{id:154,ordering:b,name:"Армия",pseudoname:"armiya"},{id:156,ordering:b,name:"Культурология",pseudoname:"kulturologiya"},{id:157,ordering:b,name:"Еда и кулинария",pseudoname:"eda-i-kulinariya"},{id:158,ordering:b,name:"Лингвистика",pseudoname:"lingvistika"},{id:163,ordering:b,name:"Черчение",pseudoname:"cherchenie"},{id:164,ordering:b,name:"Физкультура",pseudoname:"fizkultura"},{id:165,ordering:b,name:"ИЗО",pseudoname:"izo"},{id:166,ordering:b,name:"Психология",pseudoname:"psihologiya"},{id:116,ordering:I,name:"Английский язык",pseudoname:"angliyskiy-yazyk"},{id:108,ordering:2,name:"Астрономия",pseudoname:"astronomiya"},{id:104,ordering:3,name:"Алгебра",pseudoname:"algebra"},{id:106,ordering:4,name:"Биология",pseudoname:"biologiya"},{id:142,ordering:5,name:"География",pseudoname:"geografiya"},{id:141,ordering:6,name:"Геометрия",pseudoname:"geometria"},{id:123,ordering:7,name:"Детские презентации",pseudoname:"detskie-prezentatsii"},{id:107,ordering:8,name:G,pseudoname:"informatika"},{id:109,ordering:9,name:"История",pseudoname:"istoriya"},{id:139,ordering:10,name:"Литература",pseudoname:"literatura"},{id:119,ordering:H,name:"Маркетинг",pseudoname:"marketing"},{id:114,ordering:12,name:"Математика",pseudoname:"matematika"},{id:138,ordering:h,name:"Медицина",pseudoname:"medetsina"},{id:118,ordering:14,name:"Менеджмент",pseudoname:"menedzhment"},{id:137,ordering:15,name:"Музыка",pseudoname:"muzyka"},{id:136,ordering:16,name:"МХК",pseudoname:"mhk"},{id:130,ordering:17,name:"Немецкий язык",pseudoname:"nemetskiy-yazyk"},{id:105,ordering:18,name:"ОБЖ",pseudoname:"obzh"},{id:133,ordering:19,name:"Обществознание ",pseudoname:"obshchestvoznanie"},{id:132,ordering:20,name:"Окружающий мир ",pseudoname:"okruzhayushchiy-mir"},{id:131,ordering:21,name:"Педагогика ",pseudoname:"pedagogika"},{id:129,ordering:22,name:"Русский язык",pseudoname:"russkiy-yazyk"},{id:128,ordering:24,name:"Технология",pseudoname:"tehnologiya"},{id:127,ordering:25,name:"Физика",pseudoname:"fizika"},{id:126,ordering:26,name:"Философия",pseudoname:"filosofiya"},{id:125,ordering:27,name:"Химия",pseudoname:"himiya"},{id:124,ordering:29,name:"Экология",pseudoname:"ekologiya"},{id:121,ordering:30,name:"Экономика",pseudoname:"ekonomika"},{id:120,ordering:31,name:"Юриспруденция",pseudoname:"yurisprudentsiya"}]}},state:{},_errors:{},serverRendered:e,config:{public:{SITE_NAME:J,SITE_HOST:"mypreza.com",SITE_LANG:K,API_BASE_URL:"https:\u002F\u002Fmypreza.com\u002Fapi\u002F",pwaManifest:{name:J,short_name:a,description:a,lang:K,start_url:"\u002F?standalone=true",display:"standalone",background_color:k,theme_color:"#000000",icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.f2a6e93d.png",type:d,sizes:L,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.f2a6e93d.png",type:d,sizes:L,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.f2a6e93d.png",type:d,sizes:M,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.f2a6e93d.png",type:d,sizes:M,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.f2a6e93d.png",type:d,sizes:N,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.f2a6e93d.png",type:d,sizes:N,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.f2a6e93d.png",type:d,sizes:O,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.f2a6e93d.png",type:d,sizes:O,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.f2a6e93d.png",type:d,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.f2a6e93d.png",type:d,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.f2a6e93d.png",type:d,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.f2a6e93d.png",type:d,sizes:Q,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.f2a6e93d.png",type:d,sizes:R,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.f2a6e93d.png",type:d,sizes:R,purpose:g}]},yandexMetrika:{id:"85004146",metrikaUrl:"https:\u002F\u002Fmc.yandex.ru\u002Fmetrika\u002Ftag.js",accurateTrackBounce:e,childIframe:c,clickmap:c,defer:c,useRuntimeConfig:e,trackHash:c,trackLinks:e,type:b,webvisor:c,triggerEvent:c,consoleLog:e,partytown:c,isDev:c}},app:{baseURL:"\u002F",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:a}},pinia:{app:{meta:{h1:l,main_text:a,main_title:m,main_description:n,main_keywords:o,main_image:a},app:{logo_image:p,logo_image_width:q,logo_image_height:r,logo_text:a,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:c,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:w,footer_before:a,footer:a,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:x,item_images:y,item_images_tag:z,item_words_h3:c,item_words_tag:A,item_words_1:h,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:e,item_show_contents:e,item_show_filename:e},colors:{header_text:k,header_bg:i,accent:i}},social:F,token:a}}}}("",0,false,"image\u002Fpng",true,"any","maskable",13,"#d53032","Интерактивная презентация для цикла уроков в 10 классе Создание Веб-сайта. Язык HTML. ;2.","#ffffff","Учебные презентации","Презентации в PowerPoint на разные темы","Презентации, проекты, доклады в PowerPoint на разные темы для учебы","Презентация, на тему, урок, класс, PowerPoint, скачати презентацію, фон, шаблон, доклад, проект.","images\u002Fdata\u002Flogo.png",185,40,720,480,"6LeioWIpAAAAAGqMN4KqMVIkekcMW7fBKHjXCd-a","2503267","[e-mail]","h3a","text","none","h3","category","both",80,800,"\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fes5-shims\u002F0.0.2\u002Fes5-shims.min.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fshare2\u002Fshare.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cdiv class=\"ya-share2\" data-services=\"collections,gplus,vkontakte,facebook,odnoklassniki,gplus,twitter,moimir\" data-counter=\"\"\u003E\u003C\u002Fdiv\u003E","Информатика",11,1,"Mypreza","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512")) center – выравнивание (,< tr>,
)
BGCOLOR=’цвет’ – фоновый цвет (, ,< td>)
HSPACE=значение – свободное пространство слева и справа от таблицы в пикселах (
)
VSPACE=значение - свободное пространство сверху и снизу от таблицы в пикселах (
)
Слайд 34
WIDTH=значение – ширина таблицы (ячейки) – в пикселах, или в процентах (
,
)
HEIGHT=
значение – высоты таблицы (ячейки,строки) – в пикселах, или в процентах (,< td>, )
BORDER= значение – толщина рамки вокруг таблицы и ее ячеек, по умолчанию значение=1, если значение=0, то рамки нет (
, ,
)
BORDECOLOR=’цвет’ – цет рамки (
>)
VALIGH=bottom, middle, top – выравнивание содержимого по вертикали (
)
Слайд 35
Создание навигации по сайту в форме таблицы из одной строки
Практическое задание №5
Назад
Слайд 36
Секция заголовка , мета-теги
В секции заголовка на каждой странице указывается информация о документе,
которая используется при его отображении. Текст , заключенный между тегами
...
,отображается в заголовке окна браузера.
В секции заголовка обычно помещается и ряд тегов
с различными атрибутами , предоставляющими дополнительную информацию(метаинформацию) о Web-сайте:
Слайд 37
HEAD>
<br>Любимые места в Санкт-Петербурге
HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251"> - - (указывается тип кодовой таблицы (windows-1251,
Koi8-R и другие),использованной при подготовке текстовой части документа.
name="author" CONTENT=«Иванова Татьяна, ученица 495 школы СПб"> - информация об
name="Keywords" content=«мои любимые места, Невский проспект, Исаакиевский собор”> (указывается через запятую набор ключевых слов, которые могут быть использованы рядом поисковых систем)
Слайд 38
Самостоятельная работа над своим проектом
Примерные темы проекта: “Мосты через Неву”,“Реки и каналы Санкт-Петербурга”,
“Мосты через каналы Санкт-Петербурга”, “Необычные музеи Санкт-Петербурга”, “Музыкальные театры”, “Филармонии и капелла”, “Технические ВУЗ-ы Санкт-Петербурга”, “Детские театры Санкт-Петербурга”, “Гуманитарные ВУЗ-ы Санкт-Петербурга”, “Пригороды Санкт-Петербурга”, “Музеи Санкт-Петербурга”, “Военные учебные заведения в Санкт-Петербурге”и др.
Необходимо оформить главную страницу сайта по образцу файла glavn.htm, выбрав в качестве навигации по сайту таблицу или список, и 2 - 3 страницы, раскрывающие содержание сайта и содержащие: заголовок, текст и рисунок
Назад
Слайд 39
«Создание Web-сайта на языке HTML»
1. Для каких целей может использоваться тег
:
1. Для
вставки рисунков;
2. Для оформления текста полужирным шрифтом;
3. Для создания гиперссылки;
4. Для оформления текста курсивом;
2. Увеличить размер шрифта можно, используя тег:
1.
;
2.
;
3.
;
4.
;
Слайд 40
«Создание Web-сайта на языке HTML»
3. Какой из вариантов структуры HTML-документа правильный?
1. Первый;
2. Второй;
3.
Третий;
4. Четвертый;
Слайд 41
«Создание Web-сайта на языке HTML»
4. Чтобы закончить строку и начать новую используют тег:
1.
;
2.
;
3.
;
4.
;
5. Какой из тегов разместит текст посередине окна браузера?
1.
;
2.
;
3.
;
4.
;
Слайд 42
«Создание Web-сайта на языке HTML»
6. Какой из тегов служит для управления различными параметрами
шрифтового оформления?
1.
;
2.
;
3.
;
4.
;
7. Какие из тегов не являются парными:
1.
;
2.
;
3.
;
4. ;
5.
;
6.
;
Слайд 43
«Создание Web-сайта на языке HTML»
8. Какой из вариантов вставки рисунка правильный?
1.
ALT="Хороший рисунок">;
2.
;
3.
;
4.
>;
9. Что делает тег
?
1. Оформляет выделенный участок текста курсивом;
2. Создает абзац;
3. Выделяет текст полужирным шрифтом;
4. Вставляет пробелы перед следующим словом текста;
Слайд 44
«Создание Web-сайта на языке HTML»
10. Какая структура таблицы правильная?
Первая;
Вторая;
Третья;
Четвертая;
Назад
Имя файла: Интерактивная-презентация-для-цикла-уроков-в-10-классе-Создание-Веб-сайта.-Язык-HTML.-;2..pptx
Количество просмотров: 11
Количество скачиваний: 0
Скачать
- Предыдущая
Свойства воды и воздуха
Следующая -
Деятельностный подход в психологии игры.
Похожие презентации
Кодирование звуковой информации
Объединение компьютеров в локальную компьютерную сеть. Организация работы пользователей в локальных компьютерных сетях
Представление информации в форме таблиц. Структура таблицы
Построение диаграмм в Excel
Текстовые документы и технологии их создания. Обработка текстовой информации. Информатика и ИКТ. 8 класс
ВКР: Разработка WEB-портала для сопровождения спортивных мероприятий
Разработка методики тестирования crm-систем для компании-разработчика программного обеспечения
Урок по технике безопасности
Java. (Лекция 4)
Языки программирования и их классификация
Backend разработка
ПОРТФОЛИО ДОСТИЖЕНИЙ
Редактирование и форматирование текста
Правило Если - то
Инструкция. Страница Фотоальбом
Архитектуры удалённых баз данных
Строковый тип данных Операции со строками и стандартные функции
Стандартные функции. Сортировка данных в Excel
Информатика вокруг нас. Виды информации по форме представления. Действия с информацией
Разработка системы автоматизированного проектирования для расчета и построения цилиндрического редуктора
Доставка для интернет-магазинов
Адресация компьютеров в сети
Книжный магазин 1С:Розница 8
История ВТ и ОС. Назначение и функции операционных систем
Алгоритмизация и программирование. Языки программирования высокого уровня
Информационное общество
ARBot. Приложение дополнительной реальности
Списки
Обратная связь
Email:
Нажмите что бы посмотреть
window.__NUXT__=(function(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R){return {data:{meta:{result:{meta:{h1:l,main_text:a,main_title:m,main_description:n,main_keywords:o,main_image:a},app:{logo_image:p,logo_image_width:q,logo_image_height:r,logo_text:a,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:c,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:w,footer_before:a,footer:a,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:x,item_images:y,item_images_tag:z,item_words_h3:c,item_words_tag:A,item_words_1:h,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:e,item_show_contents:e,item_show_filename:e},colors:{header_text:k,header_bg:i,accent:i}},social:F}},item:{result:{id:511617,name:j,category:G,count:45,jpg:"jpg\u002F511617",hits:H,download:b,h1:j,meta:{h1:j,title:j,description:"Интерактивная презентация для цикла уроков в 10 классе Создание Веб-сайта. Язык HTML. ;2. презентация на тему, доклад, Информатика",keywords:"Интерактивная презентация для цикла уроков в 10 классе Создание Веб-сайта. Язык HTML. ;2., презентация, доклад, проект, скачать, на тему, PowerPoint, урок, класс, школа, Информатика",download_link:a},text:"Вы можете изучить и скачать доклад-презентацию на тему Презентация на тему Интерактивная презентация для цикла уроков в 10 классе Создание Веб-сайта. Язык HTML. ;2. из раздела Информатика. Презентация на заданную тему содержит 45 слайдов. Для просмотра воспользуйтесь проигрывателем, если материал оказался полезным для Вас - поделитесь им с друзьями с помощью социальных кнопок и добавьте наш сайт презентаций в закладки!",seo_text:"\u003Cp\u003EЦели и задачи занятия:\u003Cbr\u003E\u003Cp\u003E закреплять и систематизировать знания, умения и навыки форматирования текста и вставки графических объектов при создании Web-страниц средствами языка HTML; \u003Cbr\u003E развивать познавательный интерес, логическое мышление, творческую активность при выполнении практических заданий; \u003Cbr\u003E воспитывать внимательность, усидчивость, информационную культуру обучающихся, любовь к своей малой Родине\u003Cbr\u003E\u003Cp\u003EМатериалы и оборудование: \u003Cbr\u003E\u003Cbr\u003Eкомпьютерный класс;\u003Cbr\u003Eпрограммное обеспечение: Блокнот, любой обозреватель - Internet Explorer, Opera, Mazilla;\u003Cbr\u003Eраздаточный материал – карточки с заданиями.\u003Cbr\u003E\u003Cbr\u003E \u003Cp\u003EФорматирование текста по абзацам, цвет фона, заголовки разных уровней, списки\u003Cbr\u003E\u003Cp\u003EЗадание цвета всего текста и фона документа\u003Cbr\u003E\u003Cp\u003EГиперссылки\u003Cbr\u003E\u003Cp\u003EТаблицы\u003Cbr\u003E\u003Cp\u003EСекция заголовка \u003CHEAD\u003E, мета-теги\u003Cbr\u003E\u003Cp\u003EТест\u003Cbr\u003E\u003Cp\u003EВставка графических изображений\u003Cbr\u003E",file:"Интерактивная-презентация-для-цикла-уроков-в-10-классе-Создание-Веб-сайта.-Язык-HTML.-;2..pptx",texts:["\u003Cp\u003EСоздание Веб-сайта.\u003Cbr\u003EЯзык HTML\u003Cbr\u003E\u003Cp\u003EУчитель информатики \u003Cbr\u003E\u003Cp\u003EСементинов Е.В.\u003Cbr\u003E\u003Cp\u003EГБОУ школы № 495 Санкт-Петербурга\u003Cbr\u003E","\u003Cp\u003EЦели и задачи занятия:\u003Cbr\u003E\u003Cp\u003E закреплять и систематизировать знания, умения и навыки форматирования текста и вставки графических объектов при создании Web-страниц средствами языка HTML; \u003Cbr\u003E развивать познавательный интерес, логическое мышление, творческую активность при выполнении практических заданий; \u003Cbr\u003E воспитывать внимательность, усидчивость, информационную культуру обучающихся, любовь к своей малой Родине\u003Cbr\u003E\u003Cp\u003EМатериалы и оборудование: \u003Cbr\u003Eкомпьютерный класс;\u003Cbr\u003Eпрограммное обеспечение: Блокнот, любой обозреватель - Internet Explorer, Opera, Mazilla;\u003Cbr\u003Eраздаточный материал – карточки с заданиями.\u003Cbr\u003E","\u003Cp\u003EФорматирование текста по абзацам, цвет фона, заголовки разных уровней, списки\u003Cbr\u003E\u003Cp\u003EЗадание цвета всего текста и фона документа\u003Cbr\u003E\u003Cp\u003EГиперссылки\u003Cbr\u003E\u003Cp\u003EТаблицы\u003Cbr\u003E\u003Cp\u003EСекция заголовка \u003CHEAD\u003E, мета-теги\u003Cbr\u003E\u003Cp\u003EТест\u003Cbr\u003E\u003Cp\u003EВставка графических изображений\u003Cbr\u003E","\u003Cp\u003EФорматирование текста по абзацам, цвет фона, заголовки разных уровней, списки\u003Cbr\u003E","\u003Cp\u003EСтиль шрифта (гарнитура, размер, цвет):\u003Cbr\u003E\u003Cp\u003E\u003CFONT\u003E…\u003C\u002FFONT\u003E\u003Cbr\u003EТег \u003CFONT\u003E должен иметь хотя бы один из трёх возможных атрибутов:\u003Cbr\u003EРазмер шрифта size=\"значение\" (значения целые числа от 1 до 7)\r\nЦвет шрифта color=\"значение\"\r\nЗначение – название цвета или его 16-й код,например \r\n\u003CFONT color=\"red\"\u003E привет\u003C\u002FFONT\u003E\r\n\u003C FONT color=#cc0000\u003E привет\u003C\u002FFONT\u003E\u003Cbr\u003E","\u003Cp\u003EГарнитура (вид шрифта) FACE=\"значение\",например\r\n\u003CFONT FACE=\"Arial\"\u003E привет\u003C\u002FFONT\u003E\u003Cbr\u003EПример \u003CFONT size=\"7\" color=\"red\" face=\"Arial\"\u003E привет\u003C\u002FFONT\u003E (слово привет имеет размер 7, красного цвета, вид шрифта Arial).\u003Cbr\u003E\u003Cp\u003EСтиль шрифта (гарнитура, размер, цвет):\u003Cbr\u003E\u003Cp\u003EПеревод строки: \u003CBR\u003E \u003Cbr\u003E","\u003Cp\u003E Задание цвета всего текста и фона документа\u003Cbr\u003E\u003Cp\u003EОписываются в начальном теге тела документа \u003CBODY\u003E\u003Cbr\u003E\u003CBODY BGCOLOR=цвет фона документа TEXT=цвет текста \u003E.\u003Cbr\u003E\u003Cp\u003EТегами \u003CHn\u003E….\u003C\u002FHn\u003E оформляют заключенный в них текст. Значения n меняются от 1до 6, при этом текст выводится от более крупного к более мелкому. Теги \u003CHn\u003E….\u003C\u002FHn\u003E могут иметь атрибуты ALIGN=CENTER, LEFT, RIGHT.\u003Cbr\u003E","\u003Cp\u003EТег \u003CP\u003E …\u003C\u002FP\u003E- начинает абзац с новой строки. Новый абзац отделяется от предыдущего двойным межстрочным интервалом.\u003Cbr\u003E\u003Cp\u003EВыравнивание текста по абзацам:\u003Cbr\u003E\u003Cp\u003E\u003CP ALIGN=CENTER\u003E …\u003C\u002FP\u003E - по центру\u003Cbr\u003E\u003CP ALIGN=JUSTIFY\u003E…\u003C\u002FP\u003E - по ширине\u003Cbr\u003E\u003Cp\u003E\u003CP ALIGN=LEFT\u003E... \u003C\u002FP\u003E - по левому краю\u003Cbr\u003E\u003CP ALIGN=RIGHT\u003E...\u003C\u002FP\u003E - по правому краю\u003Cbr\u003E\u003Cp\u003E Форматирование текста по абзацам\u003Cbr\u003E","\u003Cp\u003EПростые списки\u003Cbr\u003E\u003Cp\u003EВиды нумераций списков:\u003Cbr\u003E\u003COL TYPE=\"Square\"\u003E\u003Cbr\u003E\u003COL TYPE=\"Circle\"\u003E\u003Cbr\u003E\u003COL TYPE=\"Disk\"\u003E\u003Cbr\u003E\u003COL TYPE=\"A\"\u003E\u003Cbr\u003E\u003COL TYPE=\"I\"\u003E\u003Cbr\u003E\u003Cp\u003E\u003CUL\u003E……\u003C\u002FUL\u003E - неупорядоченный (ненумерованный) список\u003Cbr\u003E\u003COL\u003E……\u003C\u002FOL\u003E - упорядоченный (нумерованный) список.\u003Cbr\u003EЧасть текста, которая будет оформляться как список, заключается в соответствующие теги, а каждый элемент списка помечается одиночным тегом \u003CLI\u003E\u003Cbr\u003E","\u003Cp\u003E Практическое задание \u003Cbr\u003E\u003Cp\u003EФорматирование текста по абзацам, цвет фона, заголовки разных уровней, списки.\u003Cbr\u003E","\u003Cp\u003E Выровняйте весь заголовок по центру и сделайте его красным цветом, размер шрифта - 5, создайте голубой фон и желтый цвет текста\u003Cbr\u003EПоработайте с заголовками разных уровней, обратите внимание, что цвет добавленного текста – желтый, т.к. в \u003CBODY\u003Eзадан желтый цвет. Названия любимых мест прогулки по Санкт-Петербургу выровняйте по левому краю.\u003Cbr\u003EОформите названия мест как ненумерованный список \u003CUL\u003E, заменив \u003CH\u003E на \u003CLI\u003E:\u003Cbr\u003E","\u003Cp\u003E Создайте нумерованный список: \u003CUL\u003E замените на \u003COL\u003E. Посмотрите разные виды нумераций, написав \u003COL type=\"square\"\u003E, попробуйте все виды нумераций списка: \"Circle\", \"Disk\", \"A\", \"I\"\u003Cbr\u003EНе забывайте сохранять свою страницу в одном и том же файле glavn.htm.\u003Cbr\u003E\u003Cp\u003EНазад\u003Cbr\u003E","\u003Cp\u003EВставка графических изображений\u003Cbr\u003E","\u003Cp\u003EОдиночный тег \u003CIMG\u003E вставляет графические изображения в текстовый поток в любом месте:\u003Cbr\u003E\u003CIMG SRC=’имя графического файла’\u003E\u003Cbr\u003EНеобязательные атрибуты тега \u003Cimg\u003E:\u003Cbr\u003E\u003Cp\u003EALT = альтернативный текст\u003Cbr\u003EBORDER =толщина обрамляющей рамки в пикс., 0 нет рамки\u003Cbr\u003EHEIGHT =высота изображения в пикселах или %\u003Cbr\u003EWIDTH =ширина изображения в пикселах или %\u003Cbr\u003E","\u003Cp\u003EVSPACE =- свободное пространство сверху и снизу от изображения в пикселах или %\u003Cbr\u003EALIGN = left, right, middle выравнивание изображения\u003Cbr\u003E\u003Cp\u003EЧтобы рисунок был по центру, можно использовать тег \u003CCENTER\u003E…….\u003CCENTER\u003E\u002F\u003Cbr\u003E","\u003Cp\u003EДля вставки рисунка в web – страницу используется тег \u003Cimg\u003E, с его неотъемлемым атрибутом src, которому присваивается значение адреса рисунка, его названия и расширения. В данном примере это “tiger” c расширением jpg. Видим рисунок. \u003Cbr\u003E","\u003Cp\u003E Практическое задание \u003Cbr\u003E\u003Cp\u003E Задание:\u003Cbr\u003EСоздать папку для рисунков, скопировать рисунки, переименовать.Создать новый документ html. Вставить 4 рисунка, используя все атрибуты, но присваивая им различные значения. Добавить текст. \u003Cbr\u003EЧтобы сделать вашу новую страничку интереснее можете закрасить фон страницы и изменить цвет текста. - Мы с вами это уже делали на предыдущих занятиях. \u003Cbr\u003E","\u003Cp\u003EНайдите фотографию любимого места в городе и сохрание в своей папке. Вставьте фотографию на Web-страницу в файл glavn.htm.\u003Cbr\u003EЧтобы рисунок был по центру, его надо заключить в тег \u003CCENTER\u003E \u003Cimg src = .....\u003C\u002FCENTER\u003E\u003Cbr\u003EУменьшите размеры рисунка в 2 раза по ширине и высоте, написав width=50% и height=50%.\u003Cbr\u003EУвеличьте пространство вокруг рисунка сверху и снизу, написав vspace=20 и hspace=20.\u003Cbr\u003E","\u003Cp\u003EСоздайте альтернативный текст, который появится под указателем мыши при наведении на картинку, написав alt= “Мое любимое место в Санкт-Петербурге”.\u003Cbr\u003EСоздайте вокруг рисунка обрамляющую рамку: border=5.\u003Cbr\u003EЕсли рисунок окажется слишком маленьким, поэкспериментируйте с соответствую щими атрибутами.\u003Cbr\u003E","\u003Cp\u003EСамостоятельно создайте HTML-документы для всех мест, называя их a1.htm, a2.htm, a3.htm, a4.htm, взяв за основу файл glavn.htm. Измените заголовок, фотографию мест, вместо списка мест вставьте небольшой текст про любимое место в городе и выровняйте его по ширине. Фотографии любимых мест и текст берите из Интернета. Фотографии любимых мест сохраняйте в своей папке. Копирование фрагментов текста из Интернета осуществляйте через опции «Копировать» и «Вставить».\u003Cbr\u003E","\u003Cp\u003EВставка графических изображений\u003Cbr\u003E\u003Cp\u003EВсеми браузерами поддерживаются форматы .gif,.jpg. Эти форматы являются растровыми. GIF –поддерживается прозрачность и анимация, хорошо подходит для рисованных изображений. JPG – для полноцветных изображений, хорошо подходит для отсканированных изображений и фотоuрафий, анимацию не поддерживает. Одиночный тег \u003CIMG\u003E вставляет графические изображения в текстовый поток в любом месте:\u003CIMG SRC=’имя графического файла’\u003E\u003Cbr\u003E","\u003Cp\u003EНеобязательные атрибуты тега \u003Cimg\u003E:\u003Cbr\u003E\u003Cp\u003EALT = альтернативный текст\u003Cbr\u003EBORDER =толщина обрамляющей рамки в пикс., 0 нет рамки\u003Cbr\u003EHEIGHT =высота изображения в пикселах или %\u003Cbr\u003EWIDTH =ширина изображения в пикселах или %\u003Cbr\u003EVSPACE = свободное пространство сверху и снизу от изображения в пикселах или %\u003Cbr\u003EALIGN = left, right, middle выравнивание изображения \u003Cbr\u003EЧтобы рисунок был по центру, можно использовать тег \u003CCENTER\u003E…….\u003CCENTER\u003E\u002F\u003Cbr\u003E","\u003Cp\u003EПрактическое задание №3\u003Cbr\u003E\u003Cp\u003EВставка и форматирование графических изображений. Самостоятельное создание Web-страниц любимых мест в Санкт-Петербурге.\u003Cbr\u003E\u003Cp\u003EНазад\u003Cbr\u003E","\u003Cp\u003EФундаментальное свойство гипертекста состоит в том, что он позволяет связывать документы гиперссылками.\u003Cbr\u003EС помощью гиперссылок можно указать:\u003Cbr\u003EНа другой HTML-документ;\u003Cbr\u003EНа любой другой документ;\u003Cbr\u003EНа определенное место внутри текущего или какого-либо другого документа;\u003Cbr\u003E⇨ Документы превращаются в точки пересечения нитей информационной паутины и становиться понятным название «Всемирная паутина»\u003Cbr\u003E\u003Cp\u003EГиперссылки\u003Cbr\u003E","\u003Cp\u003EАтрибуты:\u003Cbr\u003Ehref=“URL” – адрес перехода.\u003Cbr\u003E Как задавать адрес?\u003Cbr\u003E\u003Ca href=“Nesen.html”\u003EЛюбимые места в Санкт-Петербурге \u003C\u002Fa\u003E \u003Cbr\u003Eпереход к документу, расположенному в той же папке, что и документ-источник. \u003Cbr\u003E\u003Cp\u003EГиперссылки\u003Cbr\u003E","\u003Cp\u003EСвязь с другими документами организуется тегами \u003CA\u003E…\u003C\u002FA\u003E.\u003Cbr\u003E\u003CA HREF=”имя файла на который надо перейти” \u003Eтекст гиперссылки \u003C\u002FA\u003E.\u003Cbr\u003EРисунок так же можно сделать, как гиперссылку, написав:\u003Cbr\u003E\u003CA HREF ='имя файла на который переходим'\u003E\u003CIMG SRC =’имя графического файла’\u003E\u003C\u002Fa\u003E\u003Cbr\u003E\u003Cp\u003EГиперссылки\u003Cbr\u003E","\u003Cp\u003EИСПОЛЬЗОВАНИЕ РИСУНКОВ В КАЧЕСТВЕ ГИПЕРССЫЛКИ\u003Cbr\u003E\u003Cp\u003E\u003Ca href=“АДРЕС ССЫЛКИ“\u003E\u003Cimg src=“АДРЕС КАРТИНКИ“\u003E\u003C\u002Fa\u003E\u003Cbr\u003E\u003Ca href=“2.HTML“\u003E\u003Cimg src=“foto.jpeg“ \u003E\u003C\u002Fa\u003E\u003Cbr\u003E\u003Cp\u003E\u003Chtml\u003E\u003Cbr\u003E. . .\u003Cbr\u003E\u003Ca href=“2.html”\u003E Любимые места в Санкт-Петербурга\u003Cbr\u003E\u003C\u002Fa\u003E…\u003Cbr\u003E\u003C\u002Fhtml\u003E\u003Cbr\u003E\u003Cp\u003E\u003Chtml\u003E\u003Cbr\u003E. . .\u003Cbr\u003E\u003C\u002Fhtml\u003E\u003Cbr\u003E\u003Cp\u003E2.html\u003Cbr\u003E\u003Cp\u003E1.html\u003Cbr\u003E","\u003Cp\u003E2. \u003Ca href=“http:\u002F\u002Fuchinfo.com.ua\u002Flessons.php”\u003E\u003Cbr\u003EУроки по информатике \u003C\u002Fa\u003E\u003Cbr\u003EПереход к документу, который находится в Интернете по указанному адресу. Для этого перехода нужно, чтобы компьютер был подключен к Интернету.\u003Cbr\u003E3. \u003Ca href=“mailto:[e-mail]”\u003E\u003Cbr\u003EПишите мне \u003C\u002Fa\u003E\u003Cbr\u003EЩелчок на такой гиперссылке вызывает загрузку почтовой программы с уже заполненным полем адреса электронной почты.\u003Cbr\u003E4. \u003Ca href=“#chapter1”\u003EПерейти к разделу 1 \u003C\u002Fa\u003E\u003Cbr\u003EСсылка на определенное место в текущем документе.\u003Cbr\u003E5. \u003Ca href=“2.html#glava1”\u003EГлава 1\u003C\u002Fa\u003E\u003Cbr\u003EСсылка на определенное место в документе 2.html .\u003Cbr\u003E","\u003Cp\u003EСоздание гиперссылки внутри текущего документа или к определенному фрагменту какого-либо другого документа распадается на 2 части:\u003Cbr\u003EСоздание метки (якоря), которая является целью гиперссылки.\u003Cbr\u003EСоздание самой гиперссылки.\u003Cbr\u003E\u003Cp\u003EГИПЕРССЫЛКИ ВНУТРИ ОДНОГО ДОКУМЕНТА\u003Cbr\u003EСсылка на главу 1.\u003Cbr\u003EСсылка на главу 2.\u003Cbr\u003E\u003Cbr\u003EЯкорь для главы 1\u003Cbr\u003EЯкорь для главы 2\u003Cbr\u003E","\u003Cp\u003EПрактическое задание №4\u003Cbr\u003E\u003Cp\u003EОформление списка любимых мест в Санкт-Петербурге на главной странице glavn.htm, как гиперссылки на соответствующие Web-страницы театров\u003Cbr\u003E\u003Cp\u003EНазад\u003Cbr\u003E","\u003Cp\u003EТаблицы\u003Cbr\u003E\u003Cp\u003EИспользуют не только для того, чтобы располагать данные в ячейках, сколько с целью позицирования фрагментов текста и изображений друг относительно друга. С помощью таблиц удобно создавать навигацию по сайту.\u003Cbr\u003E\u003Cp\u003E\u003CTABLE\u003E…\u003C\u002FTABLE\u003E - вся таблица.\u003Cbr\u003E\u003CTR\u003E…\u003C\u002FTR\u003E - строка. \u003Cbr\u003E\u003CTD\u003E…\u003C\u002FTD\u003E - ячейка в ряду.\u003Cbr\u003E\u003Cp\u003EПример таблицы из двух строк (рядов), содержащих по две ячейки\u003Cbr\u003E","\u003Cp\u003E\u003CTABLE\u003E таблица\u003Cbr\u003E\u003CTR\u003E \u003CTD\u003E\u003Cbr\u003Eтекст ячейки 1,1\u003C\u002FTD\u003E \u003CTD\u003E текст ячейки 1,2\u003C\u002FTD\u003E \u003C\u002FTR\u003E первая строка\u003Cbr\u003E\u003CTR\u003E \u003CTD\u003E текст 2,1 ячейки \u003C\u002FTD\u003E \u003CTD\u003Eтекст 2,2 ячейки \u003C\u002FTD\u003E \u003C\u002FTR\u003E вторая строка\u003Cbr\u003E\u003C\u002FTABLE\u003E\u003Cbr\u003E\u003Cp\u003EЯчейки таблицы могут содержать текст или изображения, а также текст с HTML-тегами и гиперссылки. Не следует оставлять ячейки таблицы незаполненными, надо поместить хотя бы неразрывный пробел &nbsp; \u003Cbr\u003E","\u003Cp\u003EОсновные атрибуты тегов \u003CTABLE\u003E \u003CTR\u003E и \u003CTD\u003E\u003Cbr\u003Eзадают параметры таблицы, строки или ячейки:\u003Cbr\u003EALIGN=left, right, center – выравнивание (\u003Ctable\u003E,\u003C tr\u003E, \u003Ctd\u003E)\u003Cbr\u003EBGCOLOR=’цвет’ – фоновый цвет (\u003Ctable\u003E, \u003Ctr\u003E,\u003C td\u003E)\u003Cbr\u003EHSPACE=значение – свободное пространство слева и справа от таблицы в пикселах (\u003Ctable\u003E)\u003Cbr\u003EVSPACE=значение - свободное пространство сверху и снизу от таблицы в пикселах (\u003Ctable\u003E)\u003Cbr\u003E","\u003Cp\u003EWIDTH=значение – ширина таблицы (ячейки) – в пикселах, или в процентах (\u003Ctable\u003E, \u003Ctd\u003E)\u003Cbr\u003EHEIGHT= значение – высоты таблицы (ячейки,строки) – в пикселах, или в процентах (\u003Ctable\u003E,\u003C td\u003E, \u003Ctr\u003E)\u003Cbr\u003EBORDER= значение – толщина рамки вокруг таблицы и ее ячеек, по умолчанию значение=1, если значение=0, то рамки нет (\u003Ctable\u003E, \u003Ctd\u003E)\u003Cbr\u003EBORDECOLOR=’цвет’ – цет рамки (\u003Ctable,\u003Ctd\u003E\u003E)\u003Cbr\u003EVALIGH=bottom, middle, top – выравнивание содержимого по вертикали (\u003Ctr\u003E, \u003Ctd\u003E) \u003Cbr\u003E","\u003Cp\u003EСоздание навигации по сайту в форме таблицы из одной строки\u003Cbr\u003E\u003Cp\u003EПрактическое задание №5\u003Cbr\u003E\u003Cp\u003EНазад\u003Cbr\u003E","\u003Cp\u003EСекция заголовка \u003CHEAD\u003E, мета-теги\u003Cbr\u003E\u003Cp\u003EВ секции заголовка на каждой странице указывается информация о документе, которая используется при его отображении. Текст , заключенный между тегами \u003CTITLE\u003E ... \u003C\u002FTITLE\u003E,отображается в заголовке окна браузера.\u003Cbr\u003EВ секции заголовка обычно помещается и ряд тегов \u003CMETA\u003E с различными атрибутами , предоставляющими дополнительную информацию(метаинформацию) о Web-сайте:\u003Cbr\u003E","\u003Cp\u003EHEAD\u003E\u003Cbr\u003E\u003Ctitle\u003E\u003Cbr\u003EЛюбимые места в Санкт-Петербурге\u003C\u002Ftitle\u003E\u003Cbr\u003E\u003Cmeta\u003Cbr\u003EHTTP-EQUIV=\"Content-Type\" CONTENT=\"text\u002Fhtml; charset=windows-1251\"\u003E - - (указывается тип кодовой таблицы (windows-1251, Koi8-R и другие),использованной при подготовке текстовой части документа.\u003Cbr\u003E\u003Cmeta\u003Cbr\u003Ename=\"author\" CONTENT=«Иванова Татьяна, ученица 495 школы СПб\"\u003E - информация об \u003Cbr\u003E\u003Cmeta\u003Cbr\u003Ename=\"Keywords\" content=«мои любимые места, Невский проспект, Исаакиевский собор”\u003E (указывается через запятую набор ключевых слов, которые могут быть использованы рядом поисковых систем)\u003Cbr\u003E\u003C\u002FHEAD\u003E\u003Cbr\u003E","\u003Cp\u003EСамостоятельная работа над своим проектом\u003Cbr\u003E\u003Cp\u003EПримерные темы проекта: “Мосты через Неву”,“Реки и каналы Санкт-Петербурга”, “Мосты через каналы Санкт-Петербурга”, “Необычные музеи Санкт-Петербурга”, “Музыкальные театры”, “Филармонии и капелла”, “Технические ВУЗ-ы Санкт-Петербурга”, “Детские театры Санкт-Петербурга”, “Гуманитарные ВУЗ-ы Санкт-Петербурга”, “Пригороды Санкт-Петербурга”, “Музеи Санкт-Петербурга”, “Военные учебные заведения в Санкт-Петербурге”и др.\u003Cbr\u003EНеобходимо оформить главную страницу сайта по образцу файла glavn.htm, выбрав в качестве навигации по сайту таблицу или список, и 2 - 3 страницы, раскрывающие содержание сайта и содержащие: заголовок, текст и рисунок\u003Cbr\u003E\u003Cp\u003EНазад\u003Cbr\u003E","\u003Cp\u003E«Создание Web-сайта на языке HTML»\u003Cbr\u003E\u003Cp\u003E1. Для каких целей может использоваться тег \u003CA\u003E:\u003Cbr\u003E1. Для вставки рисунков;\u003Cbr\u003E2. Для оформления текста полужирным шрифтом;\u003Cbr\u003E3. Для создания гиперссылки;\u003Cbr\u003E4. Для оформления текста курсивом;\u003Cbr\u003E \u003Cbr\u003E2. Увеличить размер шрифта можно, используя тег:\u003Cbr\u003E1. \u003CFONT\u003E;\u003Cbr\u003E2. \u003CIMG\u003E;\u003Cbr\u003E3. \u003CP\u003E;\u003Cbr\u003E4. \u003CI\u003E;\u003Cbr\u003E","\u003Cp\u003E«Создание Web-сайта на языке HTML»\u003Cbr\u003E\u003Cp\u003E3. Какой из вариантов структуры HTML-документа правильный?\u003Cbr\u003E1. Первый;\u003Cbr\u003E2. Второй;\u003Cbr\u003E3. Третий;\u003Cbr\u003E4. Четвертый;\u003Cbr\u003E","\u003Cp\u003E«Создание Web-сайта на языке HTML»\u003Cbr\u003E\u003Cp\u003E4. Чтобы закончить строку и начать новую используют тег:\u003Cbr\u003E1. \u003CHR\u003E;\u003Cbr\u003E2. \u003CA\u003E;\u003Cbr\u003E3. \u003CBR\u003E;\u003Cbr\u003E4. \u003CP\u003E;\u003Cbr\u003E 5. Какой из тегов разместит текст посередине окна браузера?\u003Cbr\u003E1. \u003CP align=center\u003E;\u003Cbr\u003E2. \u003CMIDDLE\u003E;\u003Cbr\u003E3. \u003CP align= justify\u003E;\u003Cbr\u003E4. \u003CFONT\u003E;\u003Cbr\u003E","\u003Cp\u003E«Создание Web-сайта на языке HTML»\u003Cbr\u003E\u003Cp\u003E6. Какой из тегов служит для управления различными параметрами шрифтового оформления?\u003Cbr\u003E1. \u003CH1\u003E;\u003Cbr\u003E2. \u003CFONT\u003E;\u003Cbr\u003E3. \u003CFINT\u003E;\u003Cbr\u003E4.\u003CSIZE\u003E; \u003Cbr\u003E7. Какие из тегов не являются парными:\u003Cbr\u003E1. \u003CH1\u003E;\u003Cbr\u003E2. \u003CBR\u003E;\u003Cbr\u003E3. \u003CIMG\u003E;\u003Cbr\u003E4. \u003CTABLE\u003E;\u003Cbr\u003E5. \u003CA\u003E;\u003Cbr\u003E6. \u003CLI\u003E;\u003Cbr\u003E","\u003Cp\u003E«Создание Web-сайта на языке HTML»\u003Cbr\u003E\u003Cp\u003E8. Какой из вариантов вставки рисунка правильный?\u003Cbr\u003E1. \u003CIMG SRC=\"file.gif\" ALT=\"Хороший рисунок\"\u003E;\u003Cbr\u003E2. \u003CIMC SRG=\"file.gif' ALT='Хороший рисунок\"\u003E;\u003Cbr\u003E3. \u003CIMG SRG=file.gif ALT=Хороший рисунок\u003E;\u003Cbr\u003E4. \u003CIMG SRC=file.gif ALT=\"Хороший рисунок\"\u003E\u003E;\u003Cbr\u003E \u003Cbr\u003E9. Что делает тег \u003CP\u003E ?\u003Cbr\u003E1. Оформляет выделенный участок текста курсивом;\u003Cbr\u003E2. Создает абзац;\u003Cbr\u003E3. Выделяет текст полужирным шрифтом;\u003Cbr\u003E4. Вставляет пробелы перед следующим словом текста;\u003Cbr\u003E","\u003Cp\u003E«Создание Web-сайта на языке HTML»\u003Cbr\u003E\u003Cp\u003E10. Какая структура таблицы правильная?\u003Cbr\u003EПервая;\u003Cbr\u003EВторая;\u003Cbr\u003EТретья;\u003Cbr\u003EЧетвертая;\u003Cbr\u003E\u003Cp\u003EНазад\u003Cbr\u003E","\u003Cp\u003E«Создание Web-сайта на языке HTML»\u003Cbr\u003E"],href:"\u002Finformatika\u002Finteraktivnaya-prezentatsiya-dlya-tsikla-urokov-v",href_category:"\u002Finformatika",date:1663782518,related:[{id:105569,name:"Кодирование звуковой информации",href:"\u002Finformatika\u002Fkodirovanie-zvukovoy-informatsii-4",jpg:"jpg\u002F105569"},{id:101369,name:"Объединение компьютеров в локальную компьютерную сеть. Организация работы пользователей в локальных компьютерных сетях",href:"\u002Finformatika\u002Fobedinenie-kompyuterov-v-lokalnuyu-kompyuternuyu-set",jpg:"jpg\u002F101369"},{id:193715,name:"Представление информации в форме таблиц. Структура таблицы",href:"\u002Finformatika\u002Fpredstavlenie-informatsii-v-forme-tablits-struktura",jpg:"jpg\u002F193715"},{id:117996,name:"Построение диаграмм в Excel",href:"\u002Finformatika\u002Fpostroenie-diagramm-v-excel-1",jpg:"jpg\u002F117996"},{id:594544,name:"Текстовые документы и технологии их создания. Обработка текстовой информации. Информатика и ИКТ. 8 класс",href:"\u002Finformatika\u002Ftekstovye-dokumenty-i-tehnologii-ih-sozdaniya-6",jpg:"jpg\u002F594544"},{id:129736,name:"ВКР: Разработка WEB-портала для сопровождения спортивных мероприятий",href:"\u002Finformatika\u002Fvkr-razrabotka-web-portala-dlya-soprovozhdeniya",jpg:"jpg\u002F129736"},{id:220709,name:"Разработка методики тестирования crm-систем для компании-разработчика программного обеспечения",href:"\u002Finformatika\u002Frazrabotka-metodiki-testirovaniya-crm-sistem-dlya",jpg:"jpg\u002F220709"},{id:481884,name:"Урок по технике безопасности",href:"\u002Finformatika\u002Furok-po-tehnike-bezopasnosti",jpg:"jpg\u002F481884"},{id:211942,name:"Java. (Лекция 4)",href:"\u002Finformatika\u002Fjava-lektsiya-4",jpg:"jpg\u002F211942"},{id:123013,name:"Языки программирования и их классификация",href:"\u002Finformatika\u002Fyazyki-programmirovaniya-i-ih-klassifikatsiya",jpg:"jpg\u002F123013"},{id:580906,name:"Backend разработка",href:"\u002Finformatika\u002Fbackend-razrabotka",jpg:"jpg\u002F580906"},{id:566037,name:"ПОРТФОЛИО ДОСТИЖЕНИЙ",href:"\u002Finformatika\u002Fportfolio-dostizheniy-4",jpg:"jpg\u002F566037"},{id:185013,name:"Редактирование и форматирование текста",href:"\u002Finformatika\u002Fredaktirovanie-i-formatirovanie-teksta",jpg:"jpg\u002F185013"},{id:538170,name:"Правило Если - то",href:"\u002Finformatika\u002Fpravilo-esli-to-1",jpg:"jpg\u002F538170"},{id:188333,name:"Инструкция. Страница Фотоальбом",href:"\u002Finformatika\u002Finstruktsiya-stranitsa-fotoalbom",jpg:"jpg\u002F188333"},{id:1997,name:"Архитектуры удалённых баз данных",href:"\u002Finformatika\u002Farhitektury-udalyonnyh-baz-dannyh",jpg:"jpg\u002F1997"},{id:972,name:"Строковый тип данных Операции со строками и стандартные функции",href:"\u002Finformatika\u002Fstrokovyy-tip-dannyh-operatsii-so-strokami-i-standartnye-funktsii",jpg:"jpg\u002F972"},{id:213898,name:"Стандартные функции. Сортировка данных в Excel",href:"\u002Finformatika\u002Fstandartnye-funktsii-sortirovka-dannyh-v-excel",jpg:"jpg\u002F213898"},{id:129950,name:"Информатика вокруг нас. Виды информации по форме представления. Действия с информацией",href:"\u002Finformatika\u002Finformatika-vokrug-nas-vidy-informatsii-po",jpg:"jpg\u002F129950"},{id:389836,name:"Разработка системы автоматизированного проектирования для расчета и построения цилиндрического редуктора",href:"\u002Finformatika\u002Frazrabotka-sistemy-avtomatizirovannogo-proektirovaniya-dlya-rascheta",jpg:"jpg\u002F389836"},{id:415754,name:"Доставка для интернет-магазинов",href:"\u002Finformatika\u002Fdostavka-dlya-internet-magazinov",jpg:"jpg\u002F415754"},{id:406745,name:"Адресация компьютеров в сети",href:"\u002Finformatika\u002Fadresatsiya-kompyuterov-v-seti-1",jpg:"jpg\u002F406745"},{id:392137,name:"Книжный магазин 1С:Розница 8",href:"\u002Finformatika\u002Fknizhnyy-magazin-1sroznitsa-8",jpg:"jpg\u002F392137"},{id:161213,name:"История ВТ и ОС. Назначение и функции операционных систем",href:"\u002Finformatika\u002Fistoriya-vt-i-os-naznachenie-i",jpg:"jpg\u002F161213"},{id:305571,name:"Алгоритмизация и программирование. Языки программирования высокого уровня",href:"\u002Finformatika\u002Falgoritmizatsiya-i-programmirovanie-yazyki-programmirovaniya-vysokogo",jpg:"jpg\u002F305571"},{id:333459,name:"Информационное общество",href:"\u002Finformatika\u002Finformatsionnoe-obshchestvo-13",jpg:"jpg\u002F333459"},{id:210831,name:"ARBot. Приложение дополнительной реальности",href:"\u002Finformatika\u002Farbot-prilozhenie-dopolnitelnoy-realnosti",jpg:"jpg\u002F210831"},{id:298684,name:"Списки",href:"\u002Finformatika\u002Fspiski-11",jpg:"jpg\u002F298684"}],navigation:{next:"\u002Funcategorized\u002Fdeyatelnostnyy-podhod-v-psihologii-igry",next_name:"Деятельностный подход в психологии игры.",prev:"\u002Fokruzhayushchiy-mir\u002Fsvoystva-vody-i-vozduha",prev_name:"Свойства воды и воздуха"}}},categories:{result:[{id:I,ordering:b,name:"Без категории",pseudoname:"uncategorized"},{id:144,ordering:b,name:"Бизнес",pseudoname:"biznes"},{id:146,ordering:b,name:"Образование",pseudoname:"obrazovanie"},{id:149,ordering:b,name:"Финансы",pseudoname:"finansy"},{id:150,ordering:b,name:"Государство",pseudoname:"gosudarstvo"},{id:152,ordering:b,name:"Спорт",pseudoname:"sport"},{id:154,ordering:b,name:"Армия",pseudoname:"armiya"},{id:156,ordering:b,name:"Культурология",pseudoname:"kulturologiya"},{id:157,ordering:b,name:"Еда и кулинария",pseudoname:"eda-i-kulinariya"},{id:158,ordering:b,name:"Лингвистика",pseudoname:"lingvistika"},{id:163,ordering:b,name:"Черчение",pseudoname:"cherchenie"},{id:164,ordering:b,name:"Физкультура",pseudoname:"fizkultura"},{id:165,ordering:b,name:"ИЗО",pseudoname:"izo"},{id:166,ordering:b,name:"Психология",pseudoname:"psihologiya"},{id:116,ordering:I,name:"Английский язык",pseudoname:"angliyskiy-yazyk"},{id:108,ordering:2,name:"Астрономия",pseudoname:"astronomiya"},{id:104,ordering:3,name:"Алгебра",pseudoname:"algebra"},{id:106,ordering:4,name:"Биология",pseudoname:"biologiya"},{id:142,ordering:5,name:"География",pseudoname:"geografiya"},{id:141,ordering:6,name:"Геометрия",pseudoname:"geometria"},{id:123,ordering:7,name:"Детские презентации",pseudoname:"detskie-prezentatsii"},{id:107,ordering:8,name:G,pseudoname:"informatika"},{id:109,ordering:9,name:"История",pseudoname:"istoriya"},{id:139,ordering:10,name:"Литература",pseudoname:"literatura"},{id:119,ordering:H,name:"Маркетинг",pseudoname:"marketing"},{id:114,ordering:12,name:"Математика",pseudoname:"matematika"},{id:138,ordering:h,name:"Медицина",pseudoname:"medetsina"},{id:118,ordering:14,name:"Менеджмент",pseudoname:"menedzhment"},{id:137,ordering:15,name:"Музыка",pseudoname:"muzyka"},{id:136,ordering:16,name:"МХК",pseudoname:"mhk"},{id:130,ordering:17,name:"Немецкий язык",pseudoname:"nemetskiy-yazyk"},{id:105,ordering:18,name:"ОБЖ",pseudoname:"obzh"},{id:133,ordering:19,name:"Обществознание ",pseudoname:"obshchestvoznanie"},{id:132,ordering:20,name:"Окружающий мир ",pseudoname:"okruzhayushchiy-mir"},{id:131,ordering:21,name:"Педагогика ",pseudoname:"pedagogika"},{id:129,ordering:22,name:"Русский язык",pseudoname:"russkiy-yazyk"},{id:128,ordering:24,name:"Технология",pseudoname:"tehnologiya"},{id:127,ordering:25,name:"Физика",pseudoname:"fizika"},{id:126,ordering:26,name:"Философия",pseudoname:"filosofiya"},{id:125,ordering:27,name:"Химия",pseudoname:"himiya"},{id:124,ordering:29,name:"Экология",pseudoname:"ekologiya"},{id:121,ordering:30,name:"Экономика",pseudoname:"ekonomika"},{id:120,ordering:31,name:"Юриспруденция",pseudoname:"yurisprudentsiya"}]}},state:{},_errors:{},serverRendered:e,config:{public:{SITE_NAME:J,SITE_HOST:"mypreza.com",SITE_LANG:K,API_BASE_URL:"https:\u002F\u002Fmypreza.com\u002Fapi\u002F",pwaManifest:{name:J,short_name:a,description:a,lang:K,start_url:"\u002F?standalone=true",display:"standalone",background_color:k,theme_color:"#000000",icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.f2a6e93d.png",type:d,sizes:L,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.f2a6e93d.png",type:d,sizes:L,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.f2a6e93d.png",type:d,sizes:M,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.f2a6e93d.png",type:d,sizes:M,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.f2a6e93d.png",type:d,sizes:N,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.f2a6e93d.png",type:d,sizes:N,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.f2a6e93d.png",type:d,sizes:O,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.f2a6e93d.png",type:d,sizes:O,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.f2a6e93d.png",type:d,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.f2a6e93d.png",type:d,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.f2a6e93d.png",type:d,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.f2a6e93d.png",type:d,sizes:Q,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.f2a6e93d.png",type:d,sizes:R,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.f2a6e93d.png",type:d,sizes:R,purpose:g}]},yandexMetrika:{id:"85004146",metrikaUrl:"https:\u002F\u002Fmc.yandex.ru\u002Fmetrika\u002Ftag.js",accurateTrackBounce:e,childIframe:c,clickmap:c,defer:c,useRuntimeConfig:e,trackHash:c,trackLinks:e,type:b,webvisor:c,triggerEvent:c,consoleLog:e,partytown:c,isDev:c}},app:{baseURL:"\u002F",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:a}},pinia:{app:{meta:{h1:l,main_text:a,main_title:m,main_description:n,main_keywords:o,main_image:a},app:{logo_image:p,logo_image_width:q,logo_image_height:r,logo_text:a,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:c,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:w,footer_before:a,footer:a,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:x,item_images:y,item_images_tag:z,item_words_h3:c,item_words_tag:A,item_words_1:h,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:e,item_show_contents:e,item_show_filename:e},colors:{header_text:k,header_bg:i,accent:i}},social:F,token:a}}}}("",0,false,"image\u002Fpng",true,"any","maskable",13,"#d53032","Интерактивная презентация для цикла уроков в 10 классе Создание Веб-сайта. Язык HTML. ;2.","#ffffff","Учебные презентации","Презентации в PowerPoint на разные темы","Презентации, проекты, доклады в PowerPoint на разные темы для учебы","Презентация, на тему, урок, класс, PowerPoint, скачати презентацію, фон, шаблон, доклад, проект.","images\u002Fdata\u002Flogo.png",185,40,720,480,"6LeioWIpAAAAAGqMN4KqMVIkekcMW7fBKHjXCd-a","2503267","[e-mail]","h3a","text","none","h3","category","both",80,800,"\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fes5-shims\u002F0.0.2\u002Fes5-shims.min.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fshare2\u002Fshare.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cdiv class=\"ya-share2\" data-services=\"collections,gplus,vkontakte,facebook,odnoklassniki,gplus,twitter,moimir\" data-counter=\"\"\u003E\u003C\u002Fdiv\u003E","Информатика",11,1,"Mypreza","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512"))

WIDTH=значение – ширина таблицы (ячейки) – в пикселах, или в процентах (

Создание навигации по сайту в форме таблицы из одной строки
Практическое задание №5
Назад

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

HEAD>
<br>Любимые места в Санкт-Петербурге
HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251"> - - (указывается тип кодовой таблицы (windows-1251, Koi8-R и другие),использованной при подготовке текстовой части документа.
name="author" CONTENT=«Иванова Татьяна, ученица 495 школы СПб"> - информация об
name="Keywords" content=«мои любимые места, Невский проспект, Исаакиевский собор”> (указывается через запятую набор ключевых слов, которые могут быть использованы рядом поисковых систем)

Самостоятельная работа над своим проектом
Примерные темы проекта: “Мосты через Неву”,“Реки и каналы Санкт-Петербурга”, “Мосты через каналы Санкт-Петербурга”, “Необычные музеи Санкт-Петербурга”, “Музыкальные театры”, “Филармонии и капелла”, “Технические ВУЗ-ы Санкт-Петербурга”, “Детские театры Санкт-Петербурга”, “Гуманитарные ВУЗ-ы Санкт-Петербурга”, “Пригороды Санкт-Петербурга”, “Музеи Санкт-Петербурга”, “Военные учебные заведения в Санкт-Петербурге”и др.
Необходимо оформить главную страницу сайта по образцу файла glavn.htm, выбрав в качестве навигации по сайту таблицу или список, и 2 - 3 страницы, раскрывающие содержание сайта и содержащие: заголовок, текст и рисунок
Назад

«Создание Web-сайта на языке HTML»
1. Для каких целей может использоваться тег
:
1. Для
вставки рисунков;
2. Для оформления текста полужирным шрифтом;
3. Для создания гиперссылки;
4. Для оформления текста курсивом;
2. Увеличить размер шрифта можно, используя тег:
1.
;
2.
;
3.
;
4.
;

«Создание Web-сайта на языке HTML»
3. Какой из вариантов структуры HTML-документа правильный?
1. Первый;
2. Второй;
3.
Третий;
4. Четвертый;

«Создание Web-сайта на языке HTML»
4. Чтобы закончить строку и начать новую используют тег:
1.
;
2.
;
3.
;
4.
;
5. Какой из тегов разместит текст посередине окна браузера?
1.
;
2.
;
3.
;
4.
;

«Создание Web-сайта на языке HTML»
6. Какой из тегов служит для управления различными параметрами
шрифтового оформления?
1.
;
2.
;
3.
;
4.
;
7. Какие из тегов не являются парными:
1.
;
2.
;
3.
;
4. ;
5.
;
6.
;
Слайд 43
«Создание Web-сайта на языке HTML»
8. Какой из вариантов вставки рисунка правильный?
1.
ALT="Хороший рисунок">;
2.
;
3.
;
4.
>;
9. Что делает тег
?
1. Оформляет выделенный участок текста курсивом;
2. Создает абзац;
3. Выделяет текст полужирным шрифтом;
4. Вставляет пробелы перед следующим словом текста;
Слайд 44
«Создание Web-сайта на языке HTML»
10. Какая структура таблицы правильная?
Первая;
Вторая;
Третья;
Четвертая;
Назад
Имя файла: Интерактивная-презентация-для-цикла-уроков-в-10-классе-Создание-Веб-сайта.-Язык-HTML.-;2..pptx
Количество просмотров: 11
Количество скачиваний: 0
Скачать
- Предыдущая
Свойства воды и воздуха
Следующая -
Деятельностный подход в психологии игры.
Похожие презентации
Кодирование звуковой информации
Объединение компьютеров в локальную компьютерную сеть. Организация работы пользователей в локальных компьютерных сетях
Представление информации в форме таблиц. Структура таблицы
Построение диаграмм в Excel
Текстовые документы и технологии их создания. Обработка текстовой информации. Информатика и ИКТ. 8 класс
ВКР: Разработка WEB-портала для сопровождения спортивных мероприятий
Разработка методики тестирования crm-систем для компании-разработчика программного обеспечения
Урок по технике безопасности
Java. (Лекция 4)
Языки программирования и их классификация
Backend разработка
ПОРТФОЛИО ДОСТИЖЕНИЙ
Редактирование и форматирование текста
Правило Если - то
Инструкция. Страница Фотоальбом
Архитектуры удалённых баз данных
Строковый тип данных Операции со строками и стандартные функции
Стандартные функции. Сортировка данных в Excel
Информатика вокруг нас. Виды информации по форме представления. Действия с информацией
Разработка системы автоматизированного проектирования для расчета и построения цилиндрического редуктора
Доставка для интернет-магазинов
Адресация компьютеров в сети
Книжный магазин 1С:Розница 8
История ВТ и ОС. Назначение и функции операционных систем
Алгоритмизация и программирование. Языки программирования высокого уровня
Информационное общество
ARBot. Приложение дополнительной реальности
Списки
Обратная связь
Email:
Нажмите что бы посмотреть
window.__NUXT__=(function(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R){return {data:{meta:{result:{meta:{h1:l,main_text:a,main_title:m,main_description:n,main_keywords:o,main_image:a},app:{logo_image:p,logo_image_width:q,logo_image_height:r,logo_text:a,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:c,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:w,footer_before:a,footer:a,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:x,item_images:y,item_images_tag:z,item_words_h3:c,item_words_tag:A,item_words_1:h,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:e,item_show_contents:e,item_show_filename:e},colors:{header_text:k,header_bg:i,accent:i}},social:F}},item:{result:{id:511617,name:j,category:G,count:45,jpg:"jpg\u002F511617",hits:H,download:b,h1:j,meta:{h1:j,title:j,description:"Интерактивная презентация для цикла уроков в 10 классе Создание Веб-сайта. Язык HTML. ;2. презентация на тему, доклад, Информатика",keywords:"Интерактивная презентация для цикла уроков в 10 классе Создание Веб-сайта. Язык HTML. ;2., презентация, доклад, проект, скачать, на тему, PowerPoint, урок, класс, школа, Информатика",download_link:a},text:"Вы можете изучить и скачать доклад-презентацию на тему Презентация на тему Интерактивная презентация для цикла уроков в 10 классе Создание Веб-сайта. Язык HTML. ;2. из раздела Информатика. Презентация на заданную тему содержит 45 слайдов. Для просмотра воспользуйтесь проигрывателем, если материал оказался полезным для Вас - поделитесь им с друзьями с помощью социальных кнопок и добавьте наш сайт презентаций в закладки!",seo_text:"\u003Cp\u003EЦели и задачи занятия:\u003Cbr\u003E\u003Cp\u003E закреплять и систематизировать знания, умения и навыки форматирования текста и вставки графических объектов при создании Web-страниц средствами языка HTML; \u003Cbr\u003E развивать познавательный интерес, логическое мышление, творческую активность при выполнении практических заданий; \u003Cbr\u003E воспитывать внимательность, усидчивость, информационную культуру обучающихся, любовь к своей малой Родине\u003Cbr\u003E\u003Cp\u003EМатериалы и оборудование: \u003Cbr\u003E\u003Cbr\u003Eкомпьютерный класс;\u003Cbr\u003Eпрограммное обеспечение: Блокнот, любой обозреватель - Internet Explorer, Opera, Mazilla;\u003Cbr\u003Eраздаточный материал – карточки с заданиями.\u003Cbr\u003E\u003Cbr\u003E \u003Cp\u003EФорматирование текста по абзацам, цвет фона, заголовки разных уровней, списки\u003Cbr\u003E\u003Cp\u003EЗадание цвета всего текста и фона документа\u003Cbr\u003E\u003Cp\u003EГиперссылки\u003Cbr\u003E\u003Cp\u003EТаблицы\u003Cbr\u003E\u003Cp\u003EСекция заголовка \u003CHEAD\u003E, мета-теги\u003Cbr\u003E\u003Cp\u003EТест\u003Cbr\u003E\u003Cp\u003EВставка графических изображений\u003Cbr\u003E",file:"Интерактивная-презентация-для-цикла-уроков-в-10-классе-Создание-Веб-сайта.-Язык-HTML.-;2..pptx",texts:["\u003Cp\u003EСоздание Веб-сайта.\u003Cbr\u003EЯзык HTML\u003Cbr\u003E\u003Cp\u003EУчитель информатики \u003Cbr\u003E\u003Cp\u003EСементинов Е.В.\u003Cbr\u003E\u003Cp\u003EГБОУ школы № 495 Санкт-Петербурга\u003Cbr\u003E","\u003Cp\u003EЦели и задачи занятия:\u003Cbr\u003E\u003Cp\u003E закреплять и систематизировать знания, умения и навыки форматирования текста и вставки графических объектов при создании Web-страниц средствами языка HTML; \u003Cbr\u003E развивать познавательный интерес, логическое мышление, творческую активность при выполнении практических заданий; \u003Cbr\u003E воспитывать внимательность, усидчивость, информационную культуру обучающихся, любовь к своей малой Родине\u003Cbr\u003E\u003Cp\u003EМатериалы и оборудование: \u003Cbr\u003Eкомпьютерный класс;\u003Cbr\u003Eпрограммное обеспечение: Блокнот, любой обозреватель - Internet Explorer, Opera, Mazilla;\u003Cbr\u003Eраздаточный материал – карточки с заданиями.\u003Cbr\u003E","\u003Cp\u003EФорматирование текста по абзацам, цвет фона, заголовки разных уровней, списки\u003Cbr\u003E\u003Cp\u003EЗадание цвета всего текста и фона документа\u003Cbr\u003E\u003Cp\u003EГиперссылки\u003Cbr\u003E\u003Cp\u003EТаблицы\u003Cbr\u003E\u003Cp\u003EСекция заголовка \u003CHEAD\u003E, мета-теги\u003Cbr\u003E\u003Cp\u003EТест\u003Cbr\u003E\u003Cp\u003EВставка графических изображений\u003Cbr\u003E","\u003Cp\u003EФорматирование текста по абзацам, цвет фона, заголовки разных уровней, списки\u003Cbr\u003E","\u003Cp\u003EСтиль шрифта (гарнитура, размер, цвет):\u003Cbr\u003E\u003Cp\u003E\u003CFONT\u003E…\u003C\u002FFONT\u003E\u003Cbr\u003EТег \u003CFONT\u003E должен иметь хотя бы один из трёх возможных атрибутов:\u003Cbr\u003EРазмер шрифта size=\"значение\" (значения целые числа от 1 до 7)\r\nЦвет шрифта color=\"значение\"\r\nЗначение – название цвета или его 16-й код,например \r\n\u003CFONT color=\"red\"\u003E привет\u003C\u002FFONT\u003E\r\n\u003C FONT color=#cc0000\u003E привет\u003C\u002FFONT\u003E\u003Cbr\u003E","\u003Cp\u003EГарнитура (вид шрифта) FACE=\"значение\",например\r\n\u003CFONT FACE=\"Arial\"\u003E привет\u003C\u002FFONT\u003E\u003Cbr\u003EПример \u003CFONT size=\"7\" color=\"red\" face=\"Arial\"\u003E привет\u003C\u002FFONT\u003E (слово привет имеет размер 7, красного цвета, вид шрифта Arial).\u003Cbr\u003E\u003Cp\u003EСтиль шрифта (гарнитура, размер, цвет):\u003Cbr\u003E\u003Cp\u003EПеревод строки: \u003CBR\u003E \u003Cbr\u003E","\u003Cp\u003E Задание цвета всего текста и фона документа\u003Cbr\u003E\u003Cp\u003EОписываются в начальном теге тела документа \u003CBODY\u003E\u003Cbr\u003E\u003CBODY BGCOLOR=цвет фона документа TEXT=цвет текста \u003E.\u003Cbr\u003E\u003Cp\u003EТегами \u003CHn\u003E….\u003C\u002FHn\u003E оформляют заключенный в них текст. Значения n меняются от 1до 6, при этом текст выводится от более крупного к более мелкому. Теги \u003CHn\u003E….\u003C\u002FHn\u003E могут иметь атрибуты ALIGN=CENTER, LEFT, RIGHT.\u003Cbr\u003E","\u003Cp\u003EТег \u003CP\u003E …\u003C\u002FP\u003E- начинает абзац с новой строки. Новый абзац отделяется от предыдущего двойным межстрочным интервалом.\u003Cbr\u003E\u003Cp\u003EВыравнивание текста по абзацам:\u003Cbr\u003E\u003Cp\u003E\u003CP ALIGN=CENTER\u003E …\u003C\u002FP\u003E - по центру\u003Cbr\u003E\u003CP ALIGN=JUSTIFY\u003E…\u003C\u002FP\u003E - по ширине\u003Cbr\u003E\u003Cp\u003E\u003CP ALIGN=LEFT\u003E... \u003C\u002FP\u003E - по левому краю\u003Cbr\u003E\u003CP ALIGN=RIGHT\u003E...\u003C\u002FP\u003E - по правому краю\u003Cbr\u003E\u003Cp\u003E Форматирование текста по абзацам\u003Cbr\u003E","\u003Cp\u003EПростые списки\u003Cbr\u003E\u003Cp\u003EВиды нумераций списков:\u003Cbr\u003E\u003COL TYPE=\"Square\"\u003E\u003Cbr\u003E\u003COL TYPE=\"Circle\"\u003E\u003Cbr\u003E\u003COL TYPE=\"Disk\"\u003E\u003Cbr\u003E\u003COL TYPE=\"A\"\u003E\u003Cbr\u003E\u003COL TYPE=\"I\"\u003E\u003Cbr\u003E\u003Cp\u003E\u003CUL\u003E……\u003C\u002FUL\u003E - неупорядоченный (ненумерованный) список\u003Cbr\u003E\u003COL\u003E……\u003C\u002FOL\u003E - упорядоченный (нумерованный) список.\u003Cbr\u003EЧасть текста, которая будет оформляться как список, заключается в соответствующие теги, а каждый элемент списка помечается одиночным тегом \u003CLI\u003E\u003Cbr\u003E","\u003Cp\u003E Практическое задание \u003Cbr\u003E\u003Cp\u003EФорматирование текста по абзацам, цвет фона, заголовки разных уровней, списки.\u003Cbr\u003E","\u003Cp\u003E Выровняйте весь заголовок по центру и сделайте его красным цветом, размер шрифта - 5, создайте голубой фон и желтый цвет текста\u003Cbr\u003EПоработайте с заголовками разных уровней, обратите внимание, что цвет добавленного текста – желтый, т.к. в \u003CBODY\u003Eзадан желтый цвет. Названия любимых мест прогулки по Санкт-Петербургу выровняйте по левому краю.\u003Cbr\u003EОформите названия мест как ненумерованный список \u003CUL\u003E, заменив \u003CH\u003E на \u003CLI\u003E:\u003Cbr\u003E","\u003Cp\u003E Создайте нумерованный список: \u003CUL\u003E замените на \u003COL\u003E. Посмотрите разные виды нумераций, написав \u003COL type=\"square\"\u003E, попробуйте все виды нумераций списка: \"Circle\", \"Disk\", \"A\", \"I\"\u003Cbr\u003EНе забывайте сохранять свою страницу в одном и том же файле glavn.htm.\u003Cbr\u003E\u003Cp\u003EНазад\u003Cbr\u003E","\u003Cp\u003EВставка графических изображений\u003Cbr\u003E","\u003Cp\u003EОдиночный тег \u003CIMG\u003E вставляет графические изображения в текстовый поток в любом месте:\u003Cbr\u003E\u003CIMG SRC=’имя графического файла’\u003E\u003Cbr\u003EНеобязательные атрибуты тега \u003Cimg\u003E:\u003Cbr\u003E\u003Cp\u003EALT = альтернативный текст\u003Cbr\u003EBORDER =толщина обрамляющей рамки в пикс., 0 нет рамки\u003Cbr\u003EHEIGHT =высота изображения в пикселах или %\u003Cbr\u003EWIDTH =ширина изображения в пикселах или %\u003Cbr\u003E","\u003Cp\u003EVSPACE =- свободное пространство сверху и снизу от изображения в пикселах или %\u003Cbr\u003EALIGN = left, right, middle выравнивание изображения\u003Cbr\u003E\u003Cp\u003EЧтобы рисунок был по центру, можно использовать тег \u003CCENTER\u003E…….\u003CCENTER\u003E\u002F\u003Cbr\u003E","\u003Cp\u003EДля вставки рисунка в web – страницу используется тег \u003Cimg\u003E, с его неотъемлемым атрибутом src, которому присваивается значение адреса рисунка, его названия и расширения. В данном примере это “tiger” c расширением jpg. Видим рисунок. \u003Cbr\u003E","\u003Cp\u003E Практическое задание \u003Cbr\u003E\u003Cp\u003E Задание:\u003Cbr\u003EСоздать папку для рисунков, скопировать рисунки, переименовать.Создать новый документ html. Вставить 4 рисунка, используя все атрибуты, но присваивая им различные значения. Добавить текст. \u003Cbr\u003EЧтобы сделать вашу новую страничку интереснее можете закрасить фон страницы и изменить цвет текста. - Мы с вами это уже делали на предыдущих занятиях. \u003Cbr\u003E","\u003Cp\u003EНайдите фотографию любимого места в городе и сохрание в своей папке. Вставьте фотографию на Web-страницу в файл glavn.htm.\u003Cbr\u003EЧтобы рисунок был по центру, его надо заключить в тег \u003CCENTER\u003E \u003Cimg src = .....\u003C\u002FCENTER\u003E\u003Cbr\u003EУменьшите размеры рисунка в 2 раза по ширине и высоте, написав width=50% и height=50%.\u003Cbr\u003EУвеличьте пространство вокруг рисунка сверху и снизу, написав vspace=20 и hspace=20.\u003Cbr\u003E","\u003Cp\u003EСоздайте альтернативный текст, который появится под указателем мыши при наведении на картинку, написав alt= “Мое любимое место в Санкт-Петербурге”.\u003Cbr\u003EСоздайте вокруг рисунка обрамляющую рамку: border=5.\u003Cbr\u003EЕсли рисунок окажется слишком маленьким, поэкспериментируйте с соответствую щими атрибутами.\u003Cbr\u003E","\u003Cp\u003EСамостоятельно создайте HTML-документы для всех мест, называя их a1.htm, a2.htm, a3.htm, a4.htm, взяв за основу файл glavn.htm. Измените заголовок, фотографию мест, вместо списка мест вставьте небольшой текст про любимое место в городе и выровняйте его по ширине. Фотографии любимых мест и текст берите из Интернета. Фотографии любимых мест сохраняйте в своей папке. Копирование фрагментов текста из Интернета осуществляйте через опции «Копировать» и «Вставить».\u003Cbr\u003E","\u003Cp\u003EВставка графических изображений\u003Cbr\u003E\u003Cp\u003EВсеми браузерами поддерживаются форматы .gif,.jpg. Эти форматы являются растровыми. GIF –поддерживается прозрачность и анимация, хорошо подходит для рисованных изображений. JPG – для полноцветных изображений, хорошо подходит для отсканированных изображений и фотоuрафий, анимацию не поддерживает. Одиночный тег \u003CIMG\u003E вставляет графические изображения в текстовый поток в любом месте:\u003CIMG SRC=’имя графического файла’\u003E\u003Cbr\u003E","\u003Cp\u003EНеобязательные атрибуты тега \u003Cimg\u003E:\u003Cbr\u003E\u003Cp\u003EALT = альтернативный текст\u003Cbr\u003EBORDER =толщина обрамляющей рамки в пикс., 0 нет рамки\u003Cbr\u003EHEIGHT =высота изображения в пикселах или %\u003Cbr\u003EWIDTH =ширина изображения в пикселах или %\u003Cbr\u003EVSPACE = свободное пространство сверху и снизу от изображения в пикселах или %\u003Cbr\u003EALIGN = left, right, middle выравнивание изображения \u003Cbr\u003EЧтобы рисунок был по центру, можно использовать тег \u003CCENTER\u003E…….\u003CCENTER\u003E\u002F\u003Cbr\u003E","\u003Cp\u003EПрактическое задание №3\u003Cbr\u003E\u003Cp\u003EВставка и форматирование графических изображений. Самостоятельное создание Web-страниц любимых мест в Санкт-Петербурге.\u003Cbr\u003E\u003Cp\u003EНазад\u003Cbr\u003E","\u003Cp\u003EФундаментальное свойство гипертекста состоит в том, что он позволяет связывать документы гиперссылками.\u003Cbr\u003EС помощью гиперссылок можно указать:\u003Cbr\u003EНа другой HTML-документ;\u003Cbr\u003EНа любой другой документ;\u003Cbr\u003EНа определенное место внутри текущего или какого-либо другого документа;\u003Cbr\u003E⇨ Документы превращаются в точки пересечения нитей информационной паутины и становиться понятным название «Всемирная паутина»\u003Cbr\u003E\u003Cp\u003EГиперссылки\u003Cbr\u003E","\u003Cp\u003EАтрибуты:\u003Cbr\u003Ehref=“URL” – адрес перехода.\u003Cbr\u003E Как задавать адрес?\u003Cbr\u003E\u003Ca href=“Nesen.html”\u003EЛюбимые места в Санкт-Петербурге \u003C\u002Fa\u003E \u003Cbr\u003Eпереход к документу, расположенному в той же папке, что и документ-источник. \u003Cbr\u003E\u003Cp\u003EГиперссылки\u003Cbr\u003E","\u003Cp\u003EСвязь с другими документами организуется тегами \u003CA\u003E…\u003C\u002FA\u003E.\u003Cbr\u003E\u003CA HREF=”имя файла на который надо перейти” \u003Eтекст гиперссылки \u003C\u002FA\u003E.\u003Cbr\u003EРисунок так же можно сделать, как гиперссылку, написав:\u003Cbr\u003E\u003CA HREF ='имя файла на который переходим'\u003E\u003CIMG SRC =’имя графического файла’\u003E\u003C\u002Fa\u003E\u003Cbr\u003E\u003Cp\u003EГиперссылки\u003Cbr\u003E","\u003Cp\u003EИСПОЛЬЗОВАНИЕ РИСУНКОВ В КАЧЕСТВЕ ГИПЕРССЫЛКИ\u003Cbr\u003E\u003Cp\u003E\u003Ca href=“АДРЕС ССЫЛКИ“\u003E\u003Cimg src=“АДРЕС КАРТИНКИ“\u003E\u003C\u002Fa\u003E\u003Cbr\u003E\u003Ca href=“2.HTML“\u003E\u003Cimg src=“foto.jpeg“ \u003E\u003C\u002Fa\u003E\u003Cbr\u003E\u003Cp\u003E\u003Chtml\u003E\u003Cbr\u003E. . .\u003Cbr\u003E\u003Ca href=“2.html”\u003E Любимые места в Санкт-Петербурга\u003Cbr\u003E\u003C\u002Fa\u003E…\u003Cbr\u003E\u003C\u002Fhtml\u003E\u003Cbr\u003E\u003Cp\u003E\u003Chtml\u003E\u003Cbr\u003E. . .\u003Cbr\u003E\u003C\u002Fhtml\u003E\u003Cbr\u003E\u003Cp\u003E2.html\u003Cbr\u003E\u003Cp\u003E1.html\u003Cbr\u003E","\u003Cp\u003E2. \u003Ca href=“http:\u002F\u002Fuchinfo.com.ua\u002Flessons.php”\u003E\u003Cbr\u003EУроки по информатике \u003C\u002Fa\u003E\u003Cbr\u003EПереход к документу, который находится в Интернете по указанному адресу. Для этого перехода нужно, чтобы компьютер был подключен к Интернету.\u003Cbr\u003E3. \u003Ca href=“mailto:[e-mail]”\u003E\u003Cbr\u003EПишите мне \u003C\u002Fa\u003E\u003Cbr\u003EЩелчок на такой гиперссылке вызывает загрузку почтовой программы с уже заполненным полем адреса электронной почты.\u003Cbr\u003E4. \u003Ca href=“#chapter1”\u003EПерейти к разделу 1 \u003C\u002Fa\u003E\u003Cbr\u003EСсылка на определенное место в текущем документе.\u003Cbr\u003E5. \u003Ca href=“2.html#glava1”\u003EГлава 1\u003C\u002Fa\u003E\u003Cbr\u003EСсылка на определенное место в документе 2.html .\u003Cbr\u003E","\u003Cp\u003EСоздание гиперссылки внутри текущего документа или к определенному фрагменту какого-либо другого документа распадается на 2 части:\u003Cbr\u003EСоздание метки (якоря), которая является целью гиперссылки.\u003Cbr\u003EСоздание самой гиперссылки.\u003Cbr\u003E\u003Cp\u003EГИПЕРССЫЛКИ ВНУТРИ ОДНОГО ДОКУМЕНТА\u003Cbr\u003EСсылка на главу 1.\u003Cbr\u003EСсылка на главу 2.\u003Cbr\u003E\u003Cbr\u003EЯкорь для главы 1\u003Cbr\u003EЯкорь для главы 2\u003Cbr\u003E","\u003Cp\u003EПрактическое задание №4\u003Cbr\u003E\u003Cp\u003EОформление списка любимых мест в Санкт-Петербурге на главной странице glavn.htm, как гиперссылки на соответствующие Web-страницы театров\u003Cbr\u003E\u003Cp\u003EНазад\u003Cbr\u003E","\u003Cp\u003EТаблицы\u003Cbr\u003E\u003Cp\u003EИспользуют не только для того, чтобы располагать данные в ячейках, сколько с целью позицирования фрагментов текста и изображений друг относительно друга. С помощью таблиц удобно создавать навигацию по сайту.\u003Cbr\u003E\u003Cp\u003E\u003CTABLE\u003E…\u003C\u002FTABLE\u003E - вся таблица.\u003Cbr\u003E\u003CTR\u003E…\u003C\u002FTR\u003E - строка. \u003Cbr\u003E\u003CTD\u003E…\u003C\u002FTD\u003E - ячейка в ряду.\u003Cbr\u003E\u003Cp\u003EПример таблицы из двух строк (рядов), содержащих по две ячейки\u003Cbr\u003E","\u003Cp\u003E\u003CTABLE\u003E таблица\u003Cbr\u003E\u003CTR\u003E \u003CTD\u003E\u003Cbr\u003Eтекст ячейки 1,1\u003C\u002FTD\u003E \u003CTD\u003E текст ячейки 1,2\u003C\u002FTD\u003E \u003C\u002FTR\u003E первая строка\u003Cbr\u003E\u003CTR\u003E \u003CTD\u003E текст 2,1 ячейки \u003C\u002FTD\u003E \u003CTD\u003Eтекст 2,2 ячейки \u003C\u002FTD\u003E \u003C\u002FTR\u003E вторая строка\u003Cbr\u003E\u003C\u002FTABLE\u003E\u003Cbr\u003E\u003Cp\u003EЯчейки таблицы могут содержать текст или изображения, а также текст с HTML-тегами и гиперссылки. Не следует оставлять ячейки таблицы незаполненными, надо поместить хотя бы неразрывный пробел &nbsp; \u003Cbr\u003E","\u003Cp\u003EОсновные атрибуты тегов \u003CTABLE\u003E \u003CTR\u003E и \u003CTD\u003E\u003Cbr\u003Eзадают параметры таблицы, строки или ячейки:\u003Cbr\u003EALIGN=left, right, center – выравнивание (\u003Ctable\u003E,\u003C tr\u003E, \u003Ctd\u003E)\u003Cbr\u003EBGCOLOR=’цвет’ – фоновый цвет (\u003Ctable\u003E, \u003Ctr\u003E,\u003C td\u003E)\u003Cbr\u003EHSPACE=значение – свободное пространство слева и справа от таблицы в пикселах (\u003Ctable\u003E)\u003Cbr\u003EVSPACE=значение - свободное пространство сверху и снизу от таблицы в пикселах (\u003Ctable\u003E)\u003Cbr\u003E","\u003Cp\u003EWIDTH=значение – ширина таблицы (ячейки) – в пикселах, или в процентах (\u003Ctable\u003E, \u003Ctd\u003E)\u003Cbr\u003EHEIGHT= значение – высоты таблицы (ячейки,строки) – в пикселах, или в процентах (\u003Ctable\u003E,\u003C td\u003E, \u003Ctr\u003E)\u003Cbr\u003EBORDER= значение – толщина рамки вокруг таблицы и ее ячеек, по умолчанию значение=1, если значение=0, то рамки нет (\u003Ctable\u003E, \u003Ctd\u003E)\u003Cbr\u003EBORDECOLOR=’цвет’ – цет рамки (\u003Ctable,\u003Ctd\u003E\u003E)\u003Cbr\u003EVALIGH=bottom, middle, top – выравнивание содержимого по вертикали (\u003Ctr\u003E, \u003Ctd\u003E) \u003Cbr\u003E","\u003Cp\u003EСоздание навигации по сайту в форме таблицы из одной строки\u003Cbr\u003E\u003Cp\u003EПрактическое задание №5\u003Cbr\u003E\u003Cp\u003EНазад\u003Cbr\u003E","\u003Cp\u003EСекция заголовка \u003CHEAD\u003E, мета-теги\u003Cbr\u003E\u003Cp\u003EВ секции заголовка на каждой странице указывается информация о документе, которая используется при его отображении. Текст , заключенный между тегами \u003CTITLE\u003E ... \u003C\u002FTITLE\u003E,отображается в заголовке окна браузера.\u003Cbr\u003EВ секции заголовка обычно помещается и ряд тегов \u003CMETA\u003E с различными атрибутами , предоставляющими дополнительную информацию(метаинформацию) о Web-сайте:\u003Cbr\u003E","\u003Cp\u003EHEAD\u003E\u003Cbr\u003E\u003Ctitle\u003E\u003Cbr\u003EЛюбимые места в Санкт-Петербурге\u003C\u002Ftitle\u003E\u003Cbr\u003E\u003Cmeta\u003Cbr\u003EHTTP-EQUIV=\"Content-Type\" CONTENT=\"text\u002Fhtml; charset=windows-1251\"\u003E - - (указывается тип кодовой таблицы (windows-1251, Koi8-R и другие),использованной при подготовке текстовой части документа.\u003Cbr\u003E\u003Cmeta\u003Cbr\u003Ename=\"author\" CONTENT=«Иванова Татьяна, ученица 495 школы СПб\"\u003E - информация об \u003Cbr\u003E\u003Cmeta\u003Cbr\u003Ename=\"Keywords\" content=«мои любимые места, Невский проспект, Исаакиевский собор”\u003E (указывается через запятую набор ключевых слов, которые могут быть использованы рядом поисковых систем)\u003Cbr\u003E\u003C\u002FHEAD\u003E\u003Cbr\u003E","\u003Cp\u003EСамостоятельная работа над своим проектом\u003Cbr\u003E\u003Cp\u003EПримерные темы проекта: “Мосты через Неву”,“Реки и каналы Санкт-Петербурга”, “Мосты через каналы Санкт-Петербурга”, “Необычные музеи Санкт-Петербурга”, “Музыкальные театры”, “Филармонии и капелла”, “Технические ВУЗ-ы Санкт-Петербурга”, “Детские театры Санкт-Петербурга”, “Гуманитарные ВУЗ-ы Санкт-Петербурга”, “Пригороды Санкт-Петербурга”, “Музеи Санкт-Петербурга”, “Военные учебные заведения в Санкт-Петербурге”и др.\u003Cbr\u003EНеобходимо оформить главную страницу сайта по образцу файла glavn.htm, выбрав в качестве навигации по сайту таблицу или список, и 2 - 3 страницы, раскрывающие содержание сайта и содержащие: заголовок, текст и рисунок\u003Cbr\u003E\u003Cp\u003EНазад\u003Cbr\u003E","\u003Cp\u003E«Создание Web-сайта на языке HTML»\u003Cbr\u003E\u003Cp\u003E1. Для каких целей может использоваться тег \u003CA\u003E:\u003Cbr\u003E1. Для вставки рисунков;\u003Cbr\u003E2. Для оформления текста полужирным шрифтом;\u003Cbr\u003E3. Для создания гиперссылки;\u003Cbr\u003E4. Для оформления текста курсивом;\u003Cbr\u003E \u003Cbr\u003E2. Увеличить размер шрифта можно, используя тег:\u003Cbr\u003E1. \u003CFONT\u003E;\u003Cbr\u003E2. \u003CIMG\u003E;\u003Cbr\u003E3. \u003CP\u003E;\u003Cbr\u003E4. \u003CI\u003E;\u003Cbr\u003E","\u003Cp\u003E«Создание Web-сайта на языке HTML»\u003Cbr\u003E\u003Cp\u003E3. Какой из вариантов структуры HTML-документа правильный?\u003Cbr\u003E1. Первый;\u003Cbr\u003E2. Второй;\u003Cbr\u003E3. Третий;\u003Cbr\u003E4. Четвертый;\u003Cbr\u003E","\u003Cp\u003E«Создание Web-сайта на языке HTML»\u003Cbr\u003E\u003Cp\u003E4. Чтобы закончить строку и начать новую используют тег:\u003Cbr\u003E1. \u003CHR\u003E;\u003Cbr\u003E2. \u003CA\u003E;\u003Cbr\u003E3. \u003CBR\u003E;\u003Cbr\u003E4. \u003CP\u003E;\u003Cbr\u003E 5. Какой из тегов разместит текст посередине окна браузера?\u003Cbr\u003E1. \u003CP align=center\u003E;\u003Cbr\u003E2. \u003CMIDDLE\u003E;\u003Cbr\u003E3. \u003CP align= justify\u003E;\u003Cbr\u003E4. \u003CFONT\u003E;\u003Cbr\u003E","\u003Cp\u003E«Создание Web-сайта на языке HTML»\u003Cbr\u003E\u003Cp\u003E6. Какой из тегов служит для управления различными параметрами шрифтового оформления?\u003Cbr\u003E1. \u003CH1\u003E;\u003Cbr\u003E2. \u003CFONT\u003E;\u003Cbr\u003E3. \u003CFINT\u003E;\u003Cbr\u003E4.\u003CSIZE\u003E; \u003Cbr\u003E7. Какие из тегов не являются парными:\u003Cbr\u003E1. \u003CH1\u003E;\u003Cbr\u003E2. \u003CBR\u003E;\u003Cbr\u003E3. \u003CIMG\u003E;\u003Cbr\u003E4. \u003CTABLE\u003E;\u003Cbr\u003E5. \u003CA\u003E;\u003Cbr\u003E6. \u003CLI\u003E;\u003Cbr\u003E","\u003Cp\u003E«Создание Web-сайта на языке HTML»\u003Cbr\u003E\u003Cp\u003E8. Какой из вариантов вставки рисунка правильный?\u003Cbr\u003E1. \u003CIMG SRC=\"file.gif\" ALT=\"Хороший рисунок\"\u003E;\u003Cbr\u003E2. \u003CIMC SRG=\"file.gif' ALT='Хороший рисунок\"\u003E;\u003Cbr\u003E3. \u003CIMG SRG=file.gif ALT=Хороший рисунок\u003E;\u003Cbr\u003E4. \u003CIMG SRC=file.gif ALT=\"Хороший рисунок\"\u003E\u003E;\u003Cbr\u003E \u003Cbr\u003E9. Что делает тег \u003CP\u003E ?\u003Cbr\u003E1. Оформляет выделенный участок текста курсивом;\u003Cbr\u003E2. Создает абзац;\u003Cbr\u003E3. Выделяет текст полужирным шрифтом;\u003Cbr\u003E4. Вставляет пробелы перед следующим словом текста;\u003Cbr\u003E","\u003Cp\u003E«Создание Web-сайта на языке HTML»\u003Cbr\u003E\u003Cp\u003E10. Какая структура таблицы правильная?\u003Cbr\u003EПервая;\u003Cbr\u003EВторая;\u003Cbr\u003EТретья;\u003Cbr\u003EЧетвертая;\u003Cbr\u003E\u003Cp\u003EНазад\u003Cbr\u003E","\u003Cp\u003E«Создание Web-сайта на языке HTML»\u003Cbr\u003E"],href:"\u002Finformatika\u002Finteraktivnaya-prezentatsiya-dlya-tsikla-urokov-v",href_category:"\u002Finformatika",date:1663782518,related:[{id:105569,name:"Кодирование звуковой информации",href:"\u002Finformatika\u002Fkodirovanie-zvukovoy-informatsii-4",jpg:"jpg\u002F105569"},{id:101369,name:"Объединение компьютеров в локальную компьютерную сеть. Организация работы пользователей в локальных компьютерных сетях",href:"\u002Finformatika\u002Fobedinenie-kompyuterov-v-lokalnuyu-kompyuternuyu-set",jpg:"jpg\u002F101369"},{id:193715,name:"Представление информации в форме таблиц. Структура таблицы",href:"\u002Finformatika\u002Fpredstavlenie-informatsii-v-forme-tablits-struktura",jpg:"jpg\u002F193715"},{id:117996,name:"Построение диаграмм в Excel",href:"\u002Finformatika\u002Fpostroenie-diagramm-v-excel-1",jpg:"jpg\u002F117996"},{id:594544,name:"Текстовые документы и технологии их создания. Обработка текстовой информации. Информатика и ИКТ. 8 класс",href:"\u002Finformatika\u002Ftekstovye-dokumenty-i-tehnologii-ih-sozdaniya-6",jpg:"jpg\u002F594544"},{id:129736,name:"ВКР: Разработка WEB-портала для сопровождения спортивных мероприятий",href:"\u002Finformatika\u002Fvkr-razrabotka-web-portala-dlya-soprovozhdeniya",jpg:"jpg\u002F129736"},{id:220709,name:"Разработка методики тестирования crm-систем для компании-разработчика программного обеспечения",href:"\u002Finformatika\u002Frazrabotka-metodiki-testirovaniya-crm-sistem-dlya",jpg:"jpg\u002F220709"},{id:481884,name:"Урок по технике безопасности",href:"\u002Finformatika\u002Furok-po-tehnike-bezopasnosti",jpg:"jpg\u002F481884"},{id:211942,name:"Java. (Лекция 4)",href:"\u002Finformatika\u002Fjava-lektsiya-4",jpg:"jpg\u002F211942"},{id:123013,name:"Языки программирования и их классификация",href:"\u002Finformatika\u002Fyazyki-programmirovaniya-i-ih-klassifikatsiya",jpg:"jpg\u002F123013"},{id:580906,name:"Backend разработка",href:"\u002Finformatika\u002Fbackend-razrabotka",jpg:"jpg\u002F580906"},{id:566037,name:"ПОРТФОЛИО ДОСТИЖЕНИЙ",href:"\u002Finformatika\u002Fportfolio-dostizheniy-4",jpg:"jpg\u002F566037"},{id:185013,name:"Редактирование и форматирование текста",href:"\u002Finformatika\u002Fredaktirovanie-i-formatirovanie-teksta",jpg:"jpg\u002F185013"},{id:538170,name:"Правило Если - то",href:"\u002Finformatika\u002Fpravilo-esli-to-1",jpg:"jpg\u002F538170"},{id:188333,name:"Инструкция. Страница Фотоальбом",href:"\u002Finformatika\u002Finstruktsiya-stranitsa-fotoalbom",jpg:"jpg\u002F188333"},{id:1997,name:"Архитектуры удалённых баз данных",href:"\u002Finformatika\u002Farhitektury-udalyonnyh-baz-dannyh",jpg:"jpg\u002F1997"},{id:972,name:"Строковый тип данных Операции со строками и стандартные функции",href:"\u002Finformatika\u002Fstrokovyy-tip-dannyh-operatsii-so-strokami-i-standartnye-funktsii",jpg:"jpg\u002F972"},{id:213898,name:"Стандартные функции. Сортировка данных в Excel",href:"\u002Finformatika\u002Fstandartnye-funktsii-sortirovka-dannyh-v-excel",jpg:"jpg\u002F213898"},{id:129950,name:"Информатика вокруг нас. Виды информации по форме представления. Действия с информацией",href:"\u002Finformatika\u002Finformatika-vokrug-nas-vidy-informatsii-po",jpg:"jpg\u002F129950"},{id:389836,name:"Разработка системы автоматизированного проектирования для расчета и построения цилиндрического редуктора",href:"\u002Finformatika\u002Frazrabotka-sistemy-avtomatizirovannogo-proektirovaniya-dlya-rascheta",jpg:"jpg\u002F389836"},{id:415754,name:"Доставка для интернет-магазинов",href:"\u002Finformatika\u002Fdostavka-dlya-internet-magazinov",jpg:"jpg\u002F415754"},{id:406745,name:"Адресация компьютеров в сети",href:"\u002Finformatika\u002Fadresatsiya-kompyuterov-v-seti-1",jpg:"jpg\u002F406745"},{id:392137,name:"Книжный магазин 1С:Розница 8",href:"\u002Finformatika\u002Fknizhnyy-magazin-1sroznitsa-8",jpg:"jpg\u002F392137"},{id:161213,name:"История ВТ и ОС. Назначение и функции операционных систем",href:"\u002Finformatika\u002Fistoriya-vt-i-os-naznachenie-i",jpg:"jpg\u002F161213"},{id:305571,name:"Алгоритмизация и программирование. Языки программирования высокого уровня",href:"\u002Finformatika\u002Falgoritmizatsiya-i-programmirovanie-yazyki-programmirovaniya-vysokogo",jpg:"jpg\u002F305571"},{id:333459,name:"Информационное общество",href:"\u002Finformatika\u002Finformatsionnoe-obshchestvo-13",jpg:"jpg\u002F333459"},{id:210831,name:"ARBot. Приложение дополнительной реальности",href:"\u002Finformatika\u002Farbot-prilozhenie-dopolnitelnoy-realnosti",jpg:"jpg\u002F210831"},{id:298684,name:"Списки",href:"\u002Finformatika\u002Fspiski-11",jpg:"jpg\u002F298684"}],navigation:{next:"\u002Funcategorized\u002Fdeyatelnostnyy-podhod-v-psihologii-igry",next_name:"Деятельностный подход в психологии игры.",prev:"\u002Fokruzhayushchiy-mir\u002Fsvoystva-vody-i-vozduha",prev_name:"Свойства воды и воздуха"}}},categories:{result:[{id:I,ordering:b,name:"Без категории",pseudoname:"uncategorized"},{id:144,ordering:b,name:"Бизнес",pseudoname:"biznes"},{id:146,ordering:b,name:"Образование",pseudoname:"obrazovanie"},{id:149,ordering:b,name:"Финансы",pseudoname:"finansy"},{id:150,ordering:b,name:"Государство",pseudoname:"gosudarstvo"},{id:152,ordering:b,name:"Спорт",pseudoname:"sport"},{id:154,ordering:b,name:"Армия",pseudoname:"armiya"},{id:156,ordering:b,name:"Культурология",pseudoname:"kulturologiya"},{id:157,ordering:b,name:"Еда и кулинария",pseudoname:"eda-i-kulinariya"},{id:158,ordering:b,name:"Лингвистика",pseudoname:"lingvistika"},{id:163,ordering:b,name:"Черчение",pseudoname:"cherchenie"},{id:164,ordering:b,name:"Физкультура",pseudoname:"fizkultura"},{id:165,ordering:b,name:"ИЗО",pseudoname:"izo"},{id:166,ordering:b,name:"Психология",pseudoname:"psihologiya"},{id:116,ordering:I,name:"Английский язык",pseudoname:"angliyskiy-yazyk"},{id:108,ordering:2,name:"Астрономия",pseudoname:"astronomiya"},{id:104,ordering:3,name:"Алгебра",pseudoname:"algebra"},{id:106,ordering:4,name:"Биология",pseudoname:"biologiya"},{id:142,ordering:5,name:"География",pseudoname:"geografiya"},{id:141,ordering:6,name:"Геометрия",pseudoname:"geometria"},{id:123,ordering:7,name:"Детские презентации",pseudoname:"detskie-prezentatsii"},{id:107,ordering:8,name:G,pseudoname:"informatika"},{id:109,ordering:9,name:"История",pseudoname:"istoriya"},{id:139,ordering:10,name:"Литература",pseudoname:"literatura"},{id:119,ordering:H,name:"Маркетинг",pseudoname:"marketing"},{id:114,ordering:12,name:"Математика",pseudoname:"matematika"},{id:138,ordering:h,name:"Медицина",pseudoname:"medetsina"},{id:118,ordering:14,name:"Менеджмент",pseudoname:"menedzhment"},{id:137,ordering:15,name:"Музыка",pseudoname:"muzyka"},{id:136,ordering:16,name:"МХК",pseudoname:"mhk"},{id:130,ordering:17,name:"Немецкий язык",pseudoname:"nemetskiy-yazyk"},{id:105,ordering:18,name:"ОБЖ",pseudoname:"obzh"},{id:133,ordering:19,name:"Обществознание ",pseudoname:"obshchestvoznanie"},{id:132,ordering:20,name:"Окружающий мир ",pseudoname:"okruzhayushchiy-mir"},{id:131,ordering:21,name:"Педагогика ",pseudoname:"pedagogika"},{id:129,ordering:22,name:"Русский язык",pseudoname:"russkiy-yazyk"},{id:128,ordering:24,name:"Технология",pseudoname:"tehnologiya"},{id:127,ordering:25,name:"Физика",pseudoname:"fizika"},{id:126,ordering:26,name:"Философия",pseudoname:"filosofiya"},{id:125,ordering:27,name:"Химия",pseudoname:"himiya"},{id:124,ordering:29,name:"Экология",pseudoname:"ekologiya"},{id:121,ordering:30,name:"Экономика",pseudoname:"ekonomika"},{id:120,ordering:31,name:"Юриспруденция",pseudoname:"yurisprudentsiya"}]}},state:{},_errors:{},serverRendered:e,config:{public:{SITE_NAME:J,SITE_HOST:"mypreza.com",SITE_LANG:K,API_BASE_URL:"https:\u002F\u002Fmypreza.com\u002Fapi\u002F",pwaManifest:{name:J,short_name:a,description:a,lang:K,start_url:"\u002F?standalone=true",display:"standalone",background_color:k,theme_color:"#000000",icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.f2a6e93d.png",type:d,sizes:L,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.f2a6e93d.png",type:d,sizes:L,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.f2a6e93d.png",type:d,sizes:M,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.f2a6e93d.png",type:d,sizes:M,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.f2a6e93d.png",type:d,sizes:N,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.f2a6e93d.png",type:d,sizes:N,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.f2a6e93d.png",type:d,sizes:O,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.f2a6e93d.png",type:d,sizes:O,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.f2a6e93d.png",type:d,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.f2a6e93d.png",type:d,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.f2a6e93d.png",type:d,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.f2a6e93d.png",type:d,sizes:Q,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.f2a6e93d.png",type:d,sizes:R,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.f2a6e93d.png",type:d,sizes:R,purpose:g}]},yandexMetrika:{id:"85004146",metrikaUrl:"https:\u002F\u002Fmc.yandex.ru\u002Fmetrika\u002Ftag.js",accurateTrackBounce:e,childIframe:c,clickmap:c,defer:c,useRuntimeConfig:e,trackHash:c,trackLinks:e,type:b,webvisor:c,triggerEvent:c,consoleLog:e,partytown:c,isDev:c}},app:{baseURL:"\u002F",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:a}},pinia:{app:{meta:{h1:l,main_text:a,main_title:m,main_description:n,main_keywords:o,main_image:a},app:{logo_image:p,logo_image_width:q,logo_image_height:r,logo_text:a,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:c,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:w,footer_before:a,footer:a,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:x,item_images:y,item_images_tag:z,item_words_h3:c,item_words_tag:A,item_words_1:h,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:e,item_show_contents:e,item_show_filename:e},colors:{header_text:k,header_bg:i,accent:i}},social:F,token:a}}}}("",0,false,"image\u002Fpng",true,"any","maskable",13,"#d53032","Интерактивная презентация для цикла уроков в 10 классе Создание Веб-сайта. Язык HTML. ;2.","#ffffff","Учебные презентации","Презентации в PowerPoint на разные темы","Презентации, проекты, доклады в PowerPoint на разные темы для учебы","Презентация, на тему, урок, класс, PowerPoint, скачати презентацію, фон, шаблон, доклад, проект.","images\u002Fdata\u002Flogo.png",185,40,720,480,"6LeioWIpAAAAAGqMN4KqMVIkekcMW7fBKHjXCd-a","2503267","[e-mail]","h3a","text","none","h3","category","both",80,800,"\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fes5-shims\u002F0.0.2\u002Fes5-shims.min.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fshare2\u002Fshare.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cdiv class=\"ya-share2\" data-services=\"collections,gplus,vkontakte,facebook,odnoklassniki,gplus,twitter,moimir\" data-counter=\"\"\u003E\u003C\u002Fdiv\u003E","Информатика",11,1,"Mypreza","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512"))

«Создание Web-сайта на языке HTML»
8. Какой из вариантов вставки рисунка правильный?
1. ALT="Хороший рисунок">;
2.
;
3.
;
4.
>;
9. Что делает тег
?
1. Оформляет выделенный участок текста курсивом;
2. Создает абзац;
3. Выделяет текст полужирным шрифтом;
4. Вставляет пробелы перед следующим словом текста;

«Создание Web-сайта на языке HTML»
10. Какая структура таблицы правильная?
Первая;
Вторая;
Третья;
Четвертая;
Назад