Атрибуты тэгов «Создание Web-сайтов» Занятие 1 Часть 2.

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



Advertisements
Похожие презентации
«Эргономика и дизайн Web-сайта» Занятие 4. Топология сайта Интуитивно-понятная структура: Древовидная Линейно-последовательная Гибридная Отсутствие перекрестных.
Advertisements

На Web-страницы можно помещать изображения, хранящиеся в формате.gif,.jpeg или.png. атрибуты: WIDTH – ширина рисунка HEIGHT – высота рисунка ALIGN – выравнивание.
РАЗМЕЩЕНИЕ ИНФОРМАЦИИ В ИНТЕРНЕТ РАЗРАБОТКА WEB-ПРИЛОЖЕНИЙ.
Какой тег является тегом перевода строки? 1.BR 2.TR 3.HR 4.I.
Форматирование текста на Web-странице Пока наша страница выглядит не слишком привлекательно: мелкий шрифт чёрного цвета на белом фоне. С помощью тэгов.
HTML (HyperText Markup Language) - Язык Разметки Гипертекста.
HTML Урок 2 Пищита Е.В.. СОДЕРЖАНИЕ УРОКА Вставка горизонтальной линии. Тег Цвет горизонтальной линии. Тег Выравнивание горизонтальной линии. Тег Линия.
Вставка изображений и гиперссылок на Web- страницы. Списки на Web-страницах.
Язык HTML Web-дизайн Web – World Wide Web (WWW) Всемирная паутина. Design – проектирование, конструирование. Web-дизайн – проектирование в Интернете.
С ИСПОЛЬЗОВАНИЕМ ЯЗЫКА ГИПЕРТЕКСТОВОЙ РАЗМЕТКИ ДОКУМЕНТА HTML Создание Web - страницы.
Вставка изображений в Web-страницы. - тег вставки изображения в документ Изображение появится в том месте документа, в котором записан этот тэг. Команда.
1 Web-конструирование Шестаков Александр Петрович
Язык гипертекстовой разметки. Copyright Baltazar and Mirron corp.
Основные теги HTML
Задание: изучить тему, записать все теги форматирования.
(HyperText Markup Language) – язык гипертекстовой разметки.
HTML (HyperText Markup Language). Основные понятия Элемент – конструкция языка HTML. Он состоит из 3 частей: открывающий тег, содержимое, закрывающий.
Создание Web- страниц с графическими изображениями и бегущей строкой c помощью язык разметки гипертекста HTML.
Виды списков: 1. Нумерованный 2. Маркированный 3. Вложенный.
Основы Html HTML – HyperText Markup Language – язык разметки гипертекста
Транксрипт:

Атрибуты тэгов «Создание Web-сайтов» Занятие 1 Часть 2

текст

Атрибуты тэга маркированного списка UL type – стиль элемента списка: disc – кружок; circle – окружность; square – квадратик.

Атрибуты тэга нумерованного списка OL type – стиль элемента списка: 1 – арабские цифры; A – буквы верхнего регистра (англ.); a – буквы нижнего регистра (англ.); I – римские цифры верхнего регистра ; i – римские цифры нижнего регистра. start – номер, с которого должна начинаться нумерация

Атрибут align для выравнивания текста left center right justify По левому краю По центру По правому краю По ширине В начало страницы

Цвет на Web-странице Разряд Цветкрасныйзеленыйсиний A B C D E F

Примеры цветов КодЦвет #000000Черный #FFFFFFБелый #FF0000Красный #00FF00Зеленый КодЦвет #0000FFСиний #FFFF00Желтый #FF00FFФиолетовый #00FFFFБирюзовый

Стандартная палитра Web СС FF

Настройка цветов страницы (тэг BODY) bgcolor background text link alink vlink Цвет фона Рисунок фона Цвет текста Цвет гиперссылок Цвет активных гиперссылок Цвет посещенных гиперссылок

Цветовой дизайн сайта Цвета фона и текста должны контрастировать по яркости. Использовать только 2 – 3 цвета. Хорошо смотрится использование разных оттенков одного и того же цвета.

Цветовое оформление сайта «Башни Московского Кремля»

Дизайн фонового рисунка Не должен затруднять восприятие текста. Использовать маленький по объему графический файл. Фоновый рисунок не отменяет настройку цвета фона.

Фоновый рисунок сайта «Башни Московского Кремля»

Оформление частей текста (тэг FONT) face color size Гарнитура шрифта Цвет шрифта Размер шрифта Несколько раз Московскому Кремлю грозило … … государственности.

Рисунки на Web-странице ФорматРасширение Количество оттенков GIF*.gif256 JPEG*.jpg16 млн. PNG*.png281 трлн.

Формат GIF 256 цветов поддерживает загрузку файла с чередованием строк возможен прозрачный фон осуществляет анимацию изображения Используют для рисунков и gif-анимации.

Формат JPEG 16 млн. цветов фотографическое качество изображений позволяет задать еще более высокую степень сжатия за счет потери качества Используют для фотографий

Формат PNG 281 трлн. цветов поддерживает загрузку файла с чередованием строк возможен прозрачный фон (с различной степенью прозрачности) помехоустойчивый, осуществляет проверку на ошибки при передаче файлов Используют для фотографий

Размещение рисунков (тэг IMG)

Атрибуты тэга IMG width height alt border lowsrc vspace hspace align Ширина объекта Высота объекта Подпись рисунка Толщина рамки Упрощенный рисунок Отступы сверху и снизу от рисунка Отступы слева и справа от рисунка Выравнивание текста около рисунка

Значения атрибута align topодна строка текста справа на уровне верхнего края рисунка bottomодна строка текста справа на уровне нижнего края рисунка middleодна строка текста справа на уровне середины рисунка left рисунок слева от текстового массива right рисунок справа от текстового массива

Башни Московского Кремля

Башни Московского Кремля

… ров глубиной 10 м и шириной 32 м, выложенный белым камнем. Протяженность укреплений более 2-х километров, высота…

Царская башня Изящная башенка построена взамен обветшавшей деревянной вышки…