Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015
Инфоурок / Информатика / Презентации / Презентация по информатике "Создание Web-сайта"
ВНИМАНИЮ ВСЕХ УЧИТЕЛЕЙ: согласно Федеральному закону № 313-ФЗ все педагоги должны пройти обучение навыкам оказания первой помощи.

Дистанционный курс "Оказание первой помощи детям и взрослым" от проекта "Инфоурок" даёт Вам возможность привести свои знания в соответствие с требованиями закона и получить удостоверение о повышении квалификации установленного образца (180 часов). Начало обучения новой группы: 26 апреля.

Подать заявку на курс
  • Информатика

Презентация по информатике "Создание Web-сайта"

библиотека
материалов
 Презентация по информатике Создание Web-сайта Шаронова С.М.
Структура Web-сайта
Контейнеры Код страницы  Заголовок  Название Web-страницы  Основное содержани...
 Назовем Web-страницу «Компьютер»   Компьютер
 Поместим на страницу текст «Все о компьютерах»  Все о компьютерах
Текст программы:   Компьютер   Все о компьютерах
Сохранять Web-страницы нужно с расширением .html Например, Мой сайт .html Пр...
Форматирование текста: Размер шрифта в заголовках задается тэгами от Н1 до Н...
Абзацы: Разделение текста на абзацы производится контейнером . Для каждого а...
 Программирование Web-сайта   Компьютер
Вставка рисунка Форматы .GIF, .JPG, .PNG. Тэг  с атрибутом SRC, который указы...
Вставка рисунка   Или
Создание других страниц сайта   Заголовок страницы   Создайте страницы Програ...
Гиперссылки Гиперссылки состоят из указателя ссылки и адресной части ссылки....
Гиперссылки
Адрес электронной почты вставляется так: Полезно на странице помещать ссылку...
Создание списка нумерованного Список располагается внутри контейнера  , а ка...
Создание списка маркированного Создадим теперь вложенный маркированный списо...
Создание нумерованного списка    Системные программы Прикладные программы Си...
Создание вложенного списка   ТЕКСТОВЫЕ РЕДАКТОРЫ  ГРАФИЧЕСКИЕ РЕДАКТОРЫ  ЭЛЕ...
Словарь компьютерных терминов: Контейнер списка определений ,  Внутри него те...
Таблицы Таблица задается контейнером , внутри которого содержится описание ст...
Вставить таблицу в файл hardware .html   НАИМЕНОВАНИЕ ТИП ИЗГОТОВИТЕЛЬ ЦЕНА...
Формы на Web- страницах Формы включают в себя текстовые поля, раскрывающиеся...
Открыть в Блокноте файл Anketa.html и добавить следующий HTML-код, задающий т...
Переключатели Пользователю предоставляется возможность отнести себя к одной и...
Открыть в Блокноте файл Anketa.html и добавить следующий HTML-код, задающий г...
Флажки Флажки задаются тэгом  со значением атрибута type=“checkbox” Флажки, о...
Пример: Какие из сервисов Интернета вы используете наиболее часто:  www e-mai...
Поля списков Теперь выясним, какой из браузеров предпочитает посетитель сайта...
Открыть в Блокноте файл Anketa.html и добавить следующий HTML-код, задающий р...
Текстовая область Создается с помощью тэга  с обязательными атрибутами: NAME,...
Отправка формы Отправка введенной в форму информации, а также очистка полей о...
Для того, чтобы при щелчке по кн. «Отправить» данные из формы передавались на...
Когда же был создан язык программирования Basic Язык программирования Basic б...
Алфавит языка Алфавит языка Basic представляет собой таблицу символов ASCII....
40 1

"Инфоурок" приглашает всех педагогов и детей к участию в самой массовой интернет-олимпиаде «Весна 2017» с рекордно низкой оплатой за одного ученика - всего 45 рублей

В олимпиадах "Инфоурок" лучшие условия для учителей и учеников:

