Similar presentations:
Создание web-сайта. HTML
1. Проект «Мой первый сайт»
«75 ЛЕТ ВЕЛИКОЙ ПОБЕДЫ»2. HTML – язык гипертекстовой разметки
Для работы над проектом потребуется :Компьютер
Текстовый
с Internet
редактор БЛОКНОТ
3. Структура САЙТА
Основные теги проекта:<HTML>,
<HEAD>, <BODY>;
<Table>, <tr>, <td>
<p>, <font>, <img>, <embed>
<a>
<embed src="zemlyanka.wav"
width="300" height="100" ></embed>
4. Теги, обязательные для САЙТА
<HTML><HEAD>
<TITLE> Мой первый сайт </TITLE>
</HEAD>
<BODY>
сайт
</BODY>
</HTML>
5. ТЕГ <table> ( <tr>, <td> )
ТЕГ <table> ( <tr>, <td> )Табличное распределение информации по экрану
Пример (одна строка и в ней два столбца)
<table width=100%” height=100% border=“1 >
<tr”>
<td width=“40%”> Первый столбец </td>
<td width=“60%”> Второй столбец </td>
</tr>
</table>
6. Тег <img src = “file.jpg”>
Тег <img src = “file.jpg”>Вставка картинки
file.jpeg на сайт
Атрибуты:
Width = 300 height = 300 alt = “Фото”
Атрибуты записываются в произвольном
порядке после имени файла
7. Тег <font> </font>
Тег <font></font>
Настройка текста (цвет, шрифт, размер)
<font color=#FF0000 size=“5” face=“Arial”> Текст
</font>
Получим шрифт Arial, Красного цвета и
5 размера
8. Тег <Embed src=“muz.wav” width=“200” height=“100”> Ссылка </Embed>
Тег <Embed src=“muz.wav”width=“200” height=“100”> Ссылка
</Embed>
Создание плеера для воспроизведения
аудио файлов
9. Проект «Мой первый сайт»
План работы:1.
2.
3.
4.
5.
6.
Выбрать тему
Выбрать структуру главной странички
Создать папку и скопировать в нее нужные
файлы(картинки, музыку…)
Создать главную страничку index.html
Создать при необходимости
дополнительные странички
Получить 5 !