Web-конструирование Урок 3, 10 класс Карпова Н.В., учитель информатики МБОУ СОШ 59 п.Белозерный.

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



Advertisements
Похожие презентации
Web-конструирование Урок 3, 10 класс Карпова Н.В., учитель информатики МБОУ СОШ 59 п.Белозерный.
Advertisements

Web-конструирование Урок 2, 10 класс Карпова Н.В., учитель информатики МБОУ СОШ 59 п.Белозерный.
Web-конструирование Урок 2, 10 класс Карпова Н.В., учитель информатики МБОУ СОШ 59 п.Белозерный.
Построение одностраничного документа Оформление страницы сайта Н.Е.Елистратова, учитель информатики и математики МОУ СОШ 3 г. Петровска.
Основные теги HTML. Язык HTML HTML не является языком программирования, он предназначен для разметки текстовых документов. HTML состоит из тегов. Основным.
Уроки сайтостроения «Структура html- документа». Что такое Интернет? Интернет, словно город, состоит из домиков – сайтов, которые, в свою очередь, состоят.
Форматирование документа. 1. Форматирование символов Шрифты Символы различной ширины Times New Roman Моноширинные Courier New Шрифты Рубленные Arial С.
Название страницы содержание страницы Структура любого HTML файла.
С ИСПОЛЬЗОВАНИЕМ ЯЗЫКА ГИПЕРТЕКСТОВОЙ РАЗМЕТКИ ДОКУМЕНТА HTML Создание Web - страницы.
Задание: изучить тему, записать все теги форматирования.
Форматирование текста на Web- странице. Заголовки Так выглядит заголовок первого уровня Так выглядит заголовок второго уровня Так выглядит заголовок третьего.
Форматирование текстового документа – процесс оформления страницы, абзаца, строки, символа Форматирование шрифта – изменение параметров введенных символов.
HTML (HyperText Markup Language) - Язык Разметки Гипертекста.
Создание документов в текстовом редакторе Информатика и ИКТ 7 класс Помаскин Юрий Иванович МБОУ СОШ 5 г. Кимовск yuri
СОДЕРЖАНИЕ СОДЕРЖАНИЕ Строка Меню Строка Меню Панель инструментов Стандартная Панель инструментов Стандартная Панель инструментов Форматирование Панель.
Ввод и форматирование текста. Форматирование - это оформление текста Форматирование абзацев Форматирование шрифта.
Тема 10. ОСНОВЫ ЯЗЫКА HTML. ОСНОВЫ ЯЗЫКА HTML HTML (HyperText Manipulation Language) язык, предназначенный для создания форматированного текста, который.
Секция «Основы сайтостроения» Кротова Т.В. Овчарова О.П.
Язык HTML Web-дизайн Web – World Wide Web (WWW) Всемирная паутина. Design – проектирование, конструирование. Web-дизайн – проектирование в Интернете.
Oсновы HTML Hyper Text Markup Language. Идеологи Тим Бернерс-Ли британский учёный (1989) Тед Нельсон - американский социолог, изобретатель гипертекста.
Транксрипт:

Web-конструирование Урок 3, 10 класс Карпова Н.В., учитель информатики МБОУ СОШ 59 п.Белозерный

1. Объясните назначение следующих тегов:...

2. Какие теги нужно использовать для: Открытия и закрытия web- страницы Форматирования шрифта курсивом Форматирования шрифта полужирным начертанием Задания цвета страницы

Создайте web-страничку по образцу

ПРОВЕРЬ СЕБЯ! разбиение текста на абзацы с отступом 1 строки переход на новую строку без создания абзаца... подчеркивание слов... создание маркированного списка... создание нумерованного списка … Открытие и закрытие web-страницы... Форматирование шрифта курсивом... Форматирования шрифта полужирным начертанием Bgcolor Задание цвета страницы

Форматирование текста - выравнивание текста по левому краю экрана. - выравнивание текста по центру экрана. - выравнивание текста по правому краю экрана. - выравнивание текста по ширине страницы.

Атрибуты тела документа Наш документ такой - как мы задумали! Обратите внимание на: Цветовое выделение элемента-якоря ссылки в документе Цвет текста документа Цвет фона документа Попробуй связаться со мной

Форматирование текстовых данных АНЕКДОТЫ Анекдот 1

Программист едет в трамвае, читает книгу. Старушка смотрит на программиста, смотрит на книгу, крестится и в ужасе выбегает на следующей остановке. Программист читал книгу "Язык Ада". Анекдот 2 Программист ставит себе на тумбочку перед сном два стакана. Один с водой - на случай, если захочет ночью пить. А второй пустой - на случай, если не захочет.

Анекдот 3 Программист заходит в лифт, нажимает клавишу с номером этажа и мучительно ищет клавишу "enter". &copy 2001 Вебмастер Попробуй связаться со мной

Вставка изображения Универсальный тег, который не содержит конечного тега вся необходимая информация задается при помощи атрибутов -. SRC необходимый атрибут указатель на графический файл. Чтобы путь к нему был короче, необходимо поместить файл в ту же папку, где расположена ваша web-страничка. Пример: <img src= «собаки 1.gif»

Источники информации: Журнал «Информатика и образование», 2007 год, 10,11,12