Создание 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">INTEL
НАИМЕНОВАНИЕ
ТИП
ИЗГОТОВИТЕЛЬ
ЦЕНА
ПРОЦЕССОР
PENTIUM
2500 РУБЛЕЙ
МАТЕРИНСКАЯ ПЛАТА
Abit
GIGABAIT
2700 РУБЛЕЙ ALIGN="CENTER">INTEL

Формы на 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
NAME="group" value="e-mail">e-mail
TYPE="checkbox"
NAME="group" value="ftp">FTP

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

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

Текстовая область
Создается с помощью тэга
с обязательными атрибутами: NAME, задающим имя области,</div></h3></h3><!----><!----><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"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/186932/slide-39.jpg" target="_blank" rel="noopener">Слайд 40</a><h3 class="slides-content text-center font-bold"><div><p>Отправка формы<br><p>Отправка введенной в форму информации, а также очистка полей от уже введенной</div></h3></h3><!----><!----><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"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/186932/slide-40.jpg" target="_blank" rel="noopener">Слайд 41</a><h3 class="slides-content text-center font-bold"><div><p>Для того, чтобы при щелчке по кн. «Отправить» данные из формы передавались на</div></h3></h3><!----><!----><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"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/186932/slide-41.jpg" target="_blank" rel="noopener">Слайд 42</a><!----></h3><!----><!----><!----><!----><!--]--><!----></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> Количество просмотров: 75 <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/razrabotka-informatsionnoy-sistemy-ooo-little-co" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/252813/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/252813/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/252813/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/252813/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/252813/slide-0.jpg 1440w" class="slides-image related-itemImage"> Разработка информационной системы ООО LITTLE CO</a></div><div class="related-item"><a href="/informatika/stil-css-lektsya-4" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/89409/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/89409/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/89409/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/89409/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/89409/slide-0.jpg 1440w" class="slides-image related-itemImage"> Стилі CSS. (Лекція 4)</a></div><div class="related-item"><a href="/informatika/tvorch-zavdannya-z-vikoristannyam-kt-na" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/267727/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/267727/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/267727/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/267727/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/267727/slide-0.jpg 1440w" class="slides-image related-itemImage"> Творчі завдання з використанням ІКТ на уроках літератури</a></div><div class="related-item"><a href="/informatika/programmirovanie-v-srede-unix-biblioteka-pcre" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/4152/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/4152/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/4152/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/4152/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/4152/slide-0.jpg 1440w" class="slides-image related-itemImage"> Программирование в среде UNIX. Библиотека PCRE</a></div><div class="related-item"><a href="/informatika/opisanie-i-vvod-vyvod-dannyh-v" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/321742/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/321742/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/321742/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/321742/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/321742/slide-0.jpg 1440w" class="slides-image related-itemImage"> Описание и ввод-вывод данных в языке С</a></div><div class="related-item"><a href="/informatika/skazka-smaylik" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/6069/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/6069/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/6069/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/6069/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/6069/slide-0.jpg 1440w" class="slides-image related-itemImage"> Сказка Смайлик</a></div><div class="related-item"><a href="/informatika/programmnoe-obespechenie-29" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/609141/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/609141/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/609141/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/609141/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/609141/slide-0.jpg 1440w" class="slides-image related-itemImage"> Программное обеспечение</a></div><div class="related-item"><a href="/informatika/kompyuternoe-modelirovanie-i-proektirovanie-mashin-i" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/207931/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/207931/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/207931/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/207931/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/207931/slide-0.jpg 1440w" class="slides-image related-itemImage"> Компьютерное моделирование и проектирование машин и агрегатов трубного производства</a></div><div class="related-item"><a href="/informatika/nternet-magazin-vzuttya-tehnchne-zavdannya" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/434150/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/434150/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/434150/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/434150/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/434150/slide-0.jpg 1440w" class="slides-image related-itemImage"> Інтернет-магазин взуття. Технічне завдання</a></div><div class="related-item"><a href="/informatika/deystviya-s-informatsiey-hranenie-informatsii-6" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/241193/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/241193/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/241193/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/241193/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/241193/slide-0.jpg 1440w" class="slides-image related-itemImage"> Действия с информацией. Хранение информации</a></div><div class="related-item"><a href="/informatika/kberbezpeka-ponyattya-kberbezpeki" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/214955/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/214955/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/214955/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/214955/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/214955/slide-0.jpg 1440w" class="slides-image related-itemImage"> Кібербезпека. Поняття кібербезпеки</a></div><div class="related-item"><a href="/informatika/zhurnalistika-v-sisteme-mediakommunikatsiy" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/335285/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/335285/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/335285/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/335285/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/335285/slide-0.jpg 1440w" class="slides-image related-itemImage"> Журналистика в системе медиакоммуникаций</a></div><div class="related-item"><a href="/informatika/bazovye-tehnologii-lokalnyh-setey-2" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/284176/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/284176/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/284176/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/284176/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/284176/slide-0.jpg 1440w" class="slides-image related-itemImage"> Базовые технологии локальных сетей</a></div><div class="related-item"><a href="/informatika/tehnologiya-zashchishchennogo-dokumentooborota-lektsiya-1-vvedenie" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/587513/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/587513/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/587513/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/587513/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/587513/slide-0.jpg 1440w" class="slides-image related-itemImage"> Технология защищенного документооборота. Лекция 1. Введение</a></div><div class="related-item"><a href="/informatika/sozdanie-prezentatsiy-v-powerpoint-2010" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/17128/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/17128/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/17128/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/17128/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/17128/slide-0.jpg 1440w" class="slides-image related-itemImage"> Создание презентаций в PowerPoint 2010</a></div><div class="related-item"><a href="/informatika/kompanya-apple" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/202771/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/202771/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/202771/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/202771/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/202771/slide-0.jpg 1440w" class="slides-image related-itemImage"> Компанія Apple</a></div><div class="related-item"><a href="/informatika/bazov-zasobi-rozrobki--oformlennya-program" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/20720/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/20720/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/20720/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/20720/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/20720/slide-0.jpg 1440w" class="slides-image related-itemImage"> Базові засоби розробки і оформлення програм на мові Pascal</a></div><div class="related-item"><a href="/informatika/poisk-informatsii-tema-22" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/596664/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/596664/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/596664/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/596664/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/596664/slide-0.jpg 1440w" class="slides-image related-itemImage"> Поиск информации. Тема 2.2</a></div><div class="related-item"><a href="/informatika/yazyk-sql-16" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/591985/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/591985/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/591985/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/591985/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/591985/slide-0.jpg 1440w" class="slides-image related-itemImage"> Язык SQL</a></div><div class="related-item"><a href="/informatika/vstup-do-paralelnih-ta-rozpodlenih-obchislen" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/581960/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/581960/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/581960/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/581960/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/581960/slide-0.jpg 1440w" class="slides-image related-itemImage"> Вступ до паралельних та розподілених обчислень. Лекція 1</a></div><div class="related-item"><a href="/informatika/java-level-1-opornyy-konspekt" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/11781/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/11781/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/11781/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/11781/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/11781/slide-0.jpg 1440w" class="slides-image related-itemImage"> Java (level 1) - Опорный конспект</a></div><div class="related-item"><a href="/informatika/urok-prezentatsiya-po-teme-podgotovka-dokumenta" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/510493/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/510493/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/510493/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/510493/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/510493/slide-0.jpg 1440w" class="slides-image related-itemImage"> Урок + презентация по теме Подготовка документа к печати. для 8 класса</a></div><div class="related-item"><a href="/informatika/obektno-orientirovannoe-programmirovanie-yazyk-python-46" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/579346/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/579346/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/579346/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/579346/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/579346/slide-0.jpg 1440w" class="slides-image related-itemImage"> Объектно-ориентированное программирование. Язык Python. §46. Что такое ООП?</a></div><div class="related-item"><a href="/informatika/formatirovanie-teksta-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/100052/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/100052/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/100052/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/100052/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/100052/slide-0.jpg 1440w" class="slides-image related-itemImage"> Форматирование текста</a></div><div class="related-item"><a href="/informatika/printsipy-klassifikatsii-sredstv-vychislitelnoy-tehniki" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/429820/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/429820/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/429820/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/429820/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/429820/slide-0.jpg 1440w" class="slides-image related-itemImage"> Принципы классификации средств вычислительной техники</a></div><div class="related-item"><a href="/informatika/metodologchn-printsipi-stvorennya-ta-pdtrimki-elektronnih" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/154997/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/154997/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/154997/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/154997/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/154997/slide-0.jpg 1440w" class="slides-image related-itemImage"> Методологічні принципи створення та підтримки електронних словників. Технологія зварювального виробництва у суднобудуванні</a></div><div class="related-item"><a href="/informatika/tranzaktsii-12" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/247564/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/247564/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/247564/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/247564/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/247564/slide-0.jpg 1440w" class="slides-image related-itemImage"> Транзакции</a></div><div class="related-item"><a href="/informatika/fayl-polnoe-imya-fayla" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/342209/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/342209/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/342209/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/342209/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/342209/slide-0.jpg 1440w" class="slides-image related-itemImage"> Файл Полное имя файла</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:l,main_text:a,main_title:m,main_description:n,main_keywords:o,main_image:a},app:{logo_image:p,logo_image_width:q,logo_image_height:r,logo_text:a,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:c,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:w,footer_before:a,footer:a,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:x,item_images:y,item_images_tag:z,item_words_h3:c,item_words_tag:A,item_words_1:h,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:e,item_show_contents:e,item_show_filename:e},colors:{header_text:j,header_bg:i,accent:i}},social:F}},item:{result:{id:186932,name:k,category:G,count:43,jpg:"jpg\u002F186932",hits:75,download:b,h1:"Создание Web-сайта. Структура Web-сайта презентация",meta:{h1:k,title:k,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:252813,name:"Разработка информационной системы ООО LITTLE CO",href:"\u002Finformatika\u002Frazrabotka-informatsionnoy-sistemy-ooo-little-co",jpg:"jpg\u002F252813"},{id:89409,name:"Стилі CSS. (Лекція 4)",href:"\u002Finformatika\u002Fstil-css-lektsya-4",jpg:"jpg\u002F89409"},{id:267727,name:"Творчі завдання з використанням ІКТ на уроках літератури",href:"\u002Finformatika\u002Ftvorch-zavdannya-z-vikoristannyam-kt-na",jpg:"jpg\u002F267727"},{id:4152,name:"Программирование в среде UNIX. Библиотека PCRE",href:"\u002Finformatika\u002Fprogrammirovanie-v-srede-unix-biblioteka-pcre",jpg:"jpg\u002F4152"},{id:321742,name:"Описание и ввод-вывод данных в языке С",href:"\u002Finformatika\u002Fopisanie-i-vvod-vyvod-dannyh-v",jpg:"jpg\u002F321742"},{id:6069,name:"Сказка Смайлик",href:"\u002Finformatika\u002Fskazka-smaylik",jpg:"jpg\u002F6069"},{id:609141,name:"Программное обеспечение",href:"\u002Finformatika\u002Fprogrammnoe-obespechenie-29",jpg:"jpg\u002F609141"},{id:207931,name:"Компьютерное моделирование и проектирование машин и агрегатов трубного производства",href:"\u002Finformatika\u002Fkompyuternoe-modelirovanie-i-proektirovanie-mashin-i",jpg:"jpg\u002F207931"},{id:434150,name:"Інтернет-магазин взуття. Технічне завдання",href:"\u002Finformatika\u002Fnternet-magazin-vzuttya-tehnchne-zavdannya",jpg:"jpg\u002F434150"},{id:241193,name:"Действия с информацией. Хранение информации",href:"\u002Finformatika\u002Fdeystviya-s-informatsiey-hranenie-informatsii-6",jpg:"jpg\u002F241193"},{id:214955,name:"Кібербезпека. Поняття кібербезпеки",href:"\u002Finformatika\u002Fkberbezpeka-ponyattya-kberbezpeki",jpg:"jpg\u002F214955"},{id:335285,name:"Журналистика в системе медиакоммуникаций",href:"\u002Finformatika\u002Fzhurnalistika-v-sisteme-mediakommunikatsiy",jpg:"jpg\u002F335285"},{id:284176,name:"Базовые технологии локальных сетей",href:"\u002Finformatika\u002Fbazovye-tehnologii-lokalnyh-setey-2",jpg:"jpg\u002F284176"},{id:587513,name:"Технология защищенного документооборота. Лекция 1. Введение",href:"\u002Finformatika\u002Ftehnologiya-zashchishchennogo-dokumentooborota-lektsiya-1-vvedenie",jpg:"jpg\u002F587513"},{id:17128,name:"Создание презентаций в PowerPoint 2010",href:"\u002Finformatika\u002Fsozdanie-prezentatsiy-v-powerpoint-2010",jpg:"jpg\u002F17128"},{id:202771,name:"Компанія Apple",href:"\u002Finformatika\u002Fkompanya-apple",jpg:"jpg\u002F202771"},{id:20720,name:"Базові засоби розробки і оформлення програм на мові Pascal",href:"\u002Finformatika\u002Fbazov-zasobi-rozrobki--oformlennya-program",jpg:"jpg\u002F20720"},{id:596664,name:"Поиск информации. Тема 2.2",href:"\u002Finformatika\u002Fpoisk-informatsii-tema-22",jpg:"jpg\u002F596664"},{id:591985,name:"Язык SQL",href:"\u002Finformatika\u002Fyazyk-sql-16",jpg:"jpg\u002F591985"},{id:581960,name:"Вступ до паралельних та розподілених обчислень. Лекція 1",href:"\u002Finformatika\u002Fvstup-do-paralelnih-ta-rozpodlenih-obchislen",jpg:"jpg\u002F581960"},{id:11781,name:"Java (level 1) - Опорный конспект",href:"\u002Finformatika\u002Fjava-level-1-opornyy-konspekt",jpg:"jpg\u002F11781"},{id:510493,name:"Урок + презентация по теме Подготовка документа к печати. для 8 класса",href:"\u002Finformatika\u002Furok-prezentatsiya-po-teme-podgotovka-dokumenta",jpg:"jpg\u002F510493"},{id:579346,name:"Объектно-ориентированное программирование. Язык Python. §46. Что такое ООП?",href:"\u002Finformatika\u002Fobektno-orientirovannoe-programmirovanie-yazyk-python-46",jpg:"jpg\u002F579346"},{id:100052,name:"Форматирование текста",href:"\u002Finformatika\u002Fformatirovanie-teksta-1",jpg:"jpg\u002F100052"},{id:429820,name:"Принципы классификации средств вычислительной техники",href:"\u002Finformatika\u002Fprintsipy-klassifikatsii-sredstv-vychislitelnoy-tehniki",jpg:"jpg\u002F429820"},{id:154997,name:"Методологічні принципи створення та підтримки електронних словників. Технологія зварювального виробництва у суднобудуванні",href:"\u002Finformatika\u002Fmetodologchn-printsipi-stvorennya-ta-pdtrimki-elektronnih",jpg:"jpg\u002F154997"},{id:247564,name:"Транзакции",href:"\u002Finformatika\u002Ftranzaktsii-12",jpg:"jpg\u002F247564"},{id:342209,name:"Файл Полное имя файла",href:"\u002Finformatika\u002Ffayl-polnoe-imya-fayla",jpg:"jpg\u002F342209"}],navigation:{next:"\u002Fmarketing\u002Fsemotika-v-reklam-borjomi",next_name:"Семіотика в рекламі BORJOMI",prev:"\u002Fsport\u002Fstroitelstvo-ploshchadki-dlya-parkura-i-workout",prev_name:"Строительство площадки для паркура и workout"}}},categories:{result:[{id:H,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:H,name:"Английский язык",pseudoname:"angliyskiy-yazyk"},{id:108,ordering:2,name:"Астрономия",pseudoname:"astronomiya"},{id:104,ordering:3,name:"Алгебра",pseudoname:"algebra"},{id:106,ordering:4,name:"Биология",pseudoname:"biologiya"},{id:142,ordering:5,name:"География",pseudoname:"geografiya"},{id:141,ordering:6,name:"Геометрия",pseudoname:"geometria"},{id:123,ordering:7,name:"Детские презентации",pseudoname:"detskie-prezentatsii"},{id:107,ordering:8,name:G,pseudoname:"informatika"},{id:109,ordering:9,name:"История",pseudoname:"istoriya"},{id:139,ordering:10,name:"Литература",pseudoname:"literatura"},{id:119,ordering:11,name:"Маркетинг",pseudoname:"marketing"},{id:114,ordering:12,name:"Математика",pseudoname:"matematika"},{id:138,ordering:h,name:"Медицина",pseudoname:"medetsina"},{id:118,ordering:14,name:"Менеджмент",pseudoname:"menedzhment"},{id:137,ordering:15,name:"Музыка",pseudoname:"muzyka"},{id:136,ordering:16,name:"МХК",pseudoname:"mhk"},{id:130,ordering:17,name:"Немецкий язык",pseudoname:"nemetskiy-yazyk"},{id:105,ordering:18,name:"ОБЖ",pseudoname:"obzh"},{id:133,ordering:19,name:"Обществознание ",pseudoname:"obshchestvoznanie"},{id:132,ordering:20,name:"Окружающий мир ",pseudoname:"okruzhayushchiy-mir"},{id:131,ordering:21,name:"Педагогика ",pseudoname:"pedagogika"},{id:129,ordering:22,name:"Русский язык",pseudoname:"russkiy-yazyk"},{id:128,ordering:24,name:"Технология",pseudoname:"tehnologiya"},{id:127,ordering:25,name:"Физика",pseudoname:"fizika"},{id:126,ordering:26,name:"Философия",pseudoname:"filosofiya"},{id:125,ordering:27,name:"Химия",pseudoname:"himiya"},{id:124,ordering:29,name:"Экология",pseudoname:"ekologiya"},{id:121,ordering:30,name:"Экономика",pseudoname:"ekonomika"},{id:120,ordering:31,name:"Юриспруденция",pseudoname:"yurisprudentsiya"}]}},state:{},_errors:{},serverRendered:e,config:{public:{SITE_NAME: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:j,theme_color:"#000000",icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.f2a6e93d.png",type:d,sizes:K,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.f2a6e93d.png",type:d,sizes:K,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.f2a6e93d.png",type:d,sizes:L,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.f2a6e93d.png",type:d,sizes:L,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.f2a6e93d.png",type:d,sizes:M,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.f2a6e93d.png",type:d,sizes:M,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.f2a6e93d.png",type:d,sizes:N,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.f2a6e93d.png",type:d,sizes:N,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.f2a6e93d.png",type:d,sizes:O,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.f2a6e93d.png",type:d,sizes:O,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.f2a6e93d.png",type:d,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.f2a6e93d.png",type:d,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.f2a6e93d.png",type:d,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.f2a6e93d.png",type:d,sizes:Q,purpose:g}]},yandexMetrika:{id:"85004146",metrikaUrl:"https:\u002F\u002Fmc.yandex.ru\u002Fmetrika\u002Ftag.js",accurateTrackBounce:e,childIframe:c,clickmap:c,defer:c,useRuntimeConfig:e,trackHash:c,trackLinks:e,type:b,webvisor:c,triggerEvent:c,consoleLog:e,partytown:c,isDev:c}},app:{baseURL:"\u002F",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:a}},pinia:{app:{meta:{h1:l,main_text:a,main_title:m,main_description:n,main_keywords:o,main_image:a},app:{logo_image:p,logo_image_width:q,logo_image_height:r,logo_text:a,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:c,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:w,footer_before:a,footer:a,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:x,item_images:y,item_images_tag:z,item_words_h3:c,item_words_tag:A,item_words_1:h,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:e,item_show_contents:e,item_show_filename:e},colors:{header_text:j,header_bg:i,accent:i}},social:F,token:a}}}}("",0,false,"image\u002Fpng",true,"any","maskable",13,"#d53032","#ffffff","Создание Web-сайта. Структура Web-сайта","Учебные презентации","Презентации в PowerPoint на разные темы","Презентации, проекты, доклады в PowerPoint на разные темы для учебы","Презентация, на тему, урок, класс, PowerPoint, скачати презентацію, фон, шаблон, доклад, проект.","images\u002Fdata\u002Flogo.png",185,40,720,480,"6LeioWIpAAAAAGqMN4KqMVIkekcMW7fBKHjXCd-a","2503267","[e-mail]","h3a","text","none","h3","category","both",80,800,"\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fes5-shims\u002F0.0.2\u002Fes5-shims.min.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fshare2\u002Fshare.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cdiv class=\"ya-share2\" data-services=\"collections,gplus,vkontakte,facebook,odnoklassniki,gplus,twitter,moimir\" data-counter=\"\"\u003E\u003C\u002Fdiv\u003E","Информатика",1,"Mypreza","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512"))</script><script type="module" src="/_nuxt/entry.0d6add34.js" crossorigin></script></body>
</html>