Проект «Мой первый сайт»
HTML – язык гипертекстовой разметки
Структура САЙТА
Теги, обязательные для САЙТА
ТЕГ <table> ( <tr>, <td> )
Тег <img src = “file.jpg”>
Тег <font> </font>
Тег <Embed src=“muz.wav” width=“200” height=“100”> Ссылка </Embed>
Проект «Мой первый сайт»
702.48K
Categories: internetinternet programmingprogramming

Создание 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 !
English     Русский Rules