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

Изучить презентацию.
Изучить §13.

Домашнее задание

Способы создания сайтов

HTML- редакторы

Ручной

On-line конструкторы

Способы

HTML — стандартный язык разметки документов во Всемирной паутине

WEB-браузер — интерпретатор

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

Что такое HTML

Это не язык программирования, а язык разметки! (HyperText Markup

Веб-страница – файл с расширением *.html или *.htm

Привет!
…

index.html

Веб-страница

Тэги

Тэг – это команда языка HTML, которую выполняет браузер:

непарные тэги
парные тэги

Тег (tag) – команды разметки элементов. В тексте Web-страницы теги заключаются в

Атрибут (attribute) – параметр или свойство элемента.
Это переменная, которой присваивается значение.
Значения

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

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

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

текст

Тэг

Атрибут

Значение

Открывающий

Закрывающий

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

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

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

текст

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

Текст по центру:

текст

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

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

Простейшая Web-страница

Привет!

index.html

шапка («голова»)

Привет!

основная

Практическое выполнение

Создаём файл index.html

Практическое выполнение

Практическое выполнение

текстовый редактор

браузер (IE)

Обновить

В текстовом редакторе – Сохранить (Ctrl+S)
В

Привет, люди. Я с вами

Пример