Рабочие листы
к вашим урокам
Скачать
1 слайд
Язык разметки гипертекста
НТМL
Prezentacii.com
2 слайд
С чего начать? 1 шаг
1. Запустить «Блокнот» (пуск-стандартные-блокнот)
2. Сохранить в своей папке документ с параметрами:
- имя файла:index.html
- тип файла: все файлы
3. Закрыть сохранённый
документ.
3 слайд
2 шаг
Открыть свою папку.
Открыть файл с именем index.html
В открывшемся окне программы Internet Explorer вызвать контекстное меню ( щёлкнуть правой кнопкой мыши в рабочем поле окна)
Выбрать команду:
Просмотр html кода
4 слайд
3 шаг
В открывшемся окне
«Блокнота»
с именем index
набрать текст
программы
на языке HTML.
Сохранить файл
(файл - сохранить).
начало web-документа
конец web-документа
начало заголовка
конец заголовка
текст заголовка
Структурные парные теги
Тег – инструкция браузеру
5 слайд
4 шаг
Перейти в окно Internet Explorer и обновить страницу.
После этого в строке
заголовка появится
название новой
web-страницы
6 слайд
5 шаг
Зададим цвет нашей страницы при помощи тега <BODY BGCOLOR="SILVER">
(название цвета по-английски)
Снова сохраним файл index.
Снова обновим web-страницу.
Фон страницы стал серым
(silver-серый, серебряный).
Выберите любой цвет
для вашей странички!
7 слайд
6 шаг
Цвет текста
<body text=“ “>
Наберите текст после этого тега
<h1 align=left right center> Перед текстом вставим тег</h1>
Для отделения текста горизонтальной чертой используется тег
<hr size=10 color=“ “>
8 слайд
7 шаг
Начало нового абзаца
<р align=left>текст</p>
<р align=right>текст</p>
<р align=center>текст</p>
9 слайд
Вставка рисунков 8 шаг
Для вставки изображения используется тег
<img src=“имя _файла.расширение”>
Для выравнивания изображения использовать добавление align
Для вставки фоновой картинки:
<body background=“имя_файла.расширение”>
<body background=“имя_файла.расширение” bgproperties=“fixed”>
ggfrtgtg www.dweb.ru
10 слайд
Создание гиперссылок 9 шаг
Создайте 3 новых файла:
List1.html
List2.html
List3.html
<p align=“center”>
[<a href=“List1.html”>игры</a>] [
<a HREF=“List2.html”>истории</a>]  [
<a HREF=“List3.html”>новости</a>]</p>
11 слайд
Ссылки по изображению 10 шаг
Меню сайта в виде картинок:
<a href=“l1.html”> <img src=“имя картинки.расширение” WIGTH=200 height=150 alt=“текст" ></a>
<a HREF=“l2.html”> <img src=“имя картинки.расширение” alt=“текст" > </a>
<a HREF=“l3.html”><img src=“имя картинки.расширение” alt=“текст" ></a>
12 слайд
Ссылка на главную страницу 11 шаг
<a href =“index.html”><img src=“имя картинки.расширение” alt=“подпись картинки"></a>
13 слайд
Создание таблиц 12 шаг
<table border="1" width="90%">
<tr>
<td width="30%"> 1 </td>
<td width="30%"> 2 </td>
<td width="30%"> 3 </td>
</tr>
</table>
Одна строка, в ней 3 столбца
30+30+30=90%
14 слайд
Вставка рисунка в ячейку таблицы 13 шаг
<td width="30%">
<img src="fon_4.jpg "alt=“подпись картинки">
</td>
15 слайд
Вставка бегущей строки и звука шаг 14
<marquee behavior= “FAST”> text </marquee>
<bgsound src=“название.расширение” loop= “10” volume=”-1000” balanse= “-2500” >
!!!!! Между <head> </head>!!!!!
16 слайд
Задание на ПК
Папка МЕНЮ – ФОТОГАЛЕРЕЯ
Создать в файле index.html меню из 3-х фотографий школы.
Скопировать меню на страницы l1.html, l2.html,l3.html.
На каждой странице сделать фотогалерею в виде таблицы.
Все фото подписать.
Prezentacii.com
Рабочие листы
к вашим урокам
Скачать
6 661 487 материалов в базе
Настоящий материал опубликован пользователем Батанова Ольга Германовна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт
Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.
Удалить материал
Ваша скидка на курсы
40%
Курс профессиональной переподготовки
300/600 ч.
Курс повышения квалификации
72/180 ч.
Курс профессиональной переподготовки
600 ч.
Мини-курс
8 ч.
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.