Куцева Надежда Алексеевна Учитель I квалификационной категории Муниципальное общеобразовательное учреждение средняя общеобразовательная школа 1 г.Камешково. - презентация

1 Куцева Надежда Алексеевна Учитель I квалификационной категории Муниципальное общеобразовательное учреждение средняя общеобразовательная школа 1 г.Камешково Владимирской области

2

3 Элемент - конструкция языка HTML. Это контейнер, содержащий данные и позволяющий отформатировать их определенным образом. Любая Web-страница представляет собой набор элементов. Одна из основных идей гипертекста возможность вложения элементов.

4 ТЭГ - начальный или конечный маркеры элемента. Тэги определяют границы действия элементов и отделяют элементы друг от друга. В тексте Web-страницы тэги заключаются в угловые скобки, а конечный тэг всегда снабжается косой чертой. * Записать основные тэги

5 1. Взаимное расположение элементов HTML, HEAD, TITLE, BODY должно быть стандартным на любой странице Всегда использовать конечные тэги (не забывать,, и др.). 3. Не нарушать правила вложения тэгов. Правильно: Заголовок крупный Заголовок поменьше Неправильно: Заголовок крупный Заголовок поменьше

6 4. Любая полезная информация должна находиться между начальным и конечным тэгами, указывающими ее формат. 5. Все атрибуты располагаются в начальном тэге. 6. Принято начальные тэги писать ЗАГЛАВНЫМИ буквами ( ), а конечные строчными буквами ( ). Выполнить практическую работу (на ПК)

7 Аквамарин aqua #00FFFF Белый white #FFFFFF Желтый yellow #FFFF00 Зеленый green # Золотистый gold #FFD700 Индиго indigo #4B0080 Каштановый maroon # Красный red #FF0000 Оливковый olivе # Пурпурный purple # Светло-зеленый lime #00FF00 Серебристый silver #C0C0C0 Серый gray # Сизый teal # Синий blue #0000FF Ультрамарин navy # Фиолетовый violet #EE80EE Фуксиновый fuchsia #FF00FF Черный black #000000

8 КодЦветКодЦвет # # # # # #A00000 # #B00000 # #C00000 # #D00000 # #E00000 # #FF0000

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

10 Например: Иванов Иван Иваныч или Иванов Иван Иваныч

11 Абзац - выравнивание текста по левому краю экрана. - выравнивание текста по центру экрана. - выравнивание текста по правому краю экрана. Принудительный переход на новую строку

12 - элемент для создания ссылки на графический файл (image). Необходимым атрибутом является src - указатель на файл графики: src="Ссылка на файл". Например: - обычный рисунок - анимированный рисунок C:\Program Files\Microsoft Office\CLIPART\PUB60COR

13 Высоту и ширину области, в которой демонстрируется рисунок, задают при помощь атрибутов height - высота и width - ширина. Например: * Обратите внимание, что во втором случае изменен размер рисунка (мы изменили ширину, высота будет изменена автоматически).

14 Атрибут border задает рамку вокруг объекта. border="2' - ширина рамки задается в пикселях. Например:

15 Домашняя страничка Куцева Надежда Алексеевна учитель ИКТ МОУ СОШ 1

16 … внешний элемент таблицы … элемент, задающий строку таблицы … элемент, задающий ячейку таблицы (кол-во столбцов)

17 Опишем таблицу, которая будет состоять из двух строк и двух столбцов: Начало таблицы Начало первой строки Первая ячейка первой строки Вторая ячейка первой строки Конец первой строки Начало второй строки Первая ячейка второй строки Вторая ячейка второй строки Конец второй строки Конец таблицы

18 Ширину таблицы можно задавать в пикселях или в процентном отношении к ширине страницы Например:

19 Цвет фона таблицы: bgcolor="#RRGGBB" например: Цвет фона таблицы: bgcolor="#RRGGBB" например: Цвет ячеек таблицы. Цвет ячеек таблицы.

20 Ширина боковой грани border. Задаётся в пикселях. Если border=0, то грань будет невидима Например:

21 Расписание уроков урока время понедельник вторник … Первая строка таблицы

22

23 - тэг для гиперссылки Шаблон: Текст для щелчка Например: Домашняя страница

24 Внутри тега используются атрибуты: link - задает цвет ссылок на всей Web-странице, vlink - задает цвет посещенных ссылок, alink - задает цвет активных ссылок (цвет появляется при нажатии мыши). Пример : Пример :

25 Cсылка указывает на какой-либо Web-ресурс: href= Гиперссылка используется для указания адреса электронной почты. Обычно такую ссылку размещают в конце страницы для обеспечения связи с Web-мастером или автором страницы, например: Алексей Гончаров

26

27 1.Выделить папку с готовым материалом 2.В навигационном меню команду «Опубликовать в Вебе» 3.В появившемся диалоговом окне нажать кнопку Далее (дважды) 4.Теперь необходимо указать сервер (Narod.ru или Chat.ru)

28 5.Если мастер выдаст сообщение об ошибке, необходимо щелкнуть «Нет доступных служб» 6.В появившемся окне указать адрес сервера: 7. Теперь нужно будет ответить на несколько вопросов и дальше Мастер сделает сам

29 Login (логин) Password (пароль) Установить самим