Web-страницы. Язык HTML © К.Ю. Поляков, 2007-2008 Тема 4. Списки.

Презентация:



Advertisements
Похожие презентации
Вставка изображений, звука и гиперссылок на сайт
Advertisements

На Web-страницы можно помещать изображения, хранящиеся в формате.gif,.jpeg или.png. атрибуты: WIDTH – ширина рисунка HEIGHT – высота рисунка ALIGN – выравнивание.
Web-страницы. Язык HTML 1.ВведениеВведение 2.Оформление текстаОформление текста 3.ГиперссылкиГиперссылки 4.СпискиСписки 5.РисункиРисунки 6.ТаблицыТаблицы.
Основы Web-дизайна: HTML и редактор HEFS К. Поляков, Что такое Web-страницы? Гиперссылка – «активная»ссылка на другой.
Web-страницы. Язык HTML © К.Ю. Поляков, ВведениеВведение 2.Оформление текстаОформление текста 3.ГиперссылкиГиперссылки 4.СпискиСписки 5.РисункиРисунки.
Web-страницы. Язык HTML Тема 1. Введение. 2 Что такое Web-страницы? Гиперссылка – «активная»ссылка на другой документ. Гипертекст – текст, содержащий.
Атрибуты тэгов «Создание Web-сайтов» Занятие 1 Часть 2.
РАЗМЕЩЕНИЕ ИНФОРМАЦИИ В ИНТЕРНЕТ РАЗРАБОТКА WEB-ПРИЛОЖЕНИЙ.
HTML. Добавление графики в WEB-документ.
В этой работе использована презентация учителя информатики Усольцевой Э.М. (г. Качканар) Часть 2. Форматы файлов растровой графики.
Вставка изображений и гиперссылок на Web- страницы. Списки на Web-страницах.
ТЕХНОЛОГИЯ СОЗДАНИЯ МУЛЬТИМЕДИЙНЫХ ДИСКОВ И ВИРТУАЛЬНЫХ ВЫСТАВОК Фунтикова И. В. ведущий программист НБЧР.
Современные браузеры могут работать с различными форматами изображений, но наиболее предпочтительные – Для фотографий лучше использовать формат JPEG для.
HTML (HyperText Markup Language) - Язык Разметки Гипертекста.
Современные браузеры могут работать с различными форматами изображений, но наиболее предпочтительные – Для фотографий лучше использовать формат JPEG для.
Вставка изображений в Web-страницы. - тег вставки изображения в документ Изображение появится в том месте документа, в котором записан этот тэг. Команда.
Создание Web- страниц с графическими изображениями и бегущей строкой c помощью язык разметки гипертекста HTML.
Oсновы HTML Hyper Text Markup Language. Идеологи Тим Бернерс-Ли британский учёный (1989) Тед Нельсон - американский социолог, изобретатель гипертекста.
Урок информатики в 9 классе. Автор: учитель информатики и ИКТ ГБОУ СОШ 891 Пулова Светлана Анатольевна.
Примеры форматов графических файлов. Некоторые форматы графических файлов.
Транксрипт:

Web-страницы. Язык HTML © К.Ю. Поляков, Тема 4. Списки

2 Маркированные списки Вася Петя Коля Вася Петя Коля unordered list (неупорядоченный список) list item (элемент списка) изменение маркера: disk circle square

3 Нумерованные списки Вася Петя Коля Вася Петя Коля ordered list (упорядоченный список) изменение нумерации: , i, I, a, A

4 Списки определений компьютер устройство для обработки информации дискета гибкий магнитный диск винчестер жесткий магнитный диск компьютер устройство для обработки информации дискета гибкий магнитный диск винчестер жесткий магнитный диск definition list (список определений) definition term (термин) definition description (описание)

5 Многоуровневые списки Города России Города Украины Города России Города Украины Москва Санкт-Петерург Киев Одесса

Web-страницы. Язык HTML © К.Ю. Поляков, Тема 5. Рисунки

7 Форматы рисунков GIF (Graphic Interchange Format) сжатие без потерь прозрачные области анимация только с палитрой (2…256 цветов) рисунки с четкими границами, мелкие рисунки JPEG (Joint Photographer Expert Group) сжатие с потерями только True Color (16,7 млн. цветов) нет анимации и прозрачности рисунки с размытыми границами, фото PNG (Portable Network Graphic) сжатие без потерь с палитрой (PNG-8) и True Color (PNG-24) прозрачность и полупрозрачность (альфа-канал) нет анимации плохо сжимает мелкие рисунки

8 Фон страницы "images/back.jpg" "../images/back.jpg" " "images/back.jpg" "../images/back.jpg" " Не должно быть "швов"! ! Фон не должен мешать! !

9 Рисунки в документе из той же папки: из другой папки: с другого сервера: image (изображение) source (источник)

10 Выравнивание left right top bottom (по умолчанию) middle

11 Отступы VSPACE (vertical space) HSPACE (horizontal space)

12 Другие атрибуты всплывающая подсказка надпись на месте рисунка, если его нет всплывающая подсказка надпись на месте рисунка, если его нет размеры позволяют: растянуть - сжать не портить дизайн, если рисунка нет размеры позволяют: растянуть - сжать не портить дизайн, если рисунка нет толщина рамки вокруг рисунка