1. невероятно низкий размер орг.взноса — всего 58 рублей, из которых 13 рублей остаётся учителю на компенсацию расходов;
2. подходящие по сложности для большинства учеников задания;
3. призовой фонд 1.000.000 рублей для самых активных учителей;
4. официальные наградные документы для учителей бесплатно(от организатора - ООО "Инфоурок" - имеющего образовательную лицензию и свидетельство СМИ) - при участии от 10 учеников
5. бесплатный доступ ко всем видеоурокам проекта "Инфоурок";
6. легко подать заявку, не нужно отправлять ответы в бумажном виде;
7. родителям всех учеников - благодарственные письма от «Инфоурок».
и многое другое...

Подайте заявку сейчас - https://infourok.ru/konkurs

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

№ слайда 1  Презентация по информатике Создание Web-сайта Шаронова С.М.
Описание слайда:

Презентация по информатике Создание Web-сайта Шаронова С.М.

№ слайда 2 Структура Web-сайта
Описание слайда:

Структура Web-сайта

№ слайда 3 Контейнеры Код страницы  Заголовок  Название Web-страницы  Основное содержани
Описание слайда:

Контейнеры Код страницы <HTML></HTML> Заголовок <HEAD></HEAD> Название Web-страницы <TITLE></TITLE> Основное содержание страницы <BODY></BODY>

№ слайда 4  Назовем Web-страницу «Компьютер»   Компьютер
Описание слайда:

Назовем Web-страницу «Компьютер» <HEAD> <TITLE> Компьютер</TITLE> </HEAD>

№ слайда 5  Поместим на страницу текст «Все о компьютерах»  Все о компьютерах
Описание слайда:

Поместим на страницу текст «Все о компьютерах» <BODY> Все о компьютерах </BODY>

№ слайда 6 Текст программы:   Компьютер   Все о компьютерах
Описание слайда:

Текст программы: <HTML> <HEAD> <TITLE>Компьютер</TITLE> </HEAD> <BODY> Все о компьютерах </BODY> </HTML>

№ слайда 7 Сохранять Web-страницы нужно с расширением .html Например, Мой сайт .html Пр
Описание слайда:

Сохранять Web-страницы нужно с расширением .html Например, Мой сайт .html Принято сохранять титульный файл сайта под именем Index.html

№ слайда 8 Форматирование текста: Размер шрифта в заголовках задается тэгами от Н1 до Н
Описание слайда:

Форматирование текста: Размер шрифта в заголовках задается тэгами от Н1 до Н6: <H1> Все о компьютерах </H1> Тип выравнивания заголовка задает атрибут ALIGN <H1 ALIGN="CENTER”>Все о компьютерах </H1> Тэг FONT задает параметры форматирования любого фрагмента текста. Атрибут FACE задает тип шрифта (FACE=“Arial”) SIZE – размер (SIZE=10) COLOR – цвет (COLOR=“blue”)‏ Для отделения заголовка от остального содержания страницы горизонтальной линией используется тэг <HR> Задать синий цвет заголовка: <FONT COLOR=“BLUE"> <H1 ALIGN="CENTER”> Все о компьютерах </H1> </FONT> <HR>

№ слайда 9 Абзацы: Разделение текста на абзацы производится контейнером . Для каждого а
Описание слайда:

Абзацы: Разделение текста на абзацы производится контейнером <P></P>. Для каждого абзаца можно применить свой тип выравнивания. Поместим на титульную страницу текст, разбитый на абзацы с различным выравниванием: <P ALIGN="LEFT">На этом сайте вы сможете получить различную информацию о компьютере, его программном обеспечении и ценах на компьютерные комплектующие.</P> <P ALIGN="RIGHT"> Терминологический словарь познакомит вас с компьютерными терминами, а также вы сможете заполнить анкету.</P>

№ слайда 10  Программирование Web-сайта   Компьютер
Описание слайда:

Программирование Web-сайта <HTML> <HEAD> <TITLE>Компьютер</TITLE> </HEAD> <BODY> <FONT COLOR="GREEN"> <H1 ALIGN="CENTER”> Все о компьютерах </H1> </FONT> <HR> <P ALIGN="LEFT">На этом сайте вы сможете получить различную информацию о компьютере, его программном обеспечении и ценах на компьютерные комплектующие.</P> </H1> </FONT> <HR> <P ALIGN="RIGHT">Терминологический словарь познакомит вас с компьютерными терминами, а также вы сможете заполнить анкету.</P> </BODY> </HTML>

№ слайда 11 Вставка рисунка Форматы .GIF, .JPG, .PNG. Тэг  с атрибутом SRC, который указы
Описание слайда:

Вставка рисунка Форматы .GIF, .JPG, .PNG. Тэг <IMG> с атрибутом SRC, который указывает место хранения файла (путь к файлу). Расположение рисунка относительно текста –атрибут ALIGN: 1. TOP 2. MIDDLE 3. BOTTON 4. LEFT 5. RIGHT Вставить рисунок в контейнер перед абзацем текста.

№ слайда 12 Вставка рисунка   Или
Описание слайда:

Вставка рисунка <BODY> <IMG SRC=«Комп.gif" alt=«компьютер" ALIGN="RIGHT"> Или <BODY> <IMG SRC="D:\Мои документы\Школа 32\Комп.gif" alt=" компьютер " ALIGN="RIGHT">

№ слайда 13 Создание других страниц сайта   Заголовок страницы   Создайте страницы Програ
Описание слайда:

Создание других страниц сайта <HEAD> <TITLE> Заголовок страницы </TITLE> </HEAD> Создайте страницы Программы, Словарь, Комплектующие, Анкета. Сохраните их в файлах с названиями: software.html glossary.html hardware.html anketa.html

№ слайда 14 Гиперссылки Гиперссылки состоят из указателя ссылки и адресной части ссылки.
Описание слайда:

Гиперссылки Гиперссылки состоят из указателя ссылки и адресной части ссылки. Адресная часть – URL – адрес документа. Принято размещать гиперссылки в нижней части титульной страницы, поэтому разместим их после введенного текста в новом абзаце. В качестве указателя гиперссылок выберем названия страниц нашего сайта: Программы, Словарь, Комплектующие, Анкета. Указатели гиперссылок разделяются пробелами (&nbsp) . Для каждой гиперссылки определим адрес перехода, (контейнер <A> </A>) с атрибутом HREF, значением которого является URL – адрес.

№ слайда 15 Гиперссылки
Описание слайда:

Гиперссылки <P ALIGN= "CENTER" [<A HREF="software.html">Программы</A>] &nbsp [<A HREF="glossary.html">Словарь</A>] &nbsp [<A HREF="hardware.html">Комплектующие</A>] &nbsp [<A HREF="anketa.html">Анкета</A>] </P>

№ слайда 16 Адрес электронной почты вставляется так: Полезно на странице помещать ссылку
Описание слайда:

Адрес электронной почты вставляется так: Полезно на странице помещать ссылку на адрес электронной почты, по которому посетители могут связаться с администрацией сайта. <ADRESS> <A HREF="mailto:mailbox@provaider.ru">E-mail: mailbox@provaider.ru</A> </ADRESS> По щелчку мыши по ссылке на адрес электронной почты будет открываться программа Outlook Express, где в строке Кому будет указан заданный в ссылке адрес

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

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

Создание списка нумерованного Список располагается внутри контейнера <OL> </OL>, а каждый элемент списка – тэгом <LI>. С помощью атрибута TYPE тэга <ОL> можно задать вид нумерации: арабские цифры по умолчанию, “I” (римские цифры), “а” (строчные буквы). Открыть в Блокноте файл Software.html и добавить следующий HTML-код, задающий список: <OL> <LI>Системные программы <LI>Прикладные программы <LI>Системы программирования </OL>

№ слайда 19 Создание списка маркированного Создадим теперь вложенный маркированный списо
Описание слайда:

Создание списка маркированного Создадим теперь вложенный маркированный список для одного из элементов основного списка. Список располагается внутри контейнера <UL> </UL>, а каждый элемент списка определяется также тэгом <LI>. С помощью атрибута TYPE тэга <UL> можно задать вид маркера списка: “disc” (диск), “Square” (квадрат), “circle” (окружность). Добавить HTML-код, задающий вложенный список для элемента <LI> Прикладные программы.

№ слайда 20 Создание нумерованного списка    Системные программы Прикладные программы Си
Описание слайда:

Создание нумерованного списка <FONT COLOR="GREEN"> <H2 ALIGN="LEFT"> <OL> <LI>Системные программы <LI>Прикладные программы <LI>Системы программирования </OL>

№ слайда 21 Создание вложенного списка   ТЕКСТОВЫЕ РЕДАКТОРЫ  ГРАФИЧЕСКИЕ РЕДАКТОРЫ  ЭЛЕ
Описание слайда:

Создание вложенного списка <UL> <LI TYPE="DISC"> ТЕКСТОВЫЕ РЕДАКТОРЫ <LI> ГРАФИЧЕСКИЕ РЕДАКТОРЫ <LI> ЭЛЕКТРОННЫЕ ТАБЛИЦЫ <LI> СИСТЕМЫ УПРАВЛЕНИЯ БАЗАМИ ДАННЫХ. </UL>

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

№ слайда 23 Словарь компьютерных терминов: Контейнер списка определений ,  Внутри него те
Описание слайда:

Словарь компьютерных терминов: Контейнер списка определений <DL>, </DL> Внутри него термин – тэг <DT> определение - <DD> <DL> <DT>Процессор <FONT COLOR="BRAUN"> <H4> <DD>Центральный процессор, производящий вычисления в двоичном коде. </H4> <FONT COLOR="GREEN"> <DT>Оперативная память <FONT COLOR="BRAUN"> <H4> <DD>Устройство, в котором хранятся программы и данные </H4> </DL>

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

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

Таблицы Таблица задается контейнером <TABLE></TABLE>, внутри которого содержится описание структуры таблицы и ее содержимого. Любая таблица состоит из строк, которые задаются контейнером <TR></TR>, в который помещается описание ячейки. Формат ячейки и ее содержание помещается в контейнер <TD></TD>, а заголовки ячеек в контейнер <TH></TH>. Толщина разделительных линий задается атрибутом BORDER, а для выравнивания информации - атрибут ALIGN.

№ слайда 26 Вставить таблицу в файл hardware .html   НАИМЕНОВАНИЕ ТИП ИЗГОТОВИТЕЛЬ ЦЕНА
Описание слайда:

Вставить таблицу в файл hardware .html <TABLE border="2"> <TR> <TH><FONT COLOR="BLUE">НАИМЕНОВАНИЕ</TH> <TH><FONT COLOR="CYAN">ТИП</TH> <TH><FONT COLOR="LIME">ИЗГОТОВИТЕЛЬ</TH> <TH><FONT COLOR="MAGENTA">ЦЕНА</TH> </TR> <TR> <TD ALIGN="CENTER">ПРОЦЕССОР</TD> <TD ALIGN="CENTER">PENTIUM</TD> <TD ALIGN="CENTER">INTEL</TD> <TD ALIGN="CENTER">2500 РУБЛЕЙ</TD> </TR> <TR> <TD ALIGN="CENTER">МАТЕРИНСКАЯ ПЛАТА</TD> <TD ALIGN="CENTER">Abit</TD> <TD ALIGN="CENTER">GIGABAIT</TD> <TD ALIGN="CENTER">2700 РУБЛЕЙ</TD> </TR> </TABLE>

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

№ слайда 28 Формы на Web- страницах Формы включают в себя текстовые поля, раскрывающиеся
Описание слайда:

Формы на Web- страницах Формы включают в себя текстовые поля, раскрывающиеся списки, флажки, переключатели и т.д. Формы заключаются в контейнер <FORM> </FORM> Текстовые поля задаются тэгом <INPUT> со значением атрибута type=“text”. Атрибут NAME является обязательным и служит для идентификации полученной информации, Атрибут SIZE задает длину поля ввода данных. Для того, чтобы анкета читалась необходимо разделять строки с помощью тэга перевода строки <BR>.

№ слайда 29 Открыть в Блокноте файл Anketa.html и добавить следующий HTML-код, задающий т
Описание слайда:

Открыть в Блокноте файл Anketa.html и добавить следующий HTML-код, задающий текстовые поля для ввода данных. Просмотреть результат в браузере: <FORM> <FONT COLOR="GREEN"> <H2 ALIGN="LEFT"> Пожалуйста, введите ваше имя: <BR> <INPUT TYPE="текст" NAME="name" SIZE=30> <BR> E-mail: <BR> <INPUT TYPE="текст" NAME="e-mail" SIZE=30> <BR> </FORM>

№ слайда 30 Переключатели Пользователю предоставляется возможность отнести себя к одной и
Описание слайда:

Переключатели Пользователю предоставляется возможность отнести себя к одной из групп пользователей: учащийся, студент, учитель. Переключатели создается тэгом <INPUT> со значением атрибута type=“radio”. Все элементы в группе должны иметь одинаковые значения атрибута Name=“Group” Другим обязательным атрибутом должно быть VALUE, принимающий, в нашем случае, значения "schoolboy“, "student“, "teacher"

№ слайда 31 Открыть в Блокноте файл Anketa.html и добавить следующий HTML-код, задающий г
Описание слайда:

Открыть в Блокноте файл Anketa.html и добавить следующий HTML-код, задающий группу переключателей. Просмотреть результат в браузере: Укажите, к какой группе пользователей вы себя относите: <BR> <INPUT TYPE="radio" NAME="group" value="schoolboy">учащийся<BR> <INPUT TYPE="radio" NAME="group" value="student">студент<BR> <INPUT TYPE="radio" NAME="group" value="teacher">учитель<BR>

№ слайда 32 Флажки Флажки задаются тэгом  со значением атрибута type=“checkbox” Флажки, о
Описание слайда:

Флажки Флажки задаются тэгом <INPUT> со значением атрибута type=“checkbox” Флажки, объединенные в группу могут иметь одинаковые значения атрибута Name=“Group” Другим обязательным атрибутом должно быть VALUE, принимающий, в нашем случае, значения “www“, “e-mail“, “ftp“ Добавить HTML-код, задающий флажки для выбора нескольких элементов. Просмотреть результат в браузере:

№ слайда 33 Пример: Какие из сервисов Интернета вы используете наиболее часто:  www e-mai
Описание слайда:

Пример: Какие из сервисов Интернета вы используете наиболее часто: <BR> <INPUT TYPE="checkbox" NAME="group" value="www">www<BR> <INPUT TYPE="checkbox" NAME="group" value="e-mail">e-mail<BR> <INPUT TYPE="checkbox" NAME="group" value="ftp">FTP<BR>

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

Поля списков Теперь выясним, какой из браузеров предпочитает посетитель сайта. Перечень браузеров представим в виде раскрывающегося списка, из которого можно выбрать только один вариант. Используется контейнер <SELECT> </SELECT>, в котором каждый элемент списка определен тэгом <OPTION>. Выбираемый по умолчанию элемент задается атрибутом SELECTED.

№ слайда 35 Открыть в Блокноте файл Anketa.html и добавить следующий HTML-код, задающий р
Описание слайда:

Открыть в Блокноте файл Anketa.html и добавить следующий HTML-код, задающий раскрывающий список. Просмотреть результат в браузере: <SELECT NAME="browsers"> <OPTION SELECTED> Internet Explorer <OPTION> Netscape Navigator <OPTION> Opera <OPTION> Neo Planet </SELECT>

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

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

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

Отправка формы Отправка введенной в форму информации, а также очистка полей от уже введенной информации осуществляется кнопками. Для создания кн., отправляющей инф-ю, атрибуту TYPE=“submit“, value=«Отправить». Для создания кн., очищающую инф-ю, атрибуту TYPE=“reset“, value=«Очистить». добавить HTML-код, создающий текстовую область. Просмотреть результат в браузере: <INPUT TYPE="SUBMIT" value="Отправить"> <INPUT TYPE="RESET" value="Очистить">

№ слайда 38 Для того, чтобы при щелчке по кн. «Отправить» данные из формы передавались на
Описание слайда:

Для того, чтобы при щелчке по кн. «Отправить» данные из формы передавались на сервер и там обрабатывались необходимо указать адрес и программу обработки. Для этого используется атрибут ACTION контейнера <FORM>. <FORM ACTION=http:/www.mycompany.ru/ogi-bin/bd.exe"

№ слайда 39 Когда же был создан язык программирования Basic Язык программирования Basic б
Описание слайда:

Когда же был создан язык программирования Basic Язык программирования Basic был создан в 1964 году двумя профессорами Дартмунского университета Джоном Кенеми и Томасом Куртцом.BASIC - это первые буквы английских слов Beginner's All-purpose Symbolic Instruction Code (Всецелевой язык программирования для начинающих). В настоящее время существует множество версий этого языка, которые иногда очень сильно отличаются друг от друга. Для учебных заведений самыми распространенными являются версии MSX, впервые реализованная на японском компьютере "Ямаха", и версии фирмы Microsoft для компьютеров IBM. Кроме этого в нашей стране популярностью пользуется версия Turbo-Basic фирмы Borland. Без преувеличения можно сказать, что сегодня Бейсик является самым распространённым языком программирования. После появления мощных компиляторов Visual Basic этот язык стал популярен и у профессиональных программистов. Бейсик относится к языкам программирования высокого уровня. Как и другие языки, этот язык имеет алфавит, синтаксис, семантику.

№ слайда 40 Алфавит языка Алфавит языка Basic представляет собой таблицу символов ASCII.
Описание слайда:

Алфавит языка Алфавит языка Basic представляет собой таблицу символов ASCII. Первая половина этой таблицы (символы с кодом 0-127) - стандартная. Вторая половина (символы с кодом 128-255) специфична для каждой страны. В этой таблице каждый символ имеет 8-битовое обозначение. Итак, в алфавит языка Basic входят все прописные и заглавные буквы английского и русского алфавитов, цифры, а также набор специальных символов, который имеется на клавиатуре компьютера.

Автор
Дата добавления 02.01.2016
Раздел Информатика
Подраздел Презентации
Просмотров461
Номер материала ДВ-301105
Получить свидетельство о публикации

"Инфоурок" приглашает всех педагогов и детей к участию в самой массовой интернет-олимпиаде «Весна 2017» с рекордно низкой оплатой за одного ученика - всего 45 рублей

В олимпиадах "Инфоурок" лучшие условия для учителей и учеников:

1. невероятно низкий размер орг.взноса — всего 58 рублей, из которых 13 рублей остаётся учителю на компенсацию расходов;
2. подходящие по сложности для большинства учеников задания;
3. призовой фонд 1.000.000 рублей для самых активных учителей;
4. официальные наградные документы для учителей бесплатно(от организатора - ООО "Инфоурок" - имеющего образовательную лицензию и свидетельство СМИ) - при участии от 10 учеников
5. бесплатный доступ ко всем видеоурокам проекта "Инфоурок";
6. легко подать заявку, не нужно отправлять ответы в бумажном виде;
7. родителям всех учеников - благодарственные письма от «Инфоурок».
и многое другое...

Подайте заявку сейчас - https://infourok.ru/konkurs


Выберите специальность, которую Вы хотите получить:

Обучение проходит дистанционно на сайте проекта "Инфоурок".
По итогам обучения слушателям выдаются печатные дипломы установленного образца.

ПЕРЕЙТИ В КАТАЛОГ КУРСОВ


Идёт приём заявок на международный конкурс по математике "Весенний марафон" для учеников 1-11 классов и дошкольников

Уникальность конкурса в преимуществах для учителей и учеников:

1. Задания подходят для учеников с любым уровнем знаний;
2. Бесплатные наградные документы для учителей;
3. Невероятно низкий орг.взнос - всего 38 рублей;
4. Публикация рейтинга классов по итогам конкурса;
и многое другое...

Подайте заявку сейчас - https://urokimatematiki.ru

Похожие материалы

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