Язык HTML Web-дизайн Web – World Wide Web (WWW) Всемирная паутина. Design – проектирование, конструирование. Web-дизайн – проектирование в Интернете. - презентация

1 Язык HTML

2 Web-дизайн Web – World Wide Web (WWW) Всемирная паутина. Design – проектирование, конструирование. Web-дизайн – проектирование в Интернете.

3 HTML HyperTextMarkupLanguage(HTML) – язык разметки гипертекста. Гипертекст - структура, связывающая элементы между собой. HTML-документ – документ, выполненный в формате HTML. Гиперссылка - текст-указатель на другой объект.

4 URL-адрес файла Пример:

5 Структура Web-страницы Тег – начальный и конечный маркер элемента. Текст Пример: Текст

6 Атрибут – параметр или свойство элемента. Пример: Текст Структура Web-страницы

7 Название страницы … Структура Web-страницы Заголовок Тело Программа

8 Форматирование текста ЭлементТегАтрибуты Абзац Полужирный шрифт Курсив Определение типа, размера и цвета шрифта

9

10 Градация красного

11 Градация зеленого

12 Градация синего

13 RGB - Red Green Blue #11 FF A B C d E F # – черный #FF FF FF – белый #FF – красный #00 FF 00 – зеленый #00 00 FF - синий

14 Цвет шрифта можно задать с помощью атрибута color в теге, например: Это цветной текст 1 Это цветной текст 2

15 Чтобы задать цвет фона страницы используется атрибут color внутри тега, например:

16 Гиперссылки - создание гиперссылки Текст Пример: Об авторе

17 Вид гиперссылок Внутри тега Link – цвет ссылок Vlink – цвет посещенных ссылок Alink – цвет активных ссылок Пример:

18 Графика на Web-странице - элемент для создания ссылки на графический файл (image). src - указатель на файл графики src="Ссылка на файл" Пример:

19 Alt – замещающий текст height - высота width – ширина border - задает рамку вокруг объекта Графика на Web-странице

20 - основной элемент создания таблицы - элемент создания строки - элемент создания ячейки Таблицы в HTML

21

22

23 Свойства таблицы в HTML 1.Ширина таблицы 2. Цвет таблицы 3. Ширина границы таблицы

24 Свойства таблицы в HTML 4. Выравнивание по горизонтали Align left - выравнивание влево; right - выравнивание вправо; center – центрирование. Пример: align="center"

25 Свойства таблицы в HTML 5. Выравнивание по вертикали Valign top - выравнивание по верхнему краю ячейки center - выравнивание по центру baseline - выравнивание по первой строке Пример: valign=middle"

26

27 Задание 1. Составьте таблицу для расписания ваших уроков. Пусть эта таблица состоит из 8 столбцов и 9 строк. Ширина таблицы - 100%. 2. В первом столбце укажите время начала и конца ваших уроков. Выравнивание данных в ячейках по левому краю. 3. В остальных столбцах школьные предметы по дням недели. 4. Выравнивание дней недели - по центру ячейки и жирным шрифтом. 5. Выравнивание названий предметов - по левому краю. 6. У всех столбцов фон сделайте разным цветом. 7. Между заголовком и таблицей поместите рисунок.