1.73M

Category:

internet

Инструментальные средства создания Web-сайтов

1.

Инструментальные средства
создания Web-сайтов
Урок

2.

Домашнее задание
Изучить презентацию.
Изучить §13.

3.

Способы создания сайтов
Способы
Ручной
On-line
конструкторы
HTMLредакторы

4.

Язык HTML
HTML — стандартный язык
ра зметки документов во
Всемирной пау тине
WEB-браузер — интерпретатор
языка HTML, отображ ает
напис анное на языке HTML в
понятной для человека форме

5. Структура HTML-документа

6. Что такое HTML

Это не язык программирования, а язык
разметки! (HyperText Markup Language)
Текст на языке HTML и его структура
<html>
html
<head>
<title>Моя первая страничка</title>
head
body
</head>
<body>
title
p
Hello, люди!
</body>
</html>
Моя первая страничка
Hello, люди!

7.

Веб-страница
Веб-страница – файл с расширением *.html или *.htm
index.html
<HTML>
<HEAD>
<TITLE>Моя страница</TITLE>
</HEAD>
<BODY>
Привет!
…
</BODY>
</HTML>
sail.gif
bee.wav
man.png
clock.avi
sunset.jpg
ball.swf

8.

Тэги
Тэг – это команда языка HTML, которую выполняет
браузер:
вставить
• непарные тэги
рисунок
<IMG SRC = vasya.jpg>
• парные тэги (контейнеры)
открывающий
<TABLE>
...
</TABLE>
область действия
тэга: описание
таблицы
закрывающий

9.

Тег
Тег (tag) – команды разметки элементов.
В тексте Web-страницы теги заключаются в
угловые скобки, а конечный тег всегда
содержит знак «слэш».
<img src=’dom.jpg’>

10.

Атрибут
Атрибут (attribute) – параметр или свойство
элемента.
Это переменная, которой присваивается значение.
Значения атрибутов заключаются в кавычки, но
можно их опускать (если значение без пробелов).
Атрибуты располагаются внутри начального тега и
отделяются друг от друга пробелами.
<img src=’dom.jpg’>
Тэг
Атрибут
Значение

11. Правила записи тэгов

Тэги всегда заключаются в угловые скобки
Например:

12. Изменение цвета шрифта

Открывающий
Закрывающий
текст
Тэг
Атрибут
Значение

13. Изменение начертания шрифта

Жирный текст 
 Наклонный текст (курсив) 
 Подчеркнутый текст

14. Изменение гарнитуры шрифта

текст

15. Выравнивание абзаца

Текст по центру:
текст
Текст по левому краю:
текст
Текст по правому краю:
текст

16. Вставка рисунка

Для
добавления
картинки
на
страничку используют тег
<img src="путь к рисунку">
Рисунок обычно должен иметь
расширение .gif, .png, .jpg