Создание WEB-страниц. HTML – язык разметки гипертекстовых документов (расширение файла htm или html). Браузер – программа для просмотра web-страниц. - презентация

1 Создание WEB-страниц

2 HTML – язык разметки гипертекстовых документов (расширение файла htm или html). Браузер – программа для просмотра web-страниц.

3 WEB-страница

4 HTML - код

5 Web-страница и HTML-код взаимосвязаны, фактически это один документ. Чтобы исправить код или отредактировать его: нажать правой кнопкой в любом месте страницы и выбрать в контекстном меню ПРОСМОТР HTML-кода; нажать на панели инструментов кнопку Обновить. ТЕГ – элемент HTML-кода, теги заключается в угловые скобки. Теги бывают парные и непарные. Примеры: … - парный тег - непарный тег

6 С чего начать? Создать папку, в которой будут размещаться все материалы сайта. Внутри этой папки создать другие. My site foto index.htm klava.htm mouse.htm sistem.htm monitor.htm

7 Персональный компьютер Компьютер Компьютер - прибор модульный. Он состоит из различных устройств (модулей), каждое из которых выполняет свои задачи. Начало страницы Конец страницы

8 Персональный компьютер Компьютер Компьютер - прибор модульный. Он состоит из различных устройств (модулей), каждое из которых выполняет свои задачи. Головная часть Заголовок страницы

9 Персональный компьютер Компьютер Компьютер - прибор модульный. Он состоит из различных устройств (модулей), каждое из которых выполняет свои задачи. Основная часть (тело)

10 Персональный компьютер Компьютер Компьютер - прибор модульный. Он состоит из различных устройств (модулей), каждое из которых выполняет свои задачи. Информация, отображаемая в браузере.

11 Теги форматирования текста … - заголовок … - меньший заголовок … - еще меньший заголовок - новый абзац - горизонтальная линия - разрыв строки, переход на другую строку … - жирный шрифт … - шрифт курсив … - выравнивание по центру

12 Примеры Персональный компьютер Иван Петрович Гусев Кинотеатр Радуга Урок информатики

13 HTML-код и web-страница

14 Вставка рисунка Имя папки, где находится файл с рисунком Имя файла с рисунком

15 Маркированный список Страны Европы Франция Германия Болгария Италия Страны Европы Франция Германия Болгария Италия Страны Европы Франция Германия Болгария Италия

16 Нумерованный список Страны Европы Франция Германия Болгария Италия Страны Европы 1. Франция 2. Германия 3. Болгария 4.Италия

17 Вставка таблицы Пункт 1Пункт 2Пункт 3 Пункт 4Пункт 5Пункт 6 … - таблица … - строка … - ячейка Пункт 1 Пункт 2 Пункт 3 Пункт 4 Пункт 5 Пункт 6

18 Гиперссылка Пример. При нажатии на текст Главная нужно перейти на страницу index.htm, которая является главной страницей сайта. Главная Путь к файлу Текст гиперссылки