Создание Web-сайта. Структура Web-сайта презентация

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

Программы для создания сайта:
1) простейший текстовый редактор (без форматирования текста): Блокнот
2) браузер для просмотра страниц: Internet Explorer
3) программа обработки изображений: Photoshop
Визуальные веб-редакторы
Создание сайта на языке HTML очень трудоемкое, нужны специальные знания. Есть визуальные веб-редакторы (программы) для создания сайтов. Работают по принципу WYSIWYG (что видишь, то и получишь).

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

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

Контейнеры
Код страницы
Заголовок
Название Web-страницы
Основное содержание страницы
Например:
<ТITLЕ>Компьютер

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

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

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

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

Форматирование текста:
Размер шрифта в заголовках задается тэгами от Н1 до Н6:
Все о компьютерах
Тип выравнивания заголовка задает атрибут ALIGN
Слайд 12
Абзацы:
Разделение текста на абзацы производится контейнером
. Для каждого абзаца можно
применить свой тип выравнивания. Поместим на титульную страницу текст, разбитый на абзацы с различным выравниванием:
На этом сайте вы сможете получить различную информацию о компьютере, его программном обеспечении и ценах на компьютерные комплектующие.
Терминологический словарь познакомит вас с компьютерными терминами, а также вы сможете заполнить анкету.

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

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

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

Вставка рисунка
ALIGN="RIGHT">
Или
ALIGN="RIGHT">

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

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

Гиперссылки
[
Программы
]
[
Словарь
]
[
Комплектующие
]
[
Анкета
]

Адрес электронной почты вставляется так:
Полезно на странице помещать ссылку на адрес электронной почты, по которому посетители могут связаться с администрацией сайта.
E-mail:
[e-mail]
По щелчку мыши по ссылке на адрес электронной почты будет открываться программа Outlook Express, где в строке Кому будет указан заданный в ссылке адрес

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

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

Создание нумерованного списка
Системные программы
Прикладные программы
Системы программирования

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

Словарь компьютерных терминов:
Контейнер списка определений
,
Внутри него термин – тэг
определение -
Процессор
Центральный процессор, производящий вычисления в двоичном коде.
Оперативная память
Устройство, в котором хранятся программы и данные

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

Вставить таблицу в файл hardware .html
ALIGN="CENTER">ПРОЦЕССОР
НАИМЕНОВАНИЕ
ТИП
ИЗГОТОВИТЕЛЬ
ЦЕНА
PENTIUM
INTEL
2500 РУБЛЕЙ
МАТЕРИНСКАЯ ПЛАТА
Abit
GIGABAIT
2700 РУБЛЕЙ ALIGN="CENTER">ПРОЦЕССОР

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

Открыть в Блокноте файл Anketa.html и добавить следующий HTML-код, задающий текстовые
поля для ввода данных. Просмотреть результат в браузере:
Пожалуйста, введите ваше имя:
NAME="name" SIZE=30>
E-mail:
NAME="e-mail"
SIZE=30>

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

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

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

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

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

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

Текстовая область
Создается с помощью тэга
с обязательными атрибутами: NAME, задающим</div></h2><div class="slides-content">имя области, ROWS – число строк , COLS – число столбцов.<br>добавить HTML-код, создающий текстовую область. Просмотреть результат в браузере: <br>Какую еще информацию вы хотели бы видеть на нашем сайте?<br><BR><br><TEXTAREA NAME="resume"<br>ROWS=4 COLS=30><br></TEXTAREA<br><BR><br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide40" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 40</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/186932/slide-39.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Отправка формы Отправка введенной в форму информации, а также очистка" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/186932/slide-39.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/186932/slide-39.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/186932/slide-39.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/186932/slide-39.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Отправка формы<br><p>Отправка введенной в форму информации, а также очистка полей от</div></h2><div class="slides-content">уже введенной информации осуществляется кнопками. Для создания кн., отправляющей инф-ю, атрибуту TYPE=“submit“, value=«Отправить».<br>Для создания кн., очищающую инф-ю, атрибуту TYPE=“reset“, value=«Очистить».<br>добавить HTML-код, создающий текстовую область. Просмотреть результат в браузере: <br><INPUT TYPE="SUBMIT"<br>value="Отправить"><br><INPUT TYPE="RESET"<br>value="Очистить"><br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide41" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 41</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/186932/slide-40.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Для того, чтобы при щелчке по кн. «Отправить» данные из" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/186932/slide-40.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/186932/slide-40.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/186932/slide-40.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/186932/slide-40.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Для того, чтобы при щелчке по кн. «Отправить» данные из формы</div></h2><div class="slides-content">передавались на сервер и там обрабатывались необходимо указать адрес и программу обработки. Для этого используется атрибут ACTION контейнера <FORM>. <br><FORM ACTION=http:/www.mycompany.ru/ogi-bin/bd.exe"<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide42" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 42</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/186932/slide-41.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/186932/slide-41.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/186932/slide-41.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/186932/slide-41.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/186932/slide-41.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div></div></h2><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><!----></div><!--]--></div><div class="section"><div></div></div><form id="download" action="/api/" method="post" class="download"><!----><div class="download-description"> Имя файла: Создание-Web-сайта.-Структура-Web-сайта.pptx <br> Количество просмотров: 90 <br> Количество скачиваний: 0</div><button class="download-btn" type="submit">Скачать</button><!----></form><div class="navigation"><div class="navigation-item"><div>- Предыдущая</div><a href="/sport/stroitelstvo-ploshchadki-dlya-parkura-i-workout" class="navigation-link">Строительство площадки для паркура и workout</a></div><div class="navigation-item"><div>Следующая -</div><a href="/marketing/semotika-v-reklam-borjomi" class="navigation-link">Семіотика в рекламі BORJOMI</a></div></div></div></div><div class="item-layoutRelated"><div class="section"><div></div></div></div></div><div class="item-layout"><div class="related"><h2 class="related-header">Похожие презентации</h2><div class="related-wrapper"><!--[--><div class="related-item"><a href="/informatika/oracle-data-encryption" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/304050/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/304050/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/304050/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/304050/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/304050/slide-0.jpg 1440w" class="slides-image related-itemImage"> Oracle Data Encryption</a></div><div class="related-item"><a href="/informatika/baza-dannyh-i-subd" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/463255/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/463255/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/463255/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/463255/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/463255/slide-0.jpg 1440w" class="slides-image related-itemImage"> База данных и СУБД</a></div><div class="related-item"><a href="/informatika/gris-strelochka-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/534558/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/534558/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/534558/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/534558/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/534558/slide-0.jpg 1440w" class="slides-image related-itemImage"> ГРИС Стрелочка</a></div><div class="related-item"><a href="/informatika/dokumentalnye-i-faktograficheskie-informatsionno-poiskovye-sistemy" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/351817/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/351817/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/351817/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/351817/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/351817/slide-0.jpg 1440w" class="slides-image related-itemImage"> Документальные и фактографические информационно-поисковые системы и их поколение</a></div><div class="related-item"><a href="/informatika/otchet-po-saytu-httpswwwfanera-lavernaru-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/597586/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/597586/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/597586/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/597586/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/597586/slide-0.jpg 1440w" class="slides-image related-itemImage"> Отчет по сайту https://www.fanera-laverna.ru</a></div><div class="related-item"><a href="/informatika/katalog-i-gid-po-vyboru-cadcam" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/586095/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/586095/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/586095/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/586095/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/586095/slide-0.jpg 1440w" class="slides-image related-itemImage"> Каталог и гид по выбору CAD/CAM</a></div><div class="related-item"><a href="/informatika/perevod-chisel-v-pozitsionnyh-sistemah-schisleniya" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/125208/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/125208/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/125208/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/125208/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/125208/slide-0.jpg 1440w" class="slides-image related-itemImage"> Перевод чисел в позиционных системах счисления (3). 8 класс</a></div><div class="related-item"><a href="/informatika/vspomogatelnye-algoritmy-i-podprogrammy-9-klass" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/198151/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/198151/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/198151/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/198151/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/198151/slide-0.jpg 1440w" class="slides-image related-itemImage"> Вспомогательные алгоритмы и подпрограммы. (9 класс)</a></div><div class="related-item"><a href="/informatika/bezpeka-v-nternet-bezpechne-zbergannya-danih" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/576825/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/576825/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/576825/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/576825/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/576825/slide-0.jpg 1440w" class="slides-image related-itemImage"> Безпека в Інтернеті. Безпечне зберігання даних</a></div><div class="related-item"><a href="/informatika/lab-works-1-4" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/252995/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/252995/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/252995/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/252995/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/252995/slide-0.jpg 1440w" class="slides-image related-itemImage"> Lab works 1-4</a></div><div class="related-item"><a href="/informatika/bazi-danih-relyatsyna-model-danih-lektsya" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/6291/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/6291/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/6291/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/6291/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/6291/slide-0.jpg 1440w" class="slides-image related-itemImage"> Бази даних. Реляційна модель даних. (Лекція 1)</a></div><div class="related-item"><a href="/informatika/zhurnalistskaya-etika-kodeks-chesti-sovremennogo-zhurnalista" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/218381/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/218381/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/218381/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/218381/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/218381/slide-0.jpg 1440w" class="slides-image related-itemImage"> Журналистская этика. Кодекс чести современного журналиста</a></div><div class="related-item"><a href="/informatika/kak-sootvetstvovat-zakonu-54-fz-i" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/334756/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/334756/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/334756/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/334756/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/334756/slide-0.jpg 1440w" class="slides-image related-itemImage"> Как соответствовать закону 54-ФЗ и получить новые возможности. Предложение о сотрудничестве</a></div><div class="related-item"><a href="/informatika/obekty-algoritmov-distant1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/179301/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/179301/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/179301/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/179301/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/179301/slide-0.jpg 1440w" class="slides-image related-itemImage"> объекты алгоритмов дистант1</a></div><div class="related-item"><a href="/informatika/strokovye-literaly" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/198811/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/198811/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/198811/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/198811/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/198811/slide-0.jpg 1440w" class="slides-image related-itemImage"> Строковые литералы</a></div><div class="related-item"><a href="/informatika/moy-pervyy-startup-onlayn-platforma-larp" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/612778/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/612778/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/612778/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/612778/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/612778/slide-0.jpg 1440w" class="slides-image related-itemImage"> Мой первый Startup. Онлайн платформа LARP Forge</a></div><div class="related-item"><a href="/informatika/vozmozhnosti-microsoft-office" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/214829/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/214829/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/214829/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/214829/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/214829/slide-0.jpg 1440w" class="slides-image related-itemImage"> Возможности Microsoft Office</a></div><div class="related-item"><a href="/informatika/vstavka-graficheskih-obektov-v-open-office" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/450639/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/450639/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/450639/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/450639/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/450639/slide-0.jpg 1440w" class="slides-image related-itemImage"> Вставка графических объектов в Open Office. Org. Writer.</a></div><div class="related-item"><a href="/informatika/osnovnye-parametry-elektronnyh-tablits-osnovnye-tipy" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/442678/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/442678/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/442678/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/442678/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/442678/slide-0.jpg 1440w" class="slides-image related-itemImage"> Основные параметры электронных таблиц. Основные типы и форматы данных</a></div><div class="related-item"><a href="/informatika/modelirovanie-bibliotechnogo-fonda" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/119909/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/119909/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/119909/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/119909/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/119909/slide-0.jpg 1440w" class="slides-image related-itemImage"> Моделирование библиотечного фонда</a></div><div class="related-item"><a href="/informatika/mk-python" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/605540/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/605540/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/605540/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/605540/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/605540/slide-0.jpg 1440w" class="slides-image related-itemImage"> МК Python</a></div><div class="related-item"><a href="/informatika/reshenie-zadaniya-v6-s-ege-po" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/508963/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/508963/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/508963/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/508963/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/508963/slide-0.jpg 1440w" class="slides-image related-itemImage"> Решение задания В6 с ЕГЭ по информатике</a></div><div class="related-item"><a href="/informatika/skaiiavimo-sistema-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/280980/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/280980/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/280980/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/280980/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/280980/slide-0.jpg 1440w" class="slides-image related-itemImage"> Skaičiavimo sistema</a></div><div class="related-item"><a href="/informatika/instruktsiya-po-obnovleniyu-bios-dlya-win7-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/394760/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/394760/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/394760/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/394760/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/394760/slide-0.jpg 1440w" class="slides-image related-itemImage"> Инструкция по обновлению BIOS для win7</a></div><div class="related-item"><a href="/informatika/quicksort" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/21012/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/21012/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/21012/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/21012/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/21012/slide-0.jpg 1440w" class="slides-image related-itemImage"> Quicksort</a></div><div class="related-item"><a href="/informatika/arifmetika-v-pozitsionnyh-sistemah-schisleniya" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/198292/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/198292/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/198292/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/198292/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/198292/slide-0.jpg 1440w" class="slides-image related-itemImage"> Арифметика в позиционных системах счисления</a></div><div class="related-item"><a href="/informatika/rabota-s-obuchayushchim-programmnym-kompleksom-byudzhet21" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/579410/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/579410/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/579410/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/579410/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/579410/slide-0.jpg 1440w" class="slides-image related-itemImage"> Работа с обучающим программным комплексом. Бюджет21</a></div><div class="related-item"><a href="/informatika/osnovy-setevyh-tehnologiy-kanalnyy-uroven-modeli" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/91342/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/91342/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/91342/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/91342/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/91342/slide-0.jpg 1440w" class="slides-image related-itemImage"> Основы сетевых технологий. Канальный уровень модели OSI. Часть 1. Лекция 5</a></div><!--]--></div></div></div></div><!--]--><!--]--><!--]--></div></div></main><footer class="footer"><div class="layout"><!----><div class="footer-contacts"><svg class="footer-contactsIcon" viewBox="0 0 27 26" xmlns="http://www.w3.org/2000/svg"><use xlink:href="/images/icons.svg#contacts"></use></svg> Обратная связь</div><!----><div class="footer-contactsEmail"> Email: <span class="footer-contactsShow">Нажмите что бы посмотреть</span></div></div></footer></div><!--]--></div><script>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){return {data:{meta:{result:{meta:{h1:n,main_text:a,main_title:o,main_description:p,main_keywords:q,main_image:a},app:{logo_image:r,logo_image_width:s,logo_image_height:t,logo_text:a,image_width_full:u,image_width_min:v,recaptcha_key:w,yandex_search:x,ya_context:e,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:y,footer_before:a,footer:a,dark_theme:e,strategy:{image_alt_words:j,item_slide_header:z,item_images:A,item_images_tag:h,item_words_h3:d,item_words_tag:h,item_words_1:k,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:d,item_show_contents:d,item_show_filename:d},colors:{header_text:l,header_bg:i,accent:i}},social:F}},categories:{result:[{id:G,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:G,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:H,pseudoname:"informatika"},{id:109,ordering:9,name:"История",pseudoname:"istoriya"},{id:139,ordering:j,name:"Литература",pseudoname:"literatura"},{id:119,ordering:k,name:"Маркетинг",pseudoname:"marketing"},{id:114,ordering:12,name:"Математика",pseudoname:"matematika"},{id:138,ordering:13,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"}]},item:{result:{id:186932,name:m,category:H,count:43,jpg:"jpg\u002F186932",hits:90,download:b,h1:"Создание Web-сайта. Структура Web-сайта презентация",meta:{h1:m,title:m,description:"Создание Web-сайта. Структура Web-сайта презентация на тему, доклад, Информатика",keywords:"Создание Web-сайта. Структура Web-сайта, презентация, доклад, проект, скачать, на тему, PowerPoint, урок, класс, школа, Информатика",download_link:a},text:"Вы можете изучить и скачать доклад-презентацию на тему Презентация на тему Создание Web-сайта. Структура Web-сайта из раздела Информатика. Презентация на заданную тему содержит 43 слайдов. Для просмотра воспользуйтесь проигрывателем, если материал оказался полезным для Вас - поделитесь им с друзьями с помощью социальных кнопок и добавьте наш сайт презентаций в закладки!",seo_text:"\u003Cp\u003EПонятие веб-сайта\u003Cbr\u003E\u003Cp\u003EИнформация во Всемирной паутине хранится в форме Web-сайтов. \u003Cbr\u003EWeb-сайт по структуре напоминает журнал по какой-либо теме или проблеме. Как журнал состоит из печатных страниц, так и Web-сайт состоит из компьютерных Web-страниц",file:"Создание-Web-сайта.-Структура-Web-сайта.pptx",texts:["\u003Cp\u003EСоздание Web-сайта\u003Cbr\u003EСтруктура Web-сайта\u003Cbr\u003E","\u003Cp\u003EПонятие веб-сайта\u003Cbr\u003E\u003Cp\u003EИнформация во Всемирной паутине хранится в форме Web-сайтов. \u003Cbr\u003EWeb-сайт по структуре напоминает журнал по какой-либо теме или проблеме. Как журнал состоит из печатных страниц, так и Web-сайт состоит из компьютерных Web-страниц.\u003Cbr\u003EВеб-страницы связаны гиперссылками.\u003Cbr\u003E\u003Cp\u003EДостоинства веб-страниц:\u003Cbr\u003E\u003Cp\u003EМалый информационный объем («легкие»)\u003Cbr\u003EПригодны для просмотра в разных ОС.\u003Cbr\u003EДинамичные.\u003Cbr\u003EИнтерактивные.\u003Cbr\u003E","\u003Cp\u003EПрограммы для создания сайта:\u003Cbr\u003E\u003Cp\u003E1) простейший текстовый редактор (без форматирования текста): \t\t\tБлокнот\u003Cbr\u003E2) браузер для просмотра страниц: Internet Explorer\u003Cbr\u003E3) программа обработки изображений:\t Photoshop\u003Cbr\u003E\u003Cp\u003EВизуальные веб-редакторы\u003Cbr\u003E\u003Cp\u003EСоздание сайта на языке HTML очень трудоемкое, нужны специальные знания. Есть визуальные веб-редакторы (программы) для создания сайтов. Работают по принципу WYSIWYG (что видишь, то и получишь).\u003Cbr\u003E","\u003Cp\u003EТэги\u003Cbr\u003E\u003Cp\u003EВид Web-страницы задается управляющими командами - тэгами, которые заключаются в угловые скобки \u003C \u003E \u003Cbr\u003EТэги бывают одиночные (неповторяющиеся) или парные (контейнеры): перед закрывающим тэгом контейнера пишут прямой слэш (\u002F) \u003Cbr\u003E\t\t\t\t\u003Cbody\u003E \u003C\u002Fbody\u003E\u003Cbr\u003EТэги пишутся английскими буквами (прописными, строчными).\u003Cbr\u003E","\u003Cp\u003EСтруктура Web-страницы\u003Cbr\u003E\u003Cp\u003EВесь HTML-код страницы помещается внутрь главного контейнера: \t\t\t\t\t\t\u003CHTML\u003E\u003C\u002FHTML\u003E. \u003Cbr\u003E\t\u003Cbr\u003EWeb-страница разделяется на \u003Cbr\u003E2 логические части: \u003Cbr\u003E заголовок (HEAD) \u003Cbr\u003Eсодержание (BODY).\u003Cbr\u003E","\u003Cp\u003EКонтейнеры \u003Cbr\u003E\u003Cp\u003EКод страницы \u003CHTML\u003E\u003C\u002FHTML\u003E\u003Cbr\u003EЗаголовок \u003CHEAD\u003E\u003C\u002FHEAD\u003E\u003Cbr\u003EНазвание Web-страницы \u003CTITLE\u003E\u003C\u002FTITLE\u003E\u003Cbr\u003EОсновное содержание страницы \u003CBODY\u003E\u003C\u002FBODY\u003E\u003Cbr\u003E\u003Cp\u003EНапример:\u003Cbr\u003E\u003CHTML\u003E \u003Cbr\u003E \u003CHEAD\u003E\u003Cbr\u003E\t\u003CТITLЕ\u003EКомпьютер\u003C\u002FТITLЕ\u003E\u003Cbr\u003E \u003C\u002FHEAD\u003E\u003Cbr\u003E\u003C\u002FHTML\u003E\u003Cbr\u003E","\u003Cp\u003EОсновное содержание веб-страницы\u003Cbr\u003E\u003Cp\u003EОсновное содержание страницы помещается в контейнер \u003CBODY\u003E \u003C\u002FBODY\u003E.\u003Cbr\u003EМожет содержать: текст, таблицы, бегущие строки, картинки, ссылки, звуковые файлы... \u003Cbr\u003EПоместим на страницу текст «Все о компьютере»:\u003Cbr\u003E\t\t\u003CBODY\u003E Все о компьютере \u003C\u002FBODY\u003E\u003Cbr\u003E\u003Cp\u003E\u003CHTML\u003E \u003Cbr\u003E \u003CHEAD\u003E\u003Cbr\u003E\t\t\u003CТITLЕ\u003EКомпьютер\u003C\u002FТITLЕ\u003E\u003Cbr\u003E \u003C\u002FHEAD\u003E\u003Cbr\u003E \u003CBODY\u003E\u003Cbr\u003E Все о компьютере\u003Cbr\u003E \u003C\u002FBODY\u003E\u003Cbr\u003E\u003C\u002FHTML\u003E\u003Cbr\u003E","\u003Cp\u003EКак сохранить веб-страницу\u003Cbr\u003E\u003Cp\u003E1. Cоздать для сайта специальную папку и сохранять все файлы сайта в этой папке.\u003Cbr\u003E2. Web-страницу сохранить в виде файла с именем index.html - это титульный лист сайта (первым загружается в браузер) \u003Cbr\u003E3. Расширения файла Web-страницы – .htm или .html\u003Cbr\u003E","\u003Cp\u003EСоздаем свой сайт….\u003Cbr\u003E\u003Cp\u003EНужно различать имя файла index.html - под которым Web-страница хранится в файловой системе, и собственно имя Web-страницы «Компьютер» - высвечивается в верхней строке окна браузера и в первую очередь анализируется поисковыми системами. \u003Cbr\u003EИмя Web-страницы должно в максимальной степени соответствовать ее содержанию. \u003Cbr\u003E1. В Блокнот ввести HTML-код Web-страницы. \u003Cbr\u003E2. Сохранить файл под именем index.html в папке сайта. Выбрать тип файла – «Все файлы».\u003Cbr\u003E3. Открыть этот файл в браузере для просмотра. \u003Cbr\u003E","\u003Cp\u003EПроверочная работа № 1\u003Cbr\u003E\u003Cp\u003EВ какой форме хранится информация во Всемирной паутине? \u003Cbr\u003EЧто такое Web-сайт?\u003Cbr\u003EТипы сайтов.\u003Cbr\u003EВ чем преимущества веб-страниц перед обычными текстовыми документами?\u003Cbr\u003EКаким образом веб-страницы объединяются в веб-сайты? \u003Cbr\u003EЧто такое тэги?\u003Cbr\u003EЧто такое тэговый контейнер? Записать главный контейнер веб-страницы.\u003Cbr\u003EКакова логическая структура веб-страницы?\u003Cbr\u003EНаписать шаблон веб-страницы.\u003Cbr\u003E","\u003Cp\u003EФорматирование текста:\u003Cbr\u003E\u003Cp\u003EРазмер шрифта в заголовках задается тэгами от Н1 до Н6:\u003Cbr\u003E\u003CH1\u003E\u003Cbr\u003EВсе о компьютерах\u003Cbr\u003E\u003C\u002FH1\u003E\u003Cbr\u003EТип выравнивания заголовка задает атрибут ALIGN\u003Cbr\u003E\u003CH1 ALIGN=\"CENTER”\u003EВсе о компьютерах\u003Cbr\u003E\u003C\u002FH1\u003E\u003Cbr\u003EТэг FONT задает параметры форматирования любого фрагмента текста. Атрибут FACE задает тип шрифта (FACE=“Arial”) SIZE – размер (SIZE=10) COLOR – цвет (COLOR=“blue”)‏\u003Cbr\u003EДля отделения заголовка от остального содержания страницы горизонтальной линией используется тэг \u003CHR\u003E\u003Cbr\u003EЗадать синий цвет заголовка:\u003Cbr\u003E\u003CFONT COLOR=“BLUE\"\u003E\u003Cbr\u003E\u003CH1 ALIGN=\"CENTER”\u003E\u003Cbr\u003EВсе о компьютерах\u003Cbr\u003E\u003C\u002FH1\u003E\u003Cbr\u003E\u003C\u002FFONT\u003E \u003Cbr\u003E\u003CHR\u003E\u003Cbr\u003E\u003Cbr\u003E","\u003Cp\u003EАбзацы:\u003Cbr\u003E\u003Cp\u003EРазделение текста на абзацы производится контейнером \u003CP\u003E\u003C\u002FP\u003E. Для каждого абзаца можно применить свой тип выравнивания. Поместим на титульную страницу текст, разбитый на абзацы с различным выравниванием:\u003Cbr\u003E\u003CP ALIGN=\"LEFT\"\u003EНа этом сайте вы сможете получить различную информацию о компьютере, его программном обеспечении и ценах на компьютерные комплектующие.\u003C\u002FP\u003E\u003Cbr\u003E\u003CP ALIGN=\"RIGHT\"\u003EТерминологический словарь познакомит вас с компьютерными терминами, а также вы сможете заполнить анкету.\u003C\u002FP\u003E\u003Cbr\u003E","\u003Cp\u003EПрограммирование Web-сайта\u003Cbr\u003E\u003Cp\u003E\u003CHTML\u003E\u003Cbr\u003E\u003CHEAD\u003E\u003Cbr\u003E\u003CTITLE\u003EКомпьютер\u003C\u002FTITLE\u003E\u003Cbr\u003E\u003C\u002FHEAD\u003E\u003Cbr\u003E\u003CBODY\u003E\u003Cbr\u003E\u003CFONT COLOR=\"GREEN\"\u003E\u003Cbr\u003E\u003CH1 ALIGN=\"CENTER”\u003E\u003Cbr\u003EВсе о компьютерах\u003Cbr\u003E\u003C\u002FH1\u003E\u003Cbr\u003E\u003C\u002FFONT\u003E\u003Cbr\u003E\u003CHR\u003E\u003Cbr\u003E\u003CP ALIGN=\"LEFT\"\u003EНа этом сайте вы сможете получить различную информацию о компьютере, его программном обеспечении и ценах на компьютерные комплектующие.\u003C\u002FP\u003E\u003Cbr\u003E\u003C\u002FH1\u003E\u003Cbr\u003E\u003C\u002FFONT\u003E\u003Cbr\u003E\u003CHR\u003E\u003Cbr\u003E\u003CP ALIGN=\"RIGHT\"\u003EТерминологический словарь познакомит вас с компьютерными терминами, а также вы сможете заполнить анкету.\u003C\u002FP\u003E\u003Cbr\u003E\u003C\u002FBODY\u003E\u003Cbr\u003E\u003C\u002FHTML\u003E\u003Cbr\u003E","\u003Cp\u003EВставка рисунка\u003Cbr\u003E\u003Cp\u003EФорматы .GIF, .JPG, .PNG. \u003Cbr\u003EТэг \u003CIMG\u003E с атрибутом SRC, который указывает место хранения файла (путь к файлу).\u003Cbr\u003EРасположение рисунка относительно текста –атрибут ALIGN: \u003Cbr\u003ETOP\u003Cbr\u003EMIDDLE\u003Cbr\u003EBOTTON\u003Cbr\u003ELEFT\u003Cbr\u003ERIGHT\u003Cbr\u003EВставить рисунок в контейнер перед абзацем текста.\u003Cbr\u003E","\u003Cp\u003EВставка рисунка\u003Cbr\u003E\u003Cp\u003E\u003CBODY\u003E\u003Cbr\u003E\u003CIMG SRC=«Комп.gif\" alt=«компьютер\"\u003Cbr\u003EALIGN=\"RIGHT\"\u003E\u003Cbr\u003EИли\u003Cbr\u003E\u003CBODY\u003E\u003Cbr\u003E\u003CIMG SRC=\"D:\\Мои документы\\Школа 32\\Комп.gif\" alt=\" компьютер \"\u003Cbr\u003EALIGN=\"RIGHT\"\u003E\u003Cbr\u003E","\u003Cp\u003EСоздание других страниц сайта\u003Cbr\u003E\u003Cp\u003E\u003CHEAD\u003E\u003Cbr\u003E\u003CTITLE\u003E Заголовок страницы \u003C\u002FTITLE\u003E\u003Cbr\u003E\u003C\u002FHEAD\u003E\u003Cbr\u003E Создайте страницы Программы, Словарь, Комплектующие, Анкета.\u003Cbr\u003EСохраните их в файлах с названиями: \u003Cbr\u003Esoftware.html \u003Cbr\u003Eglossary.html\u003Cbr\u003Ehardware.html \u003Cbr\u003Eanketa.html \u003Cbr\u003E","\u003Cp\u003EГиперссылки\u003Cbr\u003E\u003Cp\u003EГиперссылки состоят из указателя ссылки и адресной части ссылки.\u003Cbr\u003EАдресная часть – URL – адрес документа.\u003Cbr\u003EПринято размещать гиперссылки в нижней части титульной страницы, поэтому разместим их после введенного текста в новом абзаце.\u003Cbr\u003EВ качестве указателя гиперссылок выберем названия страниц нашего сайта: Программы, Словарь, Комплектующие, Анкета. \u003Cbr\u003EУказатели гиперссылок разделяются пробелами ( ) . Для каждой гиперссылки определим адрес перехода, (контейнер \u003CA\u003E \u003C\u002FA\u003E) с атрибутом HREF, значением которого является URL – адрес. \u003Cbr\u003E","\u003Cp\u003EГиперссылки\u003Cbr\u003E\u003Cp\u003E\u003CP ALIGN= \"CENTER\"\u003Cbr\u003E[\u003CA HREF=\"software.html\"\u003EПрограммы\u003C\u002FA\u003E] \u003Cbr\u003E[\u003CA HREF=\"glossary.html\"\u003EСловарь\u003C\u002FA\u003E] \u003Cbr\u003E[\u003CA HREF=\"hardware.html\"\u003EКомплектующие\u003C\u002FA\u003E] \u003Cbr\u003E[\u003CA HREF=\"anketa.html\"\u003EАнкета\u003C\u002FA\u003E]\u003Cbr\u003E\u003C\u002FP\u003E\u003Cbr\u003E","\u003Cp\u003EАдрес электронной почты вставляется так:\u003Cbr\u003E\u003Cp\u003EПолезно на странице помещать ссылку на адрес электронной почты, по которому посетители могут связаться с администрацией сайта.\u003Cbr\u003E\u003CADRESS\u003E\u003Cbr\u003E\u003CA HREF=\"mailto:[e-mail]\"\u003EE-mail:\u003Cbr\[e-mail]\u003C\u002FA\u003E\u003Cbr\u003E\u003C\u002FADRESS\u003E\u003Cbr\u003EПо щелчку мыши по ссылке на адрес электронной почты будет открываться программа Outlook Express, где в строке Кому будет указан заданный в ссылке адрес\u003Cbr\u003E",a,"\u003Cp\u003EСоздание списка нумерованного\u003Cbr\u003E\u003Cp\u003EСписок располагается внутри контейнера \u003COL\u003E \u003C\u002FOL\u003E, а каждый элемент списка – тэгом \u003CLI\u003E. С помощью атрибута TYPE тэга \u003CОL\u003E можно задать вид нумерации: арабские цифры по умолчанию, “I” (римские цифры), “а” (строчные буквы).\u003Cbr\u003EОткрыть в Блокноте файл Software.html и добавить следующий HTML-код, задающий список:\u003Cbr\u003E \u003COL\u003E\u003Cbr\u003E\u003CLI\u003EСистемные программы\u003Cbr\u003E\u003CLI\u003EПрикладные программы\u003Cbr\u003E\u003CLI\u003EСистемы программирования\u003Cbr\u003E\u003C\u002FOL\u003E\u003Cbr\u003E\u003Cbr\u003E","\u003Cp\u003EСоздание списка маркированного\u003Cbr\u003E\u003Cp\u003EСоздадим теперь вложенный маркированный список для одного из элементов основного списка. Список располагается внутри контейнера \u003CUL\u003E \u003C\u002FUL\u003E, а каждый элемент списка определяется также тэгом \u003CLI\u003E. С помощью атрибута TYPE тэга \u003CUL\u003E можно задать вид маркера списка: “disc” (диск), “Square” (квадрат), “circle” (окружность).\u003Cbr\u003EДобавить HTML-код, задающий вложенный список для элемента \u003CLI\u003E Прикладные программы.\u003Cbr\u003E\u003Cbr\u003E","\u003Cp\u003EСоздание нумерованного списка\u003Cbr\u003E\u003Cp\u003E\u003CFONT COLOR=\"GREEN\"\u003E\u003Cbr\u003E\u003CH2 ALIGN=\"LEFT\"\u003E \u003Cbr\u003E\u003COL\u003E\u003Cbr\u003E\u003CLI\u003EСистемные программы\u003Cbr\u003E\u003CLI\u003EПрикладные программы\u003Cbr\u003E\u003CLI\u003EСистемы программирования\u003Cbr\u003E\u003C\u002FOL\u003E\u003Cbr\u003E\u003Cbr\u003E","\u003Cp\u003EСоздание вложенного списка\u003Cbr\u003E\u003Cp\u003E\u003CUL\u003E\u003Cbr\u003E\u003CLI TYPE=\"DISC\"\u003E\u003Cbr\u003EТЕКСТОВЫЕ РЕДАКТОРЫ\u003Cbr\u003E\u003CLI\u003E ГРАФИЧЕСКИЕ РЕДАКТОРЫ\u003Cbr\u003E\u003CLI\u003E ЭЛЕКТРОННЫЕ ТАБЛИЦЫ \u003Cbr\u003E\u003CLI\u003E СИСТЕМЫ УПРАВЛЕНИЯ БАЗАМИ ДАННЫХ.\u003Cbr\u003E\u003C\u002FUL\u003E\u003Cbr\u003E",a,"\u003Cp\u003EСловарь компьютерных терминов:\u003Cbr\u003E\u003Cp\u003EКонтейнер списка определений \u003CDL\u003E, \u003C\u002FDL\u003E\u003Cbr\u003EВнутри него термин – тэг \u003CDT\u003E\u003Cbr\u003Eопределение - \u003CDD\u003E\u003Cbr\u003E\u003CDL\u003E\u003Cbr\u003E\u003CDT\u003EПроцессор\u003Cbr\u003E\u003CFONT COLOR=\"BRAUN\"\u003E\u003Cbr\u003E\u003CH4\u003E\u003Cbr\u003E\u003CDD\u003EЦентральный процессор, производящий вычисления в двоичном коде.\u003Cbr\u003E\u003C\u002FH4\u003E\u003Cbr\u003E\u003CFONT COLOR=\"GREEN\"\u003E\u003Cbr\u003E\u003CDT\u003EОперативная память\u003Cbr\u003E\u003CFONT COLOR=\"BRAUN\"\u003E\u003Cbr\u003E\u003CH4\u003E\u003Cbr\u003E\u003CDD\u003EУстройство, в котором хранятся программы и данные\u003Cbr\u003E\u003C\u002FH4\u003E\u003Cbr\u003E\u003C\u002FDL\u003E\u003Cbr\u003E",a,"\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, а заголовки ячеек в контейнер \u003CTH\u003E\u003C\u002FTH\u003E.\u003Cbr\u003EТолщина разделительных линий задается атрибутом BORDER, а для выравнивания информации - атрибут ALIGN.\u003Cbr\u003E","\u003Cp\u003EВставить таблицу в файл hardware .html\u003Cbr\u003E\u003Cp\u003E\u003CTABLE border=\"2\"\u003E\u003Cbr\u003E\u003CTR\u003E\u003Cbr\u003E\u003CTH\u003E\u003CFONT COLOR=\"BLUE\"\u003EНАИМЕНОВАНИЕ\u003C\u002FTH\u003E\u003Cbr\u003E\u003CTH\u003E\u003CFONT COLOR=\"CYAN\"\u003EТИП\u003C\u002FTH\u003E\u003Cbr\u003E\u003CTH\u003E\u003CFONT COLOR=\"LIME\"\u003EИЗГОТОВИТЕЛЬ\u003C\u002FTH\u003E\u003Cbr\u003E\u003CTH\u003E\u003CFONT COLOR=\"MAGENTA\"\u003EЦЕНА\u003C\u002FTH\u003E\u003Cbr\u003E\u003C\u002FTR\u003E\u003Cbr\u003E\u003CTR\u003E\u003Cbr\u003E\u003CTD ALIGN=\"CENTER\"\u003EПРОЦЕССОР\u003C\u002FTD\u003E\u003Cbr\u003E\u003CTD ALIGN=\"CENTER\"\u003EPENTIUM\u003C\u002FTD\u003E\u003Cbr\u003E\u003CTD ALIGN=\"CENTER\"\u003EINTEL\u003C\u002FTD\u003E\u003Cbr\u003E\u003CTD ALIGN=\"CENTER\"\u003E2500 РУБЛЕЙ\u003C\u002FTD\u003E\u003Cbr\u003E\u003C\u002FTR\u003E\u003Cbr\u003E\u003CTR\u003E\u003Cbr\u003E\u003CTD ALIGN=\"CENTER\"\u003EМАТЕРИНСКАЯ ПЛАТА\u003C\u002FTD\u003E\u003Cbr\u003E\u003CTD ALIGN=\"CENTER\"\u003EAbit\u003C\u002FTD\u003E\u003Cbr\u003E\u003CTD ALIGN=\"CENTER\"\u003EGIGABAIT\u003C\u002FTD\u003E\u003Cbr\u003E\u003CTD ALIGN=\"CENTER\"\u003E2700 РУБЛЕЙ\u003C\u002FTD\u003E\u003Cbr\u003E\u003C\u002FTR\u003E\u003Cbr\u003E\u003C\u002FTABLE\u003E \u003Cbr\u003E",a,"\u003Cp\u003EФормы на Web- страницах\u003Cbr\u003E\u003Cp\u003EФормы включают в себя текстовые поля, раскрывающиеся списки, флажки, переключатели и т.д. Формы заключаются в контейнер \u003CFORM\u003E \u003C\u002FFORM\u003E\u003Cbr\u003EТекстовые поля задаются тэгом \u003CINPUT\u003E со значением атрибута type=“text”.\u003Cbr\u003EАтрибут NAME является обязательным и служит для идентификации полученной информации, Атрибут SIZE задает длину поля ввода данных.\u003Cbr\u003EДля того, чтобы анкета читалась необходимо разделять строки с помощью тэга перевода строки \u003CBR\u003E.\u003Cbr\u003E","\u003Cp\u003EОткрыть в Блокноте файл Anketa.html и добавить следующий HTML-код, задающий текстовые поля для ввода данных. Просмотреть результат в браузере:\u003Cbr\u003E\u003Cp\u003E\u003CFORM\u003E\u003Cbr\u003E\u003CFONT COLOR=\"GREEN\"\u003E\u003Cbr\u003E\u003CH2 ALIGN=\"LEFT\"\u003E\u003Cbr\u003EПожалуйста, введите ваше имя: \u003CBR\u003E\u003Cbr\u003E\u003CINPUT TYPE=\"текст\"\u003Cbr\u003ENAME=\"name\" SIZE=30\u003E \u003CBR\u003E\u003Cbr\u003EE-mail: \u003CBR\u003E\u003Cbr\u003E\u003CINPUT TYPE=\"текст\"\u003Cbr\u003ENAME=\"e-mail\" \u003Cbr\u003ESIZE=30\u003E \u003CBR\u003E\u003Cbr\u003E\u003C\u002FFORM\u003E\u003Cbr\u003E","\u003Cp\u003EПереключатели \u003Cbr\u003E\u003Cp\u003EПользователю предоставляется возможность отнести себя к одной из групп пользователей: учащийся, студент, учитель.\u003Cbr\u003EПереключатели создается тэгом \u003CINPUT\u003E со значением атрибута type=“radio”. Все элементы в группе должны иметь одинаковые значения атрибута Name=“Group”\u003Cbr\u003EДругим обязательным атрибутом должно быть VALUE, принимающий, в нашем случае, значения \"schoolboy“, \"student“, \"teacher\" \u003Cbr\u003E","\u003Cp\u003EОткрыть в Блокноте файл Anketa.html и добавить следующий HTML-код, задающий группу переключателей. Просмотреть результат в браузере:\u003Cbr\u003E\u003Cp\u003EУкажите, к какой группе пользователей вы себя относите: \u003CBR\u003E\u003Cbr\u003E\u003CINPUT TYPE=\"radio\"\u003Cbr\u003ENAME=\"group\" value=\"schoolboy\"\u003Eучащийся\u003CBR\u003E\u003Cbr\u003E\u003CINPUT TYPE=\"radio\"\u003Cbr\u003ENAME=\"group\" value=\"student\"\u003Eстудент\u003CBR\u003E\u003Cbr\u003E\u003CINPUT TYPE=\"radio\"\u003Cbr\u003ENAME=\"group\" value=\"teacher\"\u003Eучитель\u003CBR\u003E\u003Cbr\u003E","\u003Cp\u003EФлажки \u003Cbr\u003E\u003Cp\u003EФлажки задаются тэгом \u003CINPUT\u003E со значением атрибута type=“checkbox”\u003Cbr\u003EФлажки, объединенные в группу могут иметь одинаковые значения атрибута Name=“Group”\u003Cbr\u003EДругим обязательным атрибутом должно быть VALUE, принимающий, в нашем случае, значения “www“, “e-mail“, “ftp“\u003Cbr\u003EДобавить HTML-код, задающий флажки для выбора нескольких элементов. Просмотреть результат в браузере:\u003Cbr\u003E","\u003Cp\u003EПример: \u003Cbr\u003E\u003Cp\u003EКакие из сервисов Интернета вы используете наиболее часто:\u003Cbr\u003E\u003CBR\u003E\u003Cbr\u003E\u003CINPUT TYPE=\"checkbox\"\u003Cbr\u003ENAME=\"group\" value=\"www\"\u003Ewww\u003CBR\u003E\u003Cbr\u003E\u003CINPUT TYPE=\"checkbox\"\u003Cbr\u003ENAME=\"group\" value=\"e-mail\"\u003Ee-mail\u003CBR\u003E\u003Cbr\u003E\u003CINPUT TYPE=\"checkbox\"\u003Cbr\u003ENAME=\"group\" value=\"ftp\"\u003EFTP\u003CBR\u003E\u003Cbr\u003E","\u003Cp\u003EПоля списков\u003Cbr\u003E\u003Cp\u003EТеперь выясним, какой из браузеров предпочитает посетитель сайта. Перечень браузеров представим в виде раскрывающегося списка, из которого можно выбрать только один вариант. Используется контейнер \u003CSELECT\u003E \u003C\u002FSELECT\u003E, в котором каждый элемент списка определен тэгом \u003COPTION\u003E. Выбираемый по умолчанию элемент задается атрибутом SELECTED.\u003Cbr\u003E","\u003Cp\u003EОткрыть в Блокноте файл Anketa.html и добавить следующий HTML-код, задающий раскрывающий список. Просмотреть результат в браузере:\u003Cbr\u003E\u003Cp\u003E\u003CSELECT NAME=\"browsers\"\u003E\u003Cbr\u003E\u003COPTION SELECTED\u003E Internet Explorer\u003Cbr\u003E\u003COPTION\u003E\u003Cbr\u003ENetscape Navigator\u003Cbr\u003E\u003COPTION\u003E Opera\u003Cbr\u003E\u003COPTION\u003E Neo Planet\u003Cbr\u003E\u003C\u002FSELECT\u003E\u003Cbr\u003E","\u003Cp\u003EТекстовая область\u003Cbr\u003E\u003Cp\u003EСоздается с помощью тэга \u003CTEXTAREA\u003E с обязательными атрибутами: NAME, задающим имя области, ROWS – число строк , COLS – число столбцов.\u003Cbr\u003Eдобавить HTML-код, создающий текстовую область. Просмотреть результат в браузере: \u003Cbr\u003EКакую еще информацию вы хотели бы видеть на нашем сайте?\u003Cbr\u003E\u003CBR\u003E\u003Cbr\u003E\u003CTEXTAREA NAME=\"resume\"\u003Cbr\u003EROWS=4 COLS=30\u003E\u003Cbr\u003E\u003C\u002FTEXTAREA\u003Cbr\u003E\u003CBR\u003E\u003Cbr\u003E","\u003Cp\u003EОтправка формы\u003Cbr\u003E\u003Cp\u003EОтправка введенной в форму информации, а также очистка полей от уже введенной информации осуществляется кнопками. Для создания кн., отправляющей инф-ю, атрибуту TYPE=“submit“, value=«Отправить».\u003Cbr\u003EДля создания кн., очищающую инф-ю, атрибуту TYPE=“reset“, value=«Очистить».\u003Cbr\u003Eдобавить HTML-код, создающий текстовую область. Просмотреть результат в браузере: \u003Cbr\u003E\u003CINPUT TYPE=\"SUBMIT\"\u003Cbr\u003Evalue=\"Отправить\"\u003E\u003Cbr\u003E\u003CINPUT TYPE=\"RESET\"\u003Cbr\u003Evalue=\"Очистить\"\u003E\u003Cbr\u003E","\u003Cp\u003EДля того, чтобы при щелчке по кн. «Отправить» данные из формы передавались на сервер и там обрабатывались необходимо указать адрес и программу обработки. Для этого используется атрибут ACTION контейнера \u003CFORM\u003E. \u003Cbr\u003E\u003CFORM ACTION=http:\u002Fwww.mycompany.ru\u002Fogi-bin\u002Fbd.exe\"\u003Cbr\u003E",a,"\u003Cp\u003EПроверочная работа № 2\u003Cbr\u003E\u003Cp\u003EВ какой форме хранится информация во Всемирной паутине? \u003Cbr\u003EЧто такое Web-сайт?\u003Cbr\u003EТипы сайтов.\u003Cbr\u003EВ чем преимущества веб-страниц перед обычными текстовыми документами?\u003Cbr\u003EКаким образом веб-страницы объединяются в веб-сайты? \u003Cbr\u003EЧто такое тэги?\u003Cbr\u003EЧто такое тэговый контейнер? Записать главный контейнер веб-страницы.\u003Cbr\u003EКакова логическая структура веб-страницы?\u003Cbr\u003EНаписать шаблон веб-страницы.\u003Cbr\u003EПеречислить 5 тегов форматирования страницы.\u003Cbr\u003EЧто такое атрибут тега?\u003Cbr\u003EКакие существуют способы задания цвета на веб-странице?\u003Cbr\u003EКакие теги используются для ввода заголовка? Форматирования шрифта? Ввода абзаца?\u003Cbr\u003E"],href:"\u002Finformatika\u002Fsozdanie-web-sayta-struktura-web-sayta-1",href_category:"\u002Finformatika",date:1636962145,related:[{id:304050,name:"Oracle Data Encryption",href:"\u002Finformatika\u002Foracle-data-encryption",jpg:"jpg\u002F304050"},{id:463255,name:"База данных и СУБД",href:"\u002Finformatika\u002Fbaza-dannyh-i-subd",jpg:"jpg\u002F463255"},{id:534558,name:"ГРИС Стрелочка",href:"\u002Finformatika\u002Fgris-strelochka-1",jpg:"jpg\u002F534558"},{id:351817,name:"Документальные и фактографические информационно-поисковые системы и их поколение",href:"\u002Finformatika\u002Fdokumentalnye-i-faktograficheskie-informatsionno-poiskovye-sistemy",jpg:"jpg\u002F351817"},{id:597586,name:"Отчет по сайту https:\u002F\u002Fwww.fanera-laverna.ru",href:"\u002Finformatika\u002Fotchet-po-saytu-httpswwwfanera-lavernaru-1",jpg:"jpg\u002F597586"},{id:586095,name:"Каталог и гид по выбору CAD\u002FCAM",href:"\u002Finformatika\u002Fkatalog-i-gid-po-vyboru-cadcam",jpg:"jpg\u002F586095"},{id:125208,name:"Перевод чисел в позиционных системах счисления (3). 8 класс",href:"\u002Finformatika\u002Fperevod-chisel-v-pozitsionnyh-sistemah-schisleniya",jpg:"jpg\u002F125208"},{id:198151,name:"Вспомогательные алгоритмы и подпрограммы. (9 класс)",href:"\u002Finformatika\u002Fvspomogatelnye-algoritmy-i-podprogrammy-9-klass",jpg:"jpg\u002F198151"},{id:576825,name:"Безпека в Інтернеті. Безпечне зберігання даних",href:"\u002Finformatika\u002Fbezpeka-v-nternet-bezpechne-zbergannya-danih",jpg:"jpg\u002F576825"},{id:252995,name:"Lab works 1-4",href:"\u002Finformatika\u002Flab-works-1-4",jpg:"jpg\u002F252995"},{id:6291,name:"Бази даних. Реляційна модель даних. (Лекція 1)",href:"\u002Finformatika\u002Fbazi-danih-relyatsyna-model-danih-lektsya",jpg:"jpg\u002F6291"},{id:218381,name:"Журналистская этика. Кодекс чести современного журналиста",href:"\u002Finformatika\u002Fzhurnalistskaya-etika-kodeks-chesti-sovremennogo-zhurnalista",jpg:"jpg\u002F218381"},{id:334756,name:"Как соответствовать закону 54-ФЗ и получить новые возможности. Предложение о сотрудничестве",href:"\u002Finformatika\u002Fkak-sootvetstvovat-zakonu-54-fz-i",jpg:"jpg\u002F334756"},{id:179301,name:"объекты алгоритмов дистант1",href:"\u002Finformatika\u002Fobekty-algoritmov-distant1",jpg:"jpg\u002F179301"},{id:198811,name:"Строковые литералы",href:"\u002Finformatika\u002Fstrokovye-literaly",jpg:"jpg\u002F198811"},{id:612778,name:"Мой первый Startup. Онлайн платформа LARP Forge",href:"\u002Finformatika\u002Fmoy-pervyy-startup-onlayn-platforma-larp",jpg:"jpg\u002F612778"},{id:214829,name:"Возможности Microsoft Office",href:"\u002Finformatika\u002Fvozmozhnosti-microsoft-office",jpg:"jpg\u002F214829"},{id:450639,name:"Вставка графических объектов в Open Office. Org. Writer.",href:"\u002Finformatika\u002Fvstavka-graficheskih-obektov-v-open-office",jpg:"jpg\u002F450639"},{id:442678,name:"Основные параметры электронных таблиц. Основные типы и форматы данных",href:"\u002Finformatika\u002Fosnovnye-parametry-elektronnyh-tablits-osnovnye-tipy",jpg:"jpg\u002F442678"},{id:119909,name:"Моделирование библиотечного фонда",href:"\u002Finformatika\u002Fmodelirovanie-bibliotechnogo-fonda",jpg:"jpg\u002F119909"},{id:605540,name:"МК Python",href:"\u002Finformatika\u002Fmk-python",jpg:"jpg\u002F605540"},{id:508963,name:"Решение задания В6 с ЕГЭ по информатике",href:"\u002Finformatika\u002Freshenie-zadaniya-v6-s-ege-po",jpg:"jpg\u002F508963"},{id:280980,name:"Skaičiavimo sistema",href:"\u002Finformatika\u002Fskaiiavimo-sistema-1",jpg:"jpg\u002F280980"},{id:394760,name:"Инструкция по обновлению BIOS для win7",href:"\u002Finformatika\u002Finstruktsiya-po-obnovleniyu-bios-dlya-win7-1",jpg:"jpg\u002F394760"},{id:21012,name:"Quicksort",href:"\u002Finformatika\u002Fquicksort",jpg:"jpg\u002F21012"},{id:198292,name:"Арифметика в позиционных системах счисления",href:"\u002Finformatika\u002Farifmetika-v-pozitsionnyh-sistemah-schisleniya",jpg:"jpg\u002F198292"},{id:579410,name:"Работа с обучающим программным комплексом. Бюджет21",href:"\u002Finformatika\u002Frabota-s-obuchayushchim-programmnym-kompleksom-byudzhet21",jpg:"jpg\u002F579410"},{id:91342,name:"Основы сетевых технологий. Канальный уровень модели OSI. Часть 1. Лекция 5",href:"\u002Finformatika\u002Fosnovy-setevyh-tehnologiy-kanalnyy-uroven-modeli",jpg:"jpg\u002F91342"}],navigation:{next:"\u002Fmarketing\u002Fsemotika-v-reklam-borjomi",next_name:"Семіотика в рекламі BORJOMI",prev:"\u002Fsport\u002Fstroitelstvo-ploshchadki-dlya-parkura-i-workout",prev_name:"Строительство площадки для паркура и workout"}}}},state:{},_errors:{},serverRendered:d,config:{public:{SITE_NAME:I,SITE_HOST:"mypreza.com",SITE_LANG:J,API_BASE_URL:"https:\u002F\u002Fmypreza.com\u002Fapi\u002F",pwaManifest:{name:I,short_name:a,description:a,lang:J,start_url:"\u002F?standalone=true",display:"standalone",background_color:l,theme_color:"#000000",icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.f2a6e93d.png",type:c,sizes:K,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.f2a6e93d.png",type:c,sizes:K,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.f2a6e93d.png",type:c,sizes:L,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.f2a6e93d.png",type:c,sizes:L,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.f2a6e93d.png",type:c,sizes:M,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.f2a6e93d.png",type:c,sizes:M,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.f2a6e93d.png",type:c,sizes:N,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.f2a6e93d.png",type:c,sizes:N,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.f2a6e93d.png",type:c,sizes:O,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.f2a6e93d.png",type:c,sizes:O,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.f2a6e93d.png",type:c,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.f2a6e93d.png",type:c,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.f2a6e93d.png",type:c,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.f2a6e93d.png",type:c,sizes:Q,purpose:g}]},yandexMetrika:{id:"85004146",metrikaUrl:"https:\u002F\u002Fmc.yandex.ru\u002Fmetrika\u002Ftag.js",accurateTrackBounce:d,childIframe:e,clickmap:e,defer:e,useRuntimeConfig:d,trackHash:e,trackLinks:d,type:b,webvisor:e,triggerEvent:e,consoleLog:d,partytown:e,isDev:e}},app:{baseURL:"\u002F",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:a}},pinia:{app:{meta:{h1:n,main_text:a,main_title:o,main_description:p,main_keywords:q,main_image:a},app:{logo_image:r,logo_image_width:s,logo_image_height:t,logo_text:a,image_width_full:u,image_width_min:v,recaptcha_key:w,yandex_search:x,ya_context:e,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:y,footer_before:a,footer:a,dark_theme:e,strategy:{image_alt_words:j,item_slide_header:z,item_images:A,item_images_tag:h,item_words_h3:d,item_words_tag:h,item_words_1:k,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:d,item_show_contents:d,item_show_filename:d},colors:{header_text:l,header_bg:i,accent:i}},social:F,token:a}}}}("",0,"image\u002Fpng",true,false,"any","maskable","h2","#d53032",10,11,"#ffffff","Создание Web-сайта. Структура Web-сайта","Учебные презентации","Презентации в PowerPoint на разные темы","Презентации, проекты, доклады в PowerPoint на разные темы для учебы","Презентация, на тему, урок, класс, PowerPoint, скачати презентацію, фон, шаблон, доклад, проект.","images\u002Fdata\u002Flogo.png",185,40,720,480,"6LeioWIpAAAAAGqMN4KqMVIkekcMW7fBKHjXCd-a","2503267","[e-mail]","div","images_before","category","both",88,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",1,"Информатика","Mypreza","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512"))</script><script type="module" src="/_nuxt/entry.0d6add34.js" crossorigin></script></body>
</html>