Дизайн web-страницы презентация

Содержание

Слайд 2

Подбор правильных, контрастных цветов очень важный момент в веб дизайне, при создании любого

сайта. Вы должны быть уверены, что посетители вашего сайта смогут с легкостью прочесть информацию на вашем сайте.

Слайд 3

НАЗВАНИЯ ЦВЕТОВ И ЗНАЧЕНИЯ RGB

RGB

R-red 00-FF 0-255

G-green 00-FF 0-255

B - blue 00-FF 0-255

Слайд 4

ФОРМАТИРОВАНИЕ ТЕСТА

Для выделения фрагментов текста используется тег . Атрибуты
FACE определяет гарнитуру шрифта,
SIZE

определяет размер шрифта,
COLOR определяет цвет шрифта.
Пример,

Это шрифт Arial размером 4 красного цвета

Слайд 5

Пример действия параметра FAСE


ШРИФТ

Cyr″>РАЗНОГО
< FONT SIZE=5 FACE=″Monotype Corsiva″>НАЧЕРТАНИЯ


Слайд 6

Пример действия параметра
SIZE


ШР
И

>Ф
Т
РА
ЗН
ОГ
О
РА
ЗМ
ЕР
А


Слайд 7

Пример действия параметра COLOR


ШРИФТ
РАЗНОГО
ЦВЕТА



Слайд 8

Задание фона страницы

Для задания цвета фона на странице надо внутри начального элемента

указать атрибут bgcolor =“цвет”.
Текстура задается атрибутом background=“цвет”.
Цвет текста для страницы задается атрибутом text =“цвет”
Цвет задается также как и для шрифта названием или цифровым кодом.

Пример
…
…

Слайд 9

Вставка рисунков

IMG – тег для создания ссылки на графический файл. С его помощью

также можно использовать изображение в гиперссылках, вставлять картинки в таблицы, использовать изображения для фона страницы. Не содержит конечного тега.
Необходимым атрибутом является
src- указатель пути к графическому файлу.
Атрибуты
alt – выводит текст, поясняющий загружаемый рисунок,
height и width - высота и ширина рисунка,
border - рамка вокруг объекта.

Пример.
“мой

Слайд 10

рисунок в центре, текст сверху и снизу

src="pic.gif" align=left>

рисунок слева

рисунок справа

Примеры обтекания иллюстраций в документе

Слайд 11

ТАБЛИЦЫ

...
-внешний элемент таблицы
 ... -элемент, задающий строку таблицы
  ...- элемент,

задающий ячейку таблицы
 Атрибут width задают ширину таблицы
Атрибут height -задают высоту таблицы
Атрибут bgcolor-для задания цвета всей таблицы надо поместить внутри элемента
Для задания цвета ячеек этот атрибут надо поместить внутрь элемента

Атрибут border - задает толщину рамки таблицы

Слайд 12

Пример

Таблица шириной 500 пикселей




 
 

Ширина этой таблицы 500 пикселей и она
состоит из одной строки и одного столбца

Слайд 13

Пример
Для задания таблицы не зависимой от разрешения монитора, ее следует задавать в

процентном отношении к экрану и задавать цвет каждой ячейки:













Слайд 14






1 столбец 2 столбец

Пример:
Можно сделать грани таблицы

невидимыми,
для чего толщину рамки таблицы надо задать равной нулю border="0"

Слайд 15

Существует набор атрибутов предназначенных для выравнивания данных в ячейках таблицы:
align - позволяет выравнивать

данные по горизонтали и может принимать следующие значения:
left - выравнивание влево
right - выравнивание вправо
center -выравнивание по центру
valign -позволяет выравнивать текст по вертикали и может принимать следующие значения:
top - выравнивание по верхнему краю ячейки
middle- выравнивание по центру
baseline- выравнивание по первой строке

Таблицы

Слайд 16

Пример:












выравнивание по горизонтали по центру по
левому краю
 по правому краю
выравнивание по вертикали по верхнему краю по центру по нижнему краю

Слайд 17

БЕГУЩАЯ СТРОКА

Параметры:
BGCOLOR- фоновый цвет плашки
WIDTH HEIGHT -ширина и высота плашки
LOOP - количество повторений

(INFINITE - непрерывно)
SCROOLLAMOUNT - скорость прокручивания, на котором строка смещается при каждом шаге прокрутки в пикселях
SCROOLLDELAY - задает задержку в миллисекундах между шагами прокрутки
DIRECTION-указывает направление прокрутки
BEHAVIOR=SCROOLL -направление слева направо
BEHAVIOR=SLIDE - направление справа налево

…

Слайд 18




BGCOLOR=“FFF0DE”>






НАЗВАНИЕ ФИРМЫ
ПРИХОДИТЕ ПОЖАЛУЙСТА!


Строка пять разпроплывает вправо-влево, затем останавливается возле правого края желтой плашки

ПРИМЕР БЕГУЩЕЙ СТРОКИ

Слайд 19

Составьте веб-страничку с загадками (оформление выберите самостоятельно: название шрифта, размер, цвет, начертание для

разных фрагментов)
Он быстрее человека
Перемножит два числа,
В нем сто раз библиотека
Поместиться бы смогла,
Только там открыть возможно
Сто окошек за минуту.
Угадать совсем не сложно,
Что загадка про …
Слово Компьютер оформите в таком виде (компьютер)

Задание 1 Форматирование текста

Слайд 20

1. Создайте новую страницу в редакторе блокнот. 2. В элемент укажите «Практическая работа</div></h3></h3><!----><!----><div class="slides-content">2» и вашу фамилию. 3. Отформатируйте текст по заданию:<br><p><html> <head> <title>Практическая работа 1 Фамилия

Роман

Книга

Том

Часть

Глава
Параграф

4. Оформите каждый заголовок разным цветом и начертанием шрифта

Задание 2 Форматирование заголовков

Слайд 21

Задание 3 Форматирование шрифтов

1. Создайте новую страницу в редакторе блокнот. 2. В элемент </div></h3></h3><!----><!----><div class="slides-content">укажите «Практическая работа 3» и вашу фамилию. 3. Отформатируйте текст по заданию: <html> <head> <title>Практическая работа3 Фамилия Каждый охотник желает знать, где сидит фазан

Написать разными по цвету буквами:
КАЖДЫЙ ОХОТНИК ЖЕЛАЕТ ЗНАТЬ ГДЕ СИДИТ ФАЗАН

Слайд 22

Задание 4 Создание списков

Создайте новую страницу в редакторе блокнот.
В элемент укажите «Практическая</div></h3></h3><!----><!----><div class="slides-content">работа 3» и вашу фамилию.<br>Отформатируйте текст по заданию:<br>Солнце должно быть: (шрифт размером 7, красного цвета, выравнивание по центру)<br>Теплым.<br>Круглым.<br>Желтым.<br>Снег должен быть: (выравнивание по центру, размер шрифта 7, синего цвета)<br> А. Белым<br> B. Холодным<br> C. Пушистым<br> (шрифт списков черный, размер 3)<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide23" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/106353/slide-22.jpg" target="_blank" rel="noopener">Слайд 23</a><h3 class="slides-content text-center font-bold"><div><p>Задание 4 -1 Создание списков<br><p>Создайте страницы со следующими списками:<br>Перечень покупок:<br>Говядина -1кг<br>Масло сливочное -500</div></h3></h3><!----><!----><div class="slides-content">г<br>Хлеб - 2 батона<br>Молоко - 1 литр<br>Алгоритм вычисления дробей:<br>очистить экран<br>ввести значения X и Y<br>если у=0, вернуться к пункту 2<br>вычислить z=x/y<br>вывести результат z <br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide24" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/106353/slide-23.jpg" target="_blank" rel="noopener">Слайд 24</a><h3 class="slides-content text-center font-bold"><div><p>Задание 5 Размещение графики на Web - страницах<br><p>Создайте новую страницу в редакторе блокнот.<br>В</div></h3></h3><!----><!----><div class="slides-content">элемент <title> укажите «Практическая работа 5» и вашу фамилию.<br>В элементе <BODY> задайте атрибут, чтобы цвет фона страницы был черным.<br>Сделайте надпись «Спокойной ночи» голубым цветом, 6 шрифтом, центральным выравниванием.<br>Вставьте горизонтальную линию красного цвета.<br>Сделайте надпись желтого цвета «Приятных сновидений» 8 шрифтом, центральным выравниванием.<br>Вставьте горизонтальную линию синего цвета толщиной 10 пикселей, длиной 50%, выровняйте по центру.<br>Вставьте рисунок.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide25" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/106353/slide-24.jpg" target="_blank" rel="noopener">Слайд 25</a><h3 class="slides-content text-center font-bold"><div><p>Задание 6 Размещение графики на Web - страницах<br><p>Создайте новую страницу в редакторе блокнот.<br>В</div></h3></h3><!----><!----><div class="slides-content">элемент <title> укажите «Практическая работа 6» и вашу фамилию.<br>Разместите на странице рисунок <br>Сделайте надпись к рисунку<br>Создайте рамку вокруг рисунка шириной 2 пикселя.<br>Над рисунком поместите заголовок (например «Мир футбола») самого большого размера и выровняйте его по центру.<br>Вставьте горизонтальную линию синего цвета толщиной 8 пикселей, выровняйте по левому краю по центру.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide26" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/106353/slide-25.jpg" target="_blank" rel="noopener">Слайд 26</a><h3 class="slides-content text-center font-bold"><div><p>Задание 7 Изменение размеров изображения<br><p>Создайте новую страницу в редакторе блокнот.<br>В элемент <title> укажите</div></h3></h3><!----><!----><div class="slides-content">«Практическая работа 7» и вашу фамилию.<br>В элементе <BODY> задайте атрибут, чтобы цвет фона страницы зеленым.<br>Вставьте изображение. Задайте его размеры 100x100 пикселей.<br>Отредактируйте картинку в графическом редакторе так, чтобы рисунок был на прозрачном фоне и добавьте это изображение на вашу страничку.<br><p>Создайте собственный рисунок, например, в программе Paint.<br>Задайте его как фон вашей страницы.<br>Задайте рисунок как текстуру.<br><p>Задание 8 Создание текстуры<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide27" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/106353/slide-26.jpg" target="_blank" rel="noopener">Слайд 27</a><h3 class="slides-content text-center font-bold"><div><p> <br>Создайте новую страницу в редакторе БЛОКНОТ<br>В элементе <TITLE>укажите "Практическая работа №7"<br>3. Создайте таблицу</div></h3></h3><!----><!----><div class="slides-content">из двух строк и трех столбцов<br>4. Задайте фон таблицы зеленого цвета, толщину линии равную 3 пикселам, ширину таблицы равную ширине экране, шрифт внутри таблицы белый.<br>5. Текст первой строки выровняйте по центру по горизонтали и по вертикали<br>6. Текст второй строки выделите жирным шрифтом.<br>7. В первую ячейку первой строки вставьте рисунок children.jpg<br>8. Во второй ячейке второй строки напишите любое четверостишие.<br>9. Задайте красный фон третьей ячейке второй строки. <br><p>Задание 9 . Создание таблиц<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide28" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/106353/slide-27.jpg" target="_blank" rel="noopener">Слайд 28</a><h3 class="slides-content text-center font-bold"><div><p>Задание 10. Создание таблиц<br><p>1. Создайте новую страницу в редакторе БЛОКНОТ<br>2. В элементе <TITLE>укажите</div></h3></h3><!----><!----><div class="slides-content">"Практическая работа №8"<br>3. Создайте таблицу для расписания ваших уроков из восьми столбцов и девяти строк. Ширина таблицы 100%.<br>4. В первом столбце укажите время начала и конца ваших<br>уроков с выравниванием по левому краю.<br>5. В остальных ячейках - предметы по дням недели.<br>6. Выравнивание названий предметов - по левому краю.<br>7. Выравнивание дней недели - по центру ячейки и жирным шрифтом.<br>8. У всех столбцов фон задайте разным цветом.<br>9. Перед таблицей поместите заголовок первого уровня красного цвета "Расписание уроков".<br>10. Между заголовком и таблицей поместите рисунок.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide29" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/106353/slide-28.jpg" target="_blank" rel="noopener">Слайд 29</a><h3 class="slides-content text-center font-bold"><div><p>1. Создайте новую страницу в редакторе БЛОКНОТ<br>2. В элементе <TITLE>укажите "Практическая работа №</div></h3></h3><!----><!----><div class="slides-content">9"<br>3. Разметку производить с использованием таблицы шириной на весь экран (100%)<br><p>Задание 11. Разметка WEB- страницы при помощи таблицы (вариант1)<br><p>Недостатком такой разметки является “плавучесть” содержимого страницы при уменьшении разрешения экрана (текст должен будет разместиться в более узкие рамки) <br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide30" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/106353/slide-29.jpg" target="_blank" rel="noopener">Слайд 30</a><h3 class="slides-content text-center font-bold"><div><p>Задание 12 . Разметка WEB- страницы при помощи таблицы (вариант2)<br><p>Чтобы таблица выглядела неизменной</div></h3></h3><!----><!----><div class="slides-content">при любом разрешении экрана, надо задать ее фиксированного размера<br>Создайте страницу, которая производится разметкой таблицы шириной 760 пикселей, выровненой по центру экрана.<br>В таблице задайте три строки и один столбец.<br>В верхнюю строку поместите заголовок, во вторую - меню, а в третью содержание страницы.<br></div><!----><!--]--><!----></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-страницы.pptx <br> Количество просмотров: 57 <br> Количество скачиваний: 0</div><button class="download-btn" type="submit">Скачать</button><!----></form><div class="navigation"><div class="navigation-item"><div>- Предыдущая</div><a href="/kulturologiya/shkola-sovremennoy-horeografii-shagi" class="navigation-link">Школа современной хореографии Шаги</a></div><div class="navigation-item"><div>Следующая -</div><a href="/biologiya/transport-veshchestv-cherez-biologicheskie-membrany" class="navigation-link">Транспорт веществ через биологические мембраны</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/yazyk-sql-13" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/18084/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/18084/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/18084/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/18084/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/18084/slide-0.jpg 1440w" class="slides-image related-itemImage"> Язык SQL</a></div><div class="related-item"><a href="/informatika/kontent-vidy-kontenta" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/4445/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/4445/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/4445/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/4445/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/4445/slide-0.jpg 1440w" class="slides-image related-itemImage"> Контент. Виды контента</a></div><div class="related-item"><a href="/informatika/krossvord-pro-shkolu-s-klaviaturoy" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/179679/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/179679/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/179679/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/179679/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/179679/slide-0.jpg 1440w" class="slides-image related-itemImage"> Кроссворд про школу (с клавиатурой)</a></div><div class="related-item"><a href="/informatika/puteshestvie-po-ostrovu-inforlandiya" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/391423/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/391423/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/391423/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/391423/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/391423/slide-0.jpg 1440w" class="slides-image related-itemImage"> Путешествие по острову Инфорландия</a></div><div class="related-item"><a href="/informatika/proektuvannya-lokalno-kompyuterno-merezh-kafedri-kompyuterno" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/139076/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/139076/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/139076/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/139076/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/139076/slide-0.jpg 1440w" class="slides-image related-itemImage"> Проектування локальної комп'ютерної мережі кафедри комп’ютерної інженерії</a></div><div class="related-item"><a href="/informatika/tipovoe-vnedrenie-storverk-crm-na-platforme" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/106254/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/106254/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/106254/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/106254/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/106254/slide-0.jpg 1440w" class="slides-image related-itemImage"> Типовое внедрение STORVERK CRM на платформе 1С</a></div><div class="related-item"><a href="/informatika/arhitektura-krupnyh-sistem-informatsionnogo-obespecheniya" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/252702/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/252702/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/252702/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/252702/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/252702/slide-0.jpg 1440w" class="slides-image related-itemImage"> Архитектура крупных систем информационного обеспечения</a></div><div class="related-item"><a href="/informatika/ya-vybirayu-professiyu-v-it-sistemnyy" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/24287/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/24287/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/24287/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/24287/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/24287/slide-0.jpg 1440w" class="slides-image related-itemImage"> Я выбираю профессию в IT. Системный администратор</a></div><div class="related-item"><a href="/informatika/krspe-java-tl-turaly-tsnk" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/284975/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/284975/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/284975/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/284975/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/284975/slide-0.jpg 1440w" class="slides-image related-itemImage"> Кіріспе. Java тілі туралы түсінік</a></div><div class="related-item"><a href="/informatika/vypolneniya-algoritma" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/440717/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/440717/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/440717/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/440717/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/440717/slide-0.jpg 1440w" class="slides-image related-itemImage"> Выполнения алгоритма</a></div><div class="related-item"><a href="/informatika/programmirovanie-na-yazyke-matlab-programmirovanie-razvetvlyayushchih" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/129754/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/129754/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/129754/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/129754/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/129754/slide-0.jpg 1440w" class="slides-image related-itemImage"> Программирование на языке MATLAB. Программирование разветвляющих алгоритмов</a></div><div class="related-item"><a href="/informatika/tvorcheskiy-proekt-dizayn-shkolnogo-kabineta" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/417682/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/417682/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/417682/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/417682/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/417682/slide-0.jpg 1440w" class="slides-image related-itemImage"> Творческий проект Дизайн школьного кабинета</a></div><div class="related-item"><a href="/informatika/java-konstruktory-klassov-taymer-zanyatie-9" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/601793/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/601793/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/601793/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/601793/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/601793/slide-0.jpg 1440w" class="slides-image related-itemImage"> Java. Конструкторы классов. Таймер. Занятие 9</a></div><div class="related-item"><a href="/informatika/media-recources-reddit" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/93927/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/93927/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/93927/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/93927/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/93927/slide-0.jpg 1440w" class="slides-image related-itemImage"> Media recources: Reddit</a></div><div class="related-item"><a href="/informatika/ispolzovanie-ikt-na-uroke-fizicheskoy-kultury-3" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/580374/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/580374/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/580374/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/580374/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/580374/slide-0.jpg 1440w" class="slides-image related-itemImage"> Использование ИКТ на уроке физической культуры</a></div><div class="related-item"><a href="/informatika/informatsiya-i-eyo-svoystva-7" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/589180/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/589180/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/589180/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/589180/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/589180/slide-0.jpg 1440w" class="slides-image related-itemImage"> Информация и её свойства</a></div><div class="related-item"><a href="/informatika/electronic-government-infrastructure-korean-case" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/259346/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/259346/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/259346/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/259346/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/259346/slide-0.jpg 1440w" class="slides-image related-itemImage"> Electronic government infrastructure (Korean Case)</a></div><div class="related-item"><a href="/informatika/nteraktivniy-veb-sayt-sluzhbi-ekspres-dostavki" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/12738/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/12738/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/12738/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/12738/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/12738/slide-0.jpg 1440w" class="slides-image related-itemImage"> Інтерактивний веб-сайт служби експрес-доставки вантажів</a></div><div class="related-item"><a href="/informatika/algoritmy-i-programmirovanie-osnovnye-elementy-blok" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/238323/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/238323/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/238323/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/238323/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/238323/slide-0.jpg 1440w" class="slides-image related-itemImage"> Алгоритмы и программирование. Основные элементы блок-схем</a></div><div class="related-item"><a href="/informatika/primer-postroeniya-er-modeli" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1991/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/1991/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1991/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1991/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1991/slide-0.jpg 1440w" class="slides-image related-itemImage"> Пример построения ER-модели</a></div><div class="related-item"><a href="/informatika/vvedenie-v-programmirovanie-dlya-platformy-android" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/592382/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/592382/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/592382/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/592382/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/592382/slide-0.jpg 1440w" class="slides-image related-itemImage"> Введение в программирование для платформы Android</a></div><div class="related-item"><a href="/informatika/aparatty-synu-praktikum" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/444021/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/444021/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/444021/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/444021/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/444021/slide-0.jpg 1440w" class="slides-image related-itemImage"> Ақпаратты ұсыну. Практикум</a></div><div class="related-item"><a href="/informatika/programmirovanie-na-yazyke-python-3" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/7387/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/7387/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/7387/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/7387/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/7387/slide-0.jpg 1440w" class="slides-image related-itemImage"> Программирование на языке Python</a></div><div class="related-item"><a href="/informatika/znachenie-logicheskogo-vyrazheniya-reshenie-zadaniya-3" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/347727/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/347727/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/347727/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/347727/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/347727/slide-0.jpg 1440w" class="slides-image related-itemImage"> Значение логического выражения. Решение задания 3. ОГЭ</a></div><div class="related-item"><a href="/informatika/nastroyka-lokalnoy-vychislitelnoy-seti-i-podklyuchenie" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/433035/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/433035/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/433035/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/433035/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/433035/slide-0.jpg 1440w" class="slides-image related-itemImage"> Настройка локальной вычислительной сети и подключение к сети Интернет</a></div><div class="related-item"><a href="/informatika/organizatsiya-zashchity-informatsii-v-lokalnoy-seti" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/267600/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/267600/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/267600/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/267600/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/267600/slide-0.jpg 1440w" class="slides-image related-itemImage"> Организация защиты информации в локальной сети компании ООО MAN Truck and Bus Rus</a></div><div class="related-item"><a href="/informatika/razrabotka-programmnogo-obespecheniya-sostavleniya-raspisaniya-zanyatiy" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/424571/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/424571/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/424571/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/424571/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/424571/slide-0.jpg 1440w" class="slides-image related-itemImage"> Разработка программного обеспечения, составления расписания занятий в учебном заведении</a></div><div class="related-item"><a href="/informatika/bezopasnost-sistem-baz-dannyh-obespechenie-tselostnosti" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/295371/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/295371/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/295371/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/295371/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/295371/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,R){return {data:{meta:{result:{meta:{h1:l,main_text:a,main_title:m,main_description:n,main_keywords:o,main_image:a},app:{logo_image:p,logo_image_width:q,logo_image_height:r,logo_text:a,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:c,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:w,footer_before:a,footer:a,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:x,item_images:y,item_images_tag:z,item_words_h3:c,item_words_tag:A,item_words_1:h,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:e,item_show_contents:e,item_show_filename:e},colors:{header_text:j,header_bg:i,accent:i}},social:F}},item:{result:{id:106353,name:k,category:G,count:H,jpg:"jpg\u002F106353",hits:57,download:b,h1:"Дизайн web-страницы презентация",meta:{h1:k,title:k,description:"Дизайн web-страницы презентация на тему, доклад, Информатика",keywords:"Дизайн web-страницы, презентация, доклад, проект, скачать, на тему, PowerPoint, урок, класс, школа, Информатика",download_link:a},text:"Вы можете изучить и скачать доклад-презентацию на тему Презентация на тему Дизайн web-страницы из раздела Информатика. Презентация на заданную тему содержит 31 слайдов. Для просмотра воспользуйтесь проигрывателем, если материал оказался полезным для Вас - поделитесь им с друзьями с помощью социальных кнопок и добавьте наш сайт презентаций в закладки!",seo_text:"\u003Cp\u003EПодбор правильных, контрастных цветов очень важный момент в веб дизайне, при создании любого сайта. Вы должны быть уверены, что посетители вашего сайта смогут с легкостью прочесть информацию на вашем сайте.\r\n\u003Cbr\u003E \u003Cp\u003EНАЗВАНИЯ ЦВЕТОВ И ЗНАЧЕНИЯ RGB\u003Cbr\u003E\u003Cp",file:"Дизайн-web-страницы.pptx",texts:["\u003Cp\u003EДИЗАЙН WEB-СТРАНИЦЫ\u003Cbr\u003E","\u003Cp\u003EПодбор правильных, контрастных цветов очень важный момент в веб дизайне, при создании любого сайта. Вы должны быть уверены, что посетители вашего сайта смогут с легкостью прочесть информацию на вашем сайте.\r\n\u003Cbr\u003E","\u003Cp\u003EНАЗВАНИЯ ЦВЕТОВ И ЗНАЧЕНИЯ RGB\u003Cbr\u003E\u003Cp\u003ERGB\u003Cbr\u003E\u003Cp\u003ER-red 00-FF 0-255\u003Cbr\u003E\u003Cp\u003EG-green 00-FF 0-255\u003Cbr\u003E\u003Cp\u003EB - blue 00-FF 0-255\u003Cbr\u003E","\u003Cp\u003EФОРМАТИРОВАНИЕ ТЕСТА\u003Cbr\u003E\u003Cp\u003EДля выделения фрагментов текста используется тег \u003CFONT\u003E. Атрибуты \u003Cbr\u003EFACE определяет гарнитуру шрифта,\u003Cbr\u003ESIZE определяет размер шрифта,\u003Cbr\u003ECOLOR определяет цвет шрифта.\u003Cbr\u003EПример, \u003Cbr\u003E\u003CFONT SIZE=4 COLOR=“#FF0000” FACE=“Arial”\u003E\u003Cbr\u003EЭто шрифт Arial размером 4 красного цвета\u003Cbr\u003E\u003C\u002FFONT\u003E\u003Cbr\u003E","\u003Cp\u003EПример действия параметра FAСE\u003Cbr\u003E\u003CP ALIGN =CENTER\u003E\u003Cbr\u003E\u003CFONT SIZE=5 FACE=″Arial Cyr″\u003EШРИФТ\u003C\u002FFONT\u003E\u003Cbr\u003E\u003CFONT SIZE=5 FACE=″Times New Romans Cyr″\u003EРАЗНОГО\u003C\u002FFONT\u003E\u003Cbr\u003E\u003C FONT SIZE=5 FACE=″Monotype Corsiva″\u003EНАЧЕРТАНИЯ\u003C\u002FFONT\u003E\u003Cbr\u003E\u003C\u002FP\u003E\u003Cbr\u003E","\u003Cp\u003EПример действия параметра \u003Cbr\u003ESIZE\u003Cbr\u003E \u003Cbr\u003E\u003Cbr\u003E\u003CP ALIGN =CENTER\u003E\u003Cbr\u003E\u003CFONT SIZE=1 \u003EШ\u003C\u002FFONT\u003E\u003CFONT SIZE=+1 \u003EР\u003C\u002FFONT\u003E\u003Cbr\u003E\u003CFONT SIZE=+2 \u003EИ\u003C\u002FFONT\u003E\u003CFONT SIZE=+1 \u003EФ\u003C\u002FFONT\u003E\u003Cbr\u003E\u003CFONT SIZE=1 \u003EТ\u003C\u002FFONT\u003E\u003Cbr\u003E\u003CFONT SIZE=2 \u003EР\u003C\u002FFONT\u003E\u003CFONT SIZE=+1 \u003EА\u003C\u002FFONT\u003E\u003Cbr\u003E\u003CFONT SIZE=+2 \u003EЗ\u003C\u002FFONT\u003E\u003CFONT SIZE=+3 \u003EН\u003C\u002FFONT\u003E\u003Cbr\u003E\u003CFONT SIZE=+2 \u003EО\u003C\u002FFONT\u003E\u003CFONT SIZE=+1 \u003EГ\u003C\u002FFONT\u003E\u003Cbr\u003E\u003CFONT SIZE=2 \u003EО\u003C\u002FFONT\u003E\u003Cbr\u003E\u003CFONT SIZE=3 \u003EР\u003C\u002FFONT\u003E\u003CFONT SIZE=+1 \u003EА\u003C\u002FFONT\u003E\u003Cbr\u003E\u003CFONT SIZE=+2 \u003EЗ\u003C\u002FFONT\u003E\u003CFONT SIZE=+3 \u003EМ\u003C\u002FFONT\u003E\u003Cbr\u003E\u003CFONT SIZE=+2 \u003EЕ\u003C\u002FFONT\u003E\u003CFONT SIZE=+1 \u003EР\u003C\u002FFONT\u003E\u003Cbr\u003E\u003CFONT SIZE=3 \u003EА\u003C\u002FFONT\u003E\u003Cbr\u003E\u003C\u002FP\u003E\u003Cbr\u003E","\u003Cp\u003EПример действия параметра COLOR\u003Cbr\u003E\u003CP ALIGN =CENTER\u003E\u003Cbr\u003E\u003CFONT SIZE=5 COLOR=RED\u003EШРИФТ\u003C\u002FFONT\u003E\u003Cbr\u003E\u003CFONT SIZE=5 COLOR=GREEN\u003EРАЗНОГО \u003C\u002FFONT\u003E\u003Cbr\u003E\u003CFONT SIZE=5 COLOR=BLUE\u003EЦВЕТА \u003C\u002FFONT\u003E\u003Cbr\u003E\u003C\u002FP\u003E\u003Cbr\u003E","\u003Cp\u003EЗадание фона страницы\u003Cbr\u003E\u003Cp\u003EДля задания цвета фона на странице надо внутри начального элемента \u003CBODY\u003E указать атрибут bgcolor =“цвет”. \u003Cbr\u003EТекстура задается атрибутом background=“цвет”.\u003Cbr\u003EЦвет текста для страницы задается атрибутом text =“цвет”\u003Cbr\u003EЦвет задается также как и для шрифта названием или цифровым кодом.\u003Cbr\u003E\u003Cp\u003EПример\u003Cbr\u003E\u003CBODY BGCOLOR=“blue”\u003E… \u003C\u002FBODY\u003E \u003Cbr\u003E\u003CBODY BGCOLOR=“#00FF00”\u003E… \u003C\u002FBODY\u003E\u003Cbr\u003E\u003CBODY BACKGROUND=“FON.JPG”\u003E\u003Cbr\u003E","\u003Cp\u003EВставка рисунков\u003Cbr\u003E\u003Cp\u003EIMG – тег для создания ссылки на графический файл. С его помощью также можно использовать изображение в гиперссылках, вставлять картинки в таблицы, использовать изображения для фона страницы. Не содержит конечного тега.\u003Cbr\u003EНеобходимым атрибутом является \u003Cbr\u003Esrc- указатель пути к графическому файлу. \u003Cbr\u003EАтрибуты\u003Cbr\u003Ealt – выводит текст, поясняющий загружаемый рисунок, \u003Cbr\u003Eheight и width - высота и ширина рисунка,\u003Cbr\u003Eborder - рамка вокруг объекта.\u003Cbr\u003E\u003Cp\u003EПример.\u003Cbr\u003E\u003CIMG src=“boss.gif” border=2 height =121 width=76 alt=“мой портрет”\u003E\u003Cbr\u003E\u003CBODY BACKGROUND=“WOOD.JPG”\u003E\u003Cbr\u003E","\u003Cp\u003E \u003CP align=center\u003E\u003CIMG src=\"pic.gif\" \u003E\u003C\u002Fp\u003E рисунок в центре, текст сверху и снизу\u003Cbr\u003E\u003CP align=justify\u003E\u003CIMG src=\"pic.gif\" align=left\u003E \u003C\u002Fp\u003E рисунок слева\u003Cbr\u003E\u003CP align=justify\u003E\u003CIMG src=\"pic.gif\" align=right\u003E \u003C\u002Fp\u003E рисунок справа\u003Cbr\u003E\u003Cp\u003EПримеры обтекания иллюстраций в документе\u003Cbr\u003E","\u003Cp\u003EТАБЛИЦЫ\u003Cbr\u003E\u003Cp\u003E\u003CTABLE\u003E ... \u003C\u002FTABLE\u003E -внешний элемент таблицы\u003Cbr\u003E \u003CTR\u003E... \u003C\u002FTR\u003E -элемент, задающий строку таблицы\u003Cbr\u003E \u003CTD\u003E ...\u003C\u002FTD\u003E- элемент, задающий ячейку таблицы\u003Cbr\u003E Атрибут width задают ширину таблицы\u003Cbr\u003EАтрибут height -задают высоту таблицы\u003Cbr\u003EАтрибут bgcolor-для задания цвета всей таблицы надо поместить внутри элемента \u003CTABLE\u003E\u003Cbr\u003EДля задания цвета ячеек этот атрибут надо поместить внутрь элемента \u003CTD\u003E\u003Cbr\u003EАтрибут border - задает толщину рамки таблицы\u003Cbr\u003E","\u003Cp\u003EПример\u003Cbr\u003E\u003Cp\u003EТаблица шириной 500 пикселей\u003Cbr\u003E\u003CTABLE width =\"500\"bgcolor=\"#00CC99\"\u003E \u003Cbr\u003E\t\u003CTR\u003E\u003Cbr\u003E\t\t\u003CTD\u003E\u003Cbr\u003E\t\t\tШирина этой таблицы 500 пикселей и она \t\t\tсостоит из одной строки и одного столбца \u003Cbr\u003E\t\t\u003C\u002FTD\u003E\u003Cbr\u003E \t\u003C\u002FTR\u003E\u003Cbr\u003E \u003C\u002FTABLE\u003E\u003Cbr\u003E","\u003Cp\u003EПример\u003Cbr\u003E Для задания таблицы не зависимой от разрешения монитора, ее следует задавать в процентном отношении к экрану и задавать цвет каждой ячейки:\u003Cbr\u003E\u003Cp\u003E\u003CTABLE width =\"60%\" border=\"1\" align=\"center\"\u003E \u003Cbr\u003E \u003CTR\u003E\u003Cbr\u003E\t\u003CTD bgcolor=\"#00FFFF\"\u003E \u003C\u002FTD\u003E\u003Cbr\u003E\t\u003CTD bgcolor=\"#00FFFF\"\u003E \u003C\u002FTD\u003E\u003Cbr\u003E\t\u003CTD bgcolor=\"#00FFFF\"\u003E \u003C\u002FTD\u003E\u003Cbr\u003E \u003C\u002FTR\u003E\u003Cbr\u003E \u003CTR\u003E\u003Cbr\u003E\t\u003CTD bgcolor=\"#00FFFF\"\u003E \u003C\u002FTD\u003E\u003Cbr\u003E\t\u003CTD bgcolor=\"#00FFFF\"\u003E \u003C\u002FTD\u003E\u003Cbr\u003E\t\u003CTD bgcolor=\"#00FFFF\"\u003E \u003C\u002FTD\u003E\u003Cbr\u003E \u003C\u002FTR\u003E\u003Cbr\u003E\u003C\u002FTABLE\u003E\u003Cbr\u003E \u003Cbr\u003E","\u003Cp\u003E\u003CTABLE width =\"100%\" bgcolor=\"#00CC99\" border=\"0\"\u003E \u003Cbr\u003E\t\u003CTR\u003E\u003Cbr\u003E\t\t\u003CTD\u003E 1 столбец\u003C\u002FTD\u003E\u003Cbr\u003E\t\t\u003CTD\u003E2 столбец \u003C\u002FTD\u003E\u003Cbr\u003E\t\u003C\u002FTR\u003E\u003Cbr\u003E \u003Cbr\u003E\u003C\u002FTABLE\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cp\u003EПример:\u003Cbr\u003EМожно сделать грани таблицы невидимыми,\u003Cbr\u003E для чего толщину рамки таблицы надо задать равной нулю border=\"0\"\u003Cbr\u003E","\u003Cp\u003EСуществует набор атрибутов предназначенных для выравнивания данных в ячейках таблицы:\u003Cbr\u003Ealign - позволяет выравнивать данные по горизонтали и может принимать следующие значения: \t \u003Cbr\u003E\t\t\tleft - выравнивание влево\u003Cbr\u003E\t\t\tright - выравнивание вправо\u003Cbr\u003E\t\t\tcenter -выравнивание по центру\u003Cbr\u003Evalign -позволяет выравнивать текст по вертикали и может принимать следующие значения: \t\u003Cbr\u003E\t\ttop - выравнивание по верхнему краю ячейки\u003Cbr\u003E\t\tmiddle- выравнивание по центру\u003Cbr\u003E\t\tbaseline- выравнивание по первой строке \u003Cbr\u003E\u003Cp\u003EТаблицы\u003Cbr\u003E","\u003Cp\u003EПример:\u003Cbr\u003E\u003Cp\u003E\u003CTABLE width =\"100%\" border=\"1\" align=\"center\"\u003E \u003Cbr\u003E\t\u003CTR\u003E\t\u003CTD\u003E\u003CB\u003Eвыравнивание по горизонтали\u003C\u002FB\u003E \u003C\u002FTD\u003E\u003Cbr\u003E\t\t\u003CTD align=\"center\"\u003Eпо центру \u003C\u002FTD\u003E\u003Cbr\u003E\t\t\u003CTD align=\"left\"\u003Eпо левому краю\u003C\u002FTD\u003E\u003Cbr\u003E\t\t\u003CTD align=\"rign\"\u003Eпо правому краю\u003C\u002FTD\u003E\u003Cbr\u003E\t\u003C\u002FTR\u003E\u003Cbr\u003E\t\u003CTR\u003E\t\u003CTD\u003E\u003CB\u003Eвыравнивание по вертикали\u003C\u002FB\u003E \u003C\u002FTD\u003E\u003Cbr\u003E\t\t\u003CTD valign=\"top\"\u003Eпо верхнему краю \u003C\u002FTD\u003E\u003Cbr\u003E\t\t\u003CTD valign=\"middle\"\u003Eпо центру\u003C\u002FTD\u003E\u003Cbr\u003E\t\t\u003CTD valign=\"baseline\"\u003Eпо нижнему краю\u003C\u002FTD\u003E\u003Cbr\u003E\t\u003C\u002FTR\u003E\u003Cbr\u003E\u003C\u002FTABLE\u003E\u003Cbr\u003E","\u003Cp\u003EБЕГУЩАЯ СТРОКА\u003Cbr\u003E\u003Cp\u003EПараметры:\u003Cbr\u003EBGCOLOR- фоновый цвет плашки\u003Cbr\u003EWIDTH HEIGHT -ширина и высота плашки\u003Cbr\u003ELOOP - количество повторений (INFINITE - непрерывно)\u003Cbr\u003ESCROOLLAMOUNT - скорость прокручивания, на котором строка смещается при каждом шаге прокрутки в пикселях\u003Cbr\u003ESCROOLLDELAY - задает задержку в миллисекундах между шагами прокрутки\u003Cbr\u003EDIRECTION-указывает направление прокрутки\u003Cbr\u003EBEHAVIOR=SCROOLL -направление слева направо\u003Cbr\u003EBEHAVIOR=SLIDE - направление справа налево\u003Cbr\u003E\u003Cp\u003E\u003CMARQUEE\u003E…\u003C\u002FMARQUEE\u003E\u003Cbr\u003E","\u003Cp\u003E\u003CMARQUEE BEHAVIOR=ALTERNATE DIRECTION=RIGHT LOOP=5 SCROOLLAMOUNT=3 SCROOLLDELAY=100 WIDTH=50% HEIGHT=150 BGCOLOR=“#F0F000” HSPACE=10 VSPACE=10\u003E\u003Cbr\u003E\u003CBR\u003E\u003Cbr\u003E\u003CTABLE WIDTH=300 BORDER=1 BGCOLOR=“FFF0DE”\u003E\u003Cbr\u003E\u003CTR\u003E\u003Cbr\u003E\u003CTD ALIGN=CENTER VALIGN=MIDDLE WIDTH=100\u003E\u003Cbr\u003E\u003C\u002FTD\u003E\u003Cbr\u003E\u003CTD ALIGN=CENTER VALIGN=MIDDLE\u003E\u003Cbr\u003E\u003CFONT COLOR=“RED”\u003E НАЗВАНИЕ ФИРМЫ\u003CBR\u003E ПРИХОДИТЕ ПОЖАЛУЙСТА!\u003C\u002FB\u003E\u003C\u002FFONT\u003E\u003Cbr\u003E\u003C\u002FTD\u003E\u003Cbr\u003E\u003C\u002FTR\u003E\u003Cbr\u003E\u003C\u002FTABLE\u003E\u003Cbr\u003E\u003C\u002FMARQUEE\u003E\u003Cbr\u003EСтрока пять разпроплывает вправо-влево, затем останавливается возле правого края желтой плашки \u003Cbr\u003E\u003Cp\u003EПРИМЕР БЕГУЩЕЙ СТРОКИ\u003Cbr\u003E","\u003Cp\u003EСоставьте веб-страничку с загадками (оформление выберите самостоятельно: название шрифта, размер, цвет, начертание для разных фрагментов)\u003Cbr\u003EОн быстрее человека\u003Cbr\u003EПеремножит два числа,\u003Cbr\u003EВ нем сто раз библиотека\u003Cbr\u003EПоместиться бы смогла,\u003Cbr\u003EТолько там открыть возможно\u003Cbr\u003EСто окошек за минуту.\u003Cbr\u003EУгадать совсем не сложно,\u003Cbr\u003EЧто загадка про …\u003Cbr\u003E Слово Компьютер оформите в таком виде (компьютер)\u003Cbr\u003E\u003Cp\u003EЗадание 1 Форматирование текста\u003Cbr\u003E","\u003Cp\u003E1. Создайте новую страницу в редакторе блокнот.\r\n2. В элемент \u003Ctitle\u003E укажите «Практическая работа 2» и вашу фамилию.\r\n3. Отформатируйте текст по заданию:\u003Cbr\u003E\u003Cp\u003E\u003Chtml\u003E\r\n \u003Chead\u003E\r\n \u003Ctitle\u003EПрактическая работа 1 Фамилия \r\n \u003C\u002Ftitle\u003E\r\n \u003C\u002Fhead\u003E\r\n \u003Cbody\u003E\r\n\u003Ch1\u003E Роман\u003C\u002Fh1\u003E\r\n\u003Ch2\u003E Книга\u003C\u002Fh2\u003E\r\n\u003Ch3\u003E Том\u003C\u002Fh3\u003E\r\n\u003Ch4\u003E Часть\u003C\u002Fh4\u003E\r\n\u003Ch5\u003E Глава\u003C\u002Fh5\u003E\r\n\u003Ch6\u003E Параграф\u003C\u002Fh6\u003E\r\n \u003C\u002Fbody\u003E\r\n\u003C\u002Fhtml\u003E\u003Cbr\u003E4. Оформите каждый заголовок разным цветом и начертанием шрифта\u003Cbr\u003E\u003Cp\u003EЗадание 2 Форматирование заголовков\u003Cbr\u003E","\u003Cp\u003EЗадание 3 Форматирование шрифтов\u003Cbr\u003E\u003Cp\u003E1. Создайте новую страницу в редакторе блокнот.\r\n2. В элемент \u003Ctitle\u003E укажите «Практическая работа 3» и вашу фамилию.\r\n3. Отформатируйте текст по заданию:\r\n\u003Chtml\u003E\r\n \u003Chead\u003E\r\n \u003Ctitle\u003EПрактическая работа3 Фамилия \u003C\u002Ftitle\u003E\r\n \u003C\u002Fhead\u003E\r\n \u003Cbody\u003E\r\n\u003Cfont size=1 color=#ff0000 \u003E Каждый \u003C\u002Ffont\u003E \r\n\u003Cfont size=2 color=#ff9900 \u003E охотник \u003C\u002Ffont\u003E \r\n\u003Cfont size=3 color=#ffff00 \u003E желает \u003C\u002Ffont\u003E \r\n\u003Cfont size=4 color=#00ff00 \u003E знать, \u003C\u002Ffont\u003E \r\n\u003Cfont size=5 color=#00ccff \u003E где \u003C\u002Ffont\u003E \r\n\u003Cfont size=6 color=#0000ff \u003E сидит \u003C\u002Ffont\u003E \r\n\u003Cfont size=7 color=#ff00ff \u003E фазан \u003C\u002Ffont\u003E \r\n \u003C\u002Fbody\u003E\r\n\u003C\u002Fhtml\u003E\u003Cbr\u003E\u003Cp\u003EНаписать разными по цвету буквами:\u003Cbr\u003E\tКАЖДЫЙ ОХОТНИК ЖЕЛАЕТ ЗНАТЬ ГДЕ СИДИТ ФАЗАН\u003Cbr\u003E","\u003Cp\u003EЗадание 4 Создание списков\u003Cbr\u003E\u003Cp\u003EСоздайте новую страницу в редакторе блокнот.\u003Cbr\u003EВ элемент \u003Ctitle\u003E укажите «Практическая работа 3» и вашу фамилию.\u003Cbr\u003EОтформатируйте текст по заданию:\u003Cbr\u003EСолнце должно быть: (шрифт размером 7, красного цвета, выравнивание по центру)\u003Cbr\u003EТеплым.\u003Cbr\u003EКруглым.\u003Cbr\u003EЖелтым.\u003Cbr\u003EСнег должен быть: (выравнивание по центру, размер шрифта 7, синего цвета)\u003Cbr\u003E\t\t\tА. Белым\u003Cbr\u003E\t\t\tB. Холодным\u003Cbr\u003E\t\t\tC. Пушистым\u003Cbr\u003E\t\t(шрифт списков черный, размер 3)\u003Cbr\u003E","\u003Cp\u003EЗадание 4 -1 Создание списков\u003Cbr\u003E\u003Cp\u003EСоздайте страницы со следующими списками:\u003Cbr\u003EПеречень покупок:\u003Cbr\u003EГовядина -1кг\u003Cbr\u003EМасло сливочное -500 г\u003Cbr\u003EХлеб - 2 батона\u003Cbr\u003EМолоко - 1 литр\u003Cbr\u003EАлгоритм вычисления дробей:\u003Cbr\u003Eочистить экран\u003Cbr\u003Eввести значения X и Y\u003Cbr\u003Eесли у=0, вернуться к пункту 2\u003Cbr\u003Eвычислить z=x\u002Fy\u003Cbr\u003Eвывести результат z \u003Cbr\u003E","\u003Cp\u003EЗадание 5 Размещение графики на Web - страницах\u003Cbr\u003E\u003Cp\u003EСоздайте новую страницу в редакторе блокнот.\u003Cbr\u003EВ элемент \u003Ctitle\u003E укажите «Практическая работа 5» и вашу фамилию.\u003Cbr\u003EВ элементе \u003CBODY\u003E задайте атрибут, чтобы цвет фона страницы был черным.\u003Cbr\u003EСделайте надпись «Спокойной ночи» голубым цветом, 6 шрифтом, центральным выравниванием.\u003Cbr\u003EВставьте горизонтальную линию красного цвета.\u003Cbr\u003EСделайте надпись желтого цвета «Приятных сновидений» 8 шрифтом, центральным выравниванием.\u003Cbr\u003EВставьте горизонтальную линию синего цвета толщиной 10 пикселей, длиной 50%, выровняйте по центру.\u003Cbr\u003EВставьте рисунок.\u003Cbr\u003E","\u003Cp\u003EЗадание 6 Размещение графики на Web - страницах\u003Cbr\u003E\u003Cp\u003EСоздайте новую страницу в редакторе блокнот.\u003Cbr\u003EВ элемент \u003Ctitle\u003E укажите «Практическая работа 6» и вашу фамилию.\u003Cbr\u003EРазместите на странице рисунок \u003Cbr\u003EСделайте надпись к рисунку\u003Cbr\u003EСоздайте рамку вокруг рисунка шириной 2 пикселя.\u003Cbr\u003EНад рисунком поместите заголовок (например «Мир футбола») самого большого размера и выровняйте его по центру.\u003Cbr\u003EВставьте горизонтальную линию синего цвета толщиной 8 пикселей, выровняйте по левому краю по центру.\u003Cbr\u003E\u003Cbr\u003E","\u003Cp\u003EЗадание 7 Изменение размеров изображения\u003Cbr\u003E\u003Cp\u003EСоздайте новую страницу в редакторе блокнот.\u003Cbr\u003EВ элемент \u003Ctitle\u003E укажите «Практическая работа 7» и вашу фамилию.\u003Cbr\u003EВ элементе \u003CBODY\u003E задайте атрибут, чтобы цвет фона страницы зеленым.\u003Cbr\u003EВставьте изображение. Задайте его размеры 100x100 пикселей.\u003Cbr\u003EОтредактируйте картинку в графическом редакторе так, чтобы рисунок был на прозрачном фоне и добавьте это изображение на вашу страничку.\u003Cbr\u003E\u003Cp\u003EСоздайте собственный рисунок, например, в программе Paint.\u003Cbr\u003EЗадайте его как фон вашей страницы.\u003Cbr\u003EЗадайте рисунок как текстуру.\u003Cbr\u003E\u003Cp\u003EЗадание 8 Создание текстуры\u003Cbr\u003E","\u003Cp\u003E \u003Cbr\u003EСоздайте новую страницу в редакторе БЛОКНОТ\u003Cbr\u003EВ элементе \u003CTITLE\u003Eукажите \"Практическая работа №7\"\u003Cbr\u003E3. Создайте таблицу из двух строк и трех столбцов\u003Cbr\u003E4. Задайте фон таблицы зеленого цвета, толщину линии равную 3 пикселам, ширину таблицы равную ширине экране, шрифт внутри таблицы белый.\u003Cbr\u003E5. Текст первой строки выровняйте по центру по горизонтали и по вертикали\u003Cbr\u003E6. Текст второй строки выделите жирным шрифтом.\u003Cbr\u003E7. В первую ячейку первой строки вставьте рисунок children.jpg\u003Cbr\u003E8. Во второй ячейке второй строки напишите любое четверостишие.\u003Cbr\u003E9. Задайте красный фон третьей ячейке второй строки. \u003Cbr\u003E\u003Cp\u003EЗадание 9 . Создание таблиц\u003Cbr\u003E","\u003Cp\u003EЗадание 10. Создание таблиц\u003Cbr\u003E\u003Cp\u003E1. Создайте новую страницу в редакторе БЛОКНОТ\u003Cbr\u003E2. В элементе \u003CTITLE\u003Eукажите \"Практическая работа №8\"\u003Cbr\u003E3. Создайте таблицу для расписания ваших уроков из восьми столбцов и девяти строк. Ширина таблицы 100%.\u003Cbr\u003E4. В первом столбце укажите время начала и конца ваших\u003Cbr\u003Eуроков с выравниванием по левому краю.\u003Cbr\u003E5. В остальных ячейках - предметы по дням недели.\u003Cbr\u003E6. Выравнивание названий предметов - по левому краю.\u003Cbr\u003E7. Выравнивание дней недели - по центру ячейки и жирным шрифтом.\u003Cbr\u003E8. У всех столбцов фон задайте разным цветом.\u003Cbr\u003E9. Перед таблицей поместите заголовок первого уровня красного цвета \"Расписание уроков\".\u003Cbr\u003E10. Между заголовком и таблицей поместите рисунок.\u003Cbr\u003E","\u003Cp\u003E1. Создайте новую страницу в редакторе БЛОКНОТ\u003Cbr\u003E2. В элементе \u003CTITLE\u003Eукажите \"Практическая работа № 9\"\u003Cbr\u003E3. Разметку производить с использованием таблицы шириной на весь экран (100%)\u003Cbr\u003E\u003Cp\u003EЗадание 11. Разметка WEB- страницы при помощи таблицы (вариант1)\u003Cbr\u003E\u003Cp\u003EНедостатком такой разметки является “плавучесть” содержимого страницы при уменьшении разрешения экрана (текст должен будет разместиться в более узкие рамки) \u003Cbr\u003E","\u003Cp\u003EЗадание 12 . Разметка WEB- страницы при помощи таблицы (вариант2)\u003Cbr\u003E\u003Cp\u003EЧтобы таблица выглядела неизменной при любом разрешении экрана, надо задать ее фиксированного размера\u003Cbr\u003EСоздайте страницу, которая производится разметкой таблицы шириной 760 пикселей, выровненой по центру экрана.\u003Cbr\u003EВ таблице задайте три строки и один столбец.\u003Cbr\u003EВ верхнюю строку поместите заголовок, во вторую - меню, а в третью содержание страницы.\u003Cbr\u003E","\u003Cp\u003EЗадание 12 Вставка бегущей строки \u003Cbr\u003E\u003Cp\u003E1. Создайте новую страницу в редакторе БЛОКНОТ \u003Cbr\u003E2. В элементе \u003CTITLE\u003E укажите \"Практическая работа 12\" \u003Cbr\u003E3. Создайте бегущую строку на бежевом фоне плашки с текстом синего цвета жирного и курсивного начертания СЧАСТЛИВОГО ВСЕМ ДНЯ! \u003Cbr\u003E4. Задайте ей непрерывное движение.\u003Cbr\u003E\u003Cp\u003EСоздание веб-страницы по заранее выбранной теме индивидуально каждым учащимся (собственный проект)\u003Cbr\u003E"],href:"\u002Finformatika\u002Fdizayn-web-stranitsy",href_category:"\u002Finformatika",date:1627559139,related:[{id:18084,name:"Язык SQL",href:"\u002Finformatika\u002Fyazyk-sql-13",jpg:"jpg\u002F18084"},{id:4445,name:"Контент. Виды контента",href:"\u002Finformatika\u002Fkontent-vidy-kontenta",jpg:"jpg\u002F4445"},{id:179679,name:"Кроссворд про школу (с клавиатурой)",href:"\u002Finformatika\u002Fkrossvord-pro-shkolu-s-klaviaturoy",jpg:"jpg\u002F179679"},{id:391423,name:"Путешествие по острову Инфорландия",href:"\u002Finformatika\u002Fputeshestvie-po-ostrovu-inforlandiya",jpg:"jpg\u002F391423"},{id:139076,name:"Проектування локальної комп'ютерної мережі кафедри комп’ютерної інженерії",href:"\u002Finformatika\u002Fproektuvannya-lokalno-kompyuterno-merezh-kafedri-kompyuterno",jpg:"jpg\u002F139076"},{id:106254,name:"Типовое внедрение STORVERK CRM на платформе 1С",href:"\u002Finformatika\u002Ftipovoe-vnedrenie-storverk-crm-na-platforme",jpg:"jpg\u002F106254"},{id:252702,name:"Архитектура крупных систем информационного обеспечения",href:"\u002Finformatika\u002Farhitektura-krupnyh-sistem-informatsionnogo-obespecheniya",jpg:"jpg\u002F252702"},{id:24287,name:"Я выбираю профессию в IT. Системный администратор",href:"\u002Finformatika\u002Fya-vybirayu-professiyu-v-it-sistemnyy",jpg:"jpg\u002F24287"},{id:284975,name:"Кіріспе. Java тілі туралы түсінік",href:"\u002Finformatika\u002Fkrspe-java-tl-turaly-tsnk",jpg:"jpg\u002F284975"},{id:440717,name:"Выполнения алгоритма",href:"\u002Finformatika\u002Fvypolneniya-algoritma",jpg:"jpg\u002F440717"},{id:129754,name:"Программирование на языке MATLAB. Программирование разветвляющих алгоритмов",href:"\u002Finformatika\u002Fprogrammirovanie-na-yazyke-matlab-programmirovanie-razvetvlyayushchih",jpg:"jpg\u002F129754"},{id:417682,name:"Творческий проект Дизайн школьного кабинета",href:"\u002Finformatika\u002Ftvorcheskiy-proekt-dizayn-shkolnogo-kabineta",jpg:"jpg\u002F417682"},{id:601793,name:"Java. Конструкторы классов. Таймер. Занятие 9",href:"\u002Finformatika\u002Fjava-konstruktory-klassov-taymer-zanyatie-9",jpg:"jpg\u002F601793"},{id:93927,name:"Media recources: Reddit",href:"\u002Finformatika\u002Fmedia-recources-reddit",jpg:"jpg\u002F93927"},{id:580374,name:"Использование ИКТ на уроке физической культуры",href:"\u002Finformatika\u002Fispolzovanie-ikt-na-uroke-fizicheskoy-kultury-3",jpg:"jpg\u002F580374"},{id:589180,name:"Информация и её свойства",href:"\u002Finformatika\u002Finformatsiya-i-eyo-svoystva-7",jpg:"jpg\u002F589180"},{id:259346,name:"Electronic government infrastructure (Korean Case)",href:"\u002Finformatika\u002Felectronic-government-infrastructure-korean-case",jpg:"jpg\u002F259346"},{id:12738,name:"Інтерактивний веб-сайт служби експрес-доставки вантажів",href:"\u002Finformatika\u002Fnteraktivniy-veb-sayt-sluzhbi-ekspres-dostavki",jpg:"jpg\u002F12738"},{id:238323,name:"Алгоритмы и программирование. Основные элементы блок-схем",href:"\u002Finformatika\u002Falgoritmy-i-programmirovanie-osnovnye-elementy-blok",jpg:"jpg\u002F238323"},{id:1991,name:"Пример построения ER-модели",href:"\u002Finformatika\u002Fprimer-postroeniya-er-modeli",jpg:"jpg\u002F1991"},{id:592382,name:"Введение в программирование для платформы Android",href:"\u002Finformatika\u002Fvvedenie-v-programmirovanie-dlya-platformy-android",jpg:"jpg\u002F592382"},{id:444021,name:"Ақпаратты ұсыну. Практикум",href:"\u002Finformatika\u002Faparatty-synu-praktikum",jpg:"jpg\u002F444021"},{id:7387,name:"Программирование на языке Python",href:"\u002Finformatika\u002Fprogrammirovanie-na-yazyke-python-3",jpg:"jpg\u002F7387"},{id:347727,name:"Значение логического выражения. Решение задания 3. ОГЭ",href:"\u002Finformatika\u002Fznachenie-logicheskogo-vyrazheniya-reshenie-zadaniya-3",jpg:"jpg\u002F347727"},{id:433035,name:"Настройка локальной вычислительной сети и подключение к сети Интернет",href:"\u002Finformatika\u002Fnastroyka-lokalnoy-vychislitelnoy-seti-i-podklyuchenie",jpg:"jpg\u002F433035"},{id:267600,name:"Организация защиты информации в локальной сети компании ООО MAN Truck and Bus Rus",href:"\u002Finformatika\u002Forganizatsiya-zashchity-informatsii-v-lokalnoy-seti",jpg:"jpg\u002F267600"},{id:424571,name:"Разработка программного обеспечения, составления расписания занятий в учебном заведении",href:"\u002Finformatika\u002Frazrabotka-programmnogo-obespecheniya-sostavleniya-raspisaniya-zanyatiy",jpg:"jpg\u002F424571"},{id:295371,name:"Безопасность систем баз данных. Обеспечение целостности",href:"\u002Finformatika\u002Fbezopasnost-sistem-baz-dannyh-obespechenie-tselostnosti",jpg:"jpg\u002F295371"}],navigation:{next:"\u002Fbiologiya\u002Ftransport-veshchestv-cherez-biologicheskie-membrany",next_name:"Транспорт веществ через биологические мембраны",prev:"\u002Fkulturologiya\u002Fshkola-sovremennoy-horeografii-shagi",prev_name:"Школа современной хореографии Шаги"}}},categories:{result:[{id:I,ordering:b,name:"Без категории",pseudoname:"uncategorized"},{id:144,ordering:b,name:"Бизнес",pseudoname:"biznes"},{id:146,ordering:b,name:"Образование",pseudoname:"obrazovanie"},{id:149,ordering:b,name:"Финансы",pseudoname:"finansy"},{id:150,ordering:b,name:"Государство",pseudoname:"gosudarstvo"},{id:152,ordering:b,name:"Спорт",pseudoname:"sport"},{id:154,ordering:b,name:"Армия",pseudoname:"armiya"},{id:156,ordering:b,name:"Культурология",pseudoname:"kulturologiya"},{id:157,ordering:b,name:"Еда и кулинария",pseudoname:"eda-i-kulinariya"},{id:158,ordering:b,name:"Лингвистика",pseudoname:"lingvistika"},{id:163,ordering:b,name:"Черчение",pseudoname:"cherchenie"},{id:164,ordering:b,name:"Физкультура",pseudoname:"fizkultura"},{id:165,ordering:b,name:"ИЗО",pseudoname:"izo"},{id:166,ordering:b,name:"Психология",pseudoname:"psihologiya"},{id:116,ordering:I,name:"Английский язык",pseudoname:"angliyskiy-yazyk"},{id:108,ordering:2,name:"Астрономия",pseudoname:"astronomiya"},{id:104,ordering:3,name:"Алгебра",pseudoname:"algebra"},{id:106,ordering:4,name:"Биология",pseudoname:"biologiya"},{id:142,ordering:5,name:"География",pseudoname:"geografiya"},{id:141,ordering:6,name:"Геометрия",pseudoname:"geometria"},{id:123,ordering:7,name:"Детские презентации",pseudoname:"detskie-prezentatsii"},{id:107,ordering:8,name:G,pseudoname:"informatika"},{id:109,ordering:9,name:"История",pseudoname:"istoriya"},{id:139,ordering:10,name:"Литература",pseudoname:"literatura"},{id:119,ordering: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:H,name:"Юриспруденция",pseudoname:"yurisprudentsiya"}]}},state:{},_errors:{},serverRendered:e,config:{public:{SITE_NAME:J,SITE_HOST:"mypreza.com",SITE_LANG:K,API_BASE_URL:"https:\u002F\u002Fmypreza.com\u002Fapi\u002F",pwaManifest:{name:J,short_name:a,description:a,lang:K,start_url:"\u002F?standalone=true",display:"standalone",background_color:j,theme_color:"#000000",icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.f2a6e93d.png",type:d,sizes:L,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.f2a6e93d.png",type:d,sizes:L,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.f2a6e93d.png",type:d,sizes:M,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.f2a6e93d.png",type:d,sizes:M,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.f2a6e93d.png",type:d,sizes:N,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.f2a6e93d.png",type:d,sizes:N,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.f2a6e93d.png",type:d,sizes:O,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.f2a6e93d.png",type:d,sizes:O,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.f2a6e93d.png",type:d,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.f2a6e93d.png",type:d,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.f2a6e93d.png",type:d,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.f2a6e93d.png",type:d,sizes:Q,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.f2a6e93d.png",type:d,sizes:R,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.f2a6e93d.png",type:d,sizes:R,purpose:g}]},yandexMetrika:{id:"85004146",metrikaUrl:"https:\u002F\u002Fmc.yandex.ru\u002Fmetrika\u002Ftag.js",accurateTrackBounce:e,childIframe:c,clickmap:c,defer:c,useRuntimeConfig:e,trackHash:c,trackLinks:e,type:b,webvisor:c,triggerEvent:c,consoleLog:e,partytown:c,isDev:c}},app:{baseURL:"\u002F",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:a}},pinia:{app:{meta:{h1:l,main_text:a,main_title:m,main_description:n,main_keywords:o,main_image:a},app:{logo_image:p,logo_image_width:q,logo_image_height:r,logo_text:a,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:c,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:w,footer_before:a,footer:a,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:x,item_images:y,item_images_tag:z,item_words_h3:c,item_words_tag:A,item_words_1:h,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:e,item_show_contents:e,item_show_filename:e},colors:{header_text:j,header_bg:i,accent:i}},social:F,token:a}}}}("",0,false,"image\u002Fpng",true,"any","maskable",13,"#d53032","#ffffff","Дизайн web-страницы","Учебные презентации","Презентации в PowerPoint на разные темы","Презентации, проекты, доклады в PowerPoint на разные темы для учебы","Презентация, на тему, урок, класс, PowerPoint, скачати презентацію, фон, шаблон, доклад, проект.","images\u002Fdata\u002Flogo.png",185,40,720,480,"6LeioWIpAAAAAGqMN4KqMVIkekcMW7fBKHjXCd-a","2503267","mypreza@ya.ru","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","Информатика",31,1,"Mypreza","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512"))</script><script type="module" src="/_nuxt/entry.0d6add34.js" crossorigin></script></body> </html>