Веб-страницы
<<  Дизайн web-страницы Технология «Спектр»  >>
Оформление рисунков на WEB-страницах
Оформление рисунков на WEB-страницах
.JPEG
.JPEG
.JPEG
.JPEG
Обтекание изображения текстом
Обтекание изображения текстом
Картинки
Картинки
Создание таблиц на Web-страницах
Создание таблиц на Web-страницах
Создание таблиц на Web-страницах
Создание таблиц на Web-страницах
Создание таблиц на Web-страницах
Создание таблиц на Web-страницах
Создание таблиц на Web-страницах
Создание таблиц на Web-страницах
Создание таблиц на Web-страницах
Создание таблиц на Web-страницах
Создание таблиц на Web-страницах
Создание таблиц на Web-страницах
Создание таблиц на Web-страницах
Создание таблиц на Web-страницах
Создание таблиц на Web-страницах
Создание таблиц на Web-страницах
Создание таблиц на Web-страницах
Создание таблиц на Web-страницах
Всплывающая подсказка
Всплывающая подсказка
Заголовок столбца
Заголовок столбца
Количество ячеек
Количество ячеек
Картинки из презентации «Оформление рисунков на WEB-страницах» к уроку информатики на тему «Веб-страницы»

Автор: Макарова М.Е. Чтобы познакомиться с картинкой полного размера, нажмите на её эскиз. Чтобы можно было использовать все картинки для урока информатики, скачайте бесплатно презентацию «Оформление рисунков на WEB-страницах.ppt» со всеми картинками в zip-архиве размером 646 КБ.

Оформление рисунков на WEB-страницах

содержание презентации «Оформление рисунков на WEB-страницах.ppt»
Сл Текст Сл Текст
1Оформление рисунков на WEB-страницах. 9уют в доме, радуют нас. <br
2.JPEG. .GIF. Современные браузеры clear="all"> Особенно приятно
могут работать с различными форматами смотреть на маленьких котят. <p>
изображений, но наиболее предпочтительные <hr width="50%"
–. Для фотографий лучше использовать size="5"> <p>
формат JPEG для рисунков и пиктограмм – </font> </body> </html>
GIF. 10Создание таблиц на Web-страницах.
3Тег <IMG> - вставка изображений. 11Тег <table>… </table> Теги
Атрибуты: 1. Src - обязательный, значение- <tr>…</tr> и
адрес изображения <img src = <td>…</td> Тег <th>
“dog.gif”> Обычно файлы с картинками …</th> Тег <caption>… </
помещают в ту же папку, что и сама caption > создает таблицу. Все прочие
страница или в отдельную папку: <img элементы таблицы – текст, рисунки, списки
src = “pict/dog.gif”> 2. alt – - должны быть вложенными в него.
определяет альтернативный текст, который Допускается также вложение таблиц одна в
появляется на месте картинки в окне другую, т.е. содержимым ячейки может быть
браузера, если вывод картинки невозможен другая таблица. - Описывают строки и
или заблокирован пользователем. Значение столбцы (ячейки таблицы). - Описывает
alt – строка текста, длиной до 1024 заголовки в первой строке таблицы. -
символа. Кавычки обязательны. Alt= Описывает заголовок таблицы.
“Собака“ Этот текст также появиться в виде 12Атрибуты для тега <table>…
всплывающей подсказки, когда указатель </table> Align выравнивание таблицы
мыши направлен на картинку. относительно документа. Возможные
43. align – выравнивание. Положение значения: center, left, right Valign -
изображения лучше всегда указывать явно. выравнивает текст в таблице по вертикали.
Значения: left, right – по левому или по Значения: top, bottom, middle, baseline.
правому краю. top – верхняя граница background=“имя файла“ - строка,
изображения устанавливается на уровне определяющая рисунок для заднего фона
верхнего края самого высокого элемента в таблицы bgcolor =“цвет” - определяет
строке. middle – середина изображения задний фон таблицы border - толщина
выравнивается с серединой строки. bottom – внешней рамки в пикселях. Если атрибут не
(по умолчанию) нижний край изображения указан, то таблица выводится без видимой
выравнивается с базовой линией текста. рамки bordercolor =“цвет” - цвет рамки
54. border - устанавливает или убирает bordercolorlight =“цвет” - цвет рамки
(для гиперссылок) рамку вокруг изображения слева и сверху bordercolordark =“цвет” -
border= толщина рамки в пикселях border=0 цвет рамки справа и снизу.
– убрать рамку 5. height, width – высота и 13Атрибуты для тега <table>…
ширина изображения в пикселях. Размеры </table> title =“Текст“ -
могут быть больше или меньше реальных всплывающая подсказка width = число -
размеров изображения. Браузер ширина таблицы в процентах или пикселях
автоматически масштабирует его. Значения height = число - рекомендуемая высота
можно указывать в % по отношению к окну. таблицы только в пикселях. Cellspacing =
width = “100%” height= 20 – полоса на все число - расстояние между ячейками
окно шириной 20 пикселей. Если указать cellpadding = число - расстояние между
только width = “30%”, то высоту браузер содержимым и рамкой colls = число -
подберет сам пропорционально рисунку. Если заранее сообщает браузеру количество
картинка не загрузилась, то на экране столбцов в таблице.
остается пустая область с заданными 14<body
атрибутами height, width. 6. hspace, bgcolor="#008080"> <table
vspace – задают расстояние в пикселях border="3"
между картинкой и текстом по вертикали и bordercolor="#ff00ff“
горизонтали. cellpadding="10"
6Центрирование изображения. Выровнять cellspacing="10"> <tr>
изображение по центру можно, только <td background="4.jpg"> A
выделив его из текста тегами абзацев, </td> <td
раздела <p> или новой строки. 1 bgcolor="#C0C0C0"> <img
способ: Текст <br> <center> src="6.jpg" > </td>
<img src = “dog.gif”> </tr> </table> </body>
</center> Текст. 2 способ: Текст 15Тег <tr>…</tr> - строка
<p align = center> <img src = таблицы. <Th> - ячейки таблицы с
“dog.gif”> </p> Текст. заголовками столбцов <td>- ячейки
7Обтекание изображения текстом. таблицы с данными. В этом теге можно
Значения left и right атрибута align использовать почти все атрибуты, что и в
помещают изображение у левого или правого теге таблицы. Но действуют они только в
края документа. Затем браузер выводит этой строке. В этих тегах тоже можно
оставшееся содержание документа в применять почти все атрибуты таблицы. Для
свободное пространство, смежное с оформления текста можно использовать все
изображением, ? текст обтекает теги форматирования. Таблица строится по
изображение. <IMG строкам. Сначала прописываются все ячейки
src="море.Jpg" ALIGN=LEFT в первой строке, затем – во второй, и т.д.
width=50% vspace=10 hspace=10> 16<table border=2 cols=2
8Можно поместить картинки одновременно bgcolor=yellow align=center> <TR>
по обеим сторонам документа. В этом случае <TH>Заголовок столбца 1</TH>
картинки задаются перед текстом. <TH>Заголовок столбца 2</TH>
9<body </TR> <TR> <TD>Ячейка
bgcolor="#008080"> <p> столбца 1, ряд 1</TD>
<hr width="50%" <TD>Ячейка столбца 2, ряд
size="5"> <p> <img 1</TD> </TR> <TR>
src="1.jpg" <TD>Ячейка столбца 1, ряд
width="25%" 2</TD> <TD>Ячейка столбца 2,
hspace="10" ряд 2</TD> </TR>
vspace="10" border="0" </table>
align="left"> <img 17COLSPAN - Указывает, какое количество
src="3.jpg" ячеек будет объединено по горизонтали для
width="25%" указанной ячейки. ROWSPAN - Указывает,
hspace="10" какое количество ячеек будет объединено по
vspace="10" border="0" вертикали для указанной ячейки.
align="right"> <font 18Темы проектов на выбор: 1. Новости
size="+1" компьютерного мира 2. Поколения ЭВМ 3.
color="#C0C0C0"> <p Компьютерные сети 4. Занимательная алгебра
align="center"> Кошки очень 5. Открытия в астрономии 6. Тонкости
забавные животные. <br> Они создают экономики 7. Самый классный класс.
Оформление рисунков на WEB-страницах.ppt
http://900igr.net/kartinka/informatika/oformlenie-risunkov-na-web-stranitsakh-65637.html
cсылка на страницу

Оформление рисунков на WEB-страницах

другие презентации на тему «Оформление рисунков на WEB-страницах»

«3d рисунки на асфальте» - Курт Веннер – один из самых известных уличных художников, который рисует 3D рисунки на асфальте при помощи обычных мелков. Свои первые работы курт стал создавать в 16 лет в Санта-Барбаре, где и пристрастился к уличному искусству. США. 3d рисунки на асфальте. В молодости Курт Веннер работал художником-иллюстратором в NASA, где создавал первоначальные изображения будущих космических кораблей.

«Web 2.0» - Примеры зарубежных проектов Web 2.0. «Желтофиоль». Уже имеет посещаемость в 80 000 человек ежесуточно. Преимущества сервисов Web 2.0. Почему для вашей компании наступило времяweb 2.0? Успешность ведущих Web 2.0 сервисов. На территории Рунета пока только появляются первые «ласточки». Примеры российских проектов Web 2.0.

«Редактирование рисунков» - Копирование. Рисунок Отразить/повернуть Слева направо Сверху вниз ок Повернуть на угол. Выделенная область. Ctrl. Рисунок очистить Выделить область для удаления Delete. Технология создания рисунка. Schift. Окружность Квадрат Прямая линия. Установка параметров рисунка. Основные операции редактирования изображений.

«Создание web-страниц» - <BODY> </BODY>. Общая характеристика данных, включаемых в сайт. 1.2. Назначение и предполагаемая аудитория. Какова цель создания вашего сайта? Текст. Вид WEB – страницы задается тэгами, которые заключаются в угловые скобки. Периодичность обновления данных сайта. E-MALE: Web - сайты и web - страницы.

«Сохранение рисунков» - Для хранения информации на компьютере используется долговременная память – жёсткий диск. Команды меню Paint. Как выделить фрагмент изображения в Paint? С помощью инструмента Выделение. Повторяем пройденное. Прямоугольная область, произвольная, прозрачное выделение. Часть. Какую команду выбрать? Что называется фрагментом?

«Оформление работ» - Общие требования к оформлению работ. Структурные элементы: Основная часть работы Развивает главную мысль, обозначенную во вступлении. Оформление титульного листа конкурсной исследовательской работы на примере «Дорогами Отечества». Титульный лист. Выводы (заключение). 3. Текст на каждом листе пишется только с одной стороны;

Веб-страницы

13 презентаций о веб-страницах
Урок

Информатика

130 тем
Картинки
900igr.net > Презентации по информатике > Веб-страницы > Оформление рисунков на WEB-страницах