Разработка Web-сайтов с использованием языка разметки гипертекста HTML Цель Познакомить с языком разметки гипертекстовых документов. - презентация

1 Разработка Web-сайтов с использованием языка разметки гипертекста HTML Цель Познакомить с языком разметки гипертекстовых документов

2 Web-страницы и Web-сайты Web-страницы создаются с использованием языка разметки гипертекстовых документов HTML (Hyper Text Markup Language) В обычный текстовый документ вставляются управляющие символы - HTML-тэги, которые определяют вид Web-страницы при её просмотре в браузере.

3 Достоинством Web-страниц является возможность её просмотра в различных операционных системах. Для создания Web-страниц используются простейшие текстовые редакторы, например Блокнот (в Windows), TextEdit (в Mac OS) и др. Web-страницы и Web-сайты

4 Также для создания Web-страниц применяются и Web-редакторы, например, Microsoft FrontPage, Macromtdia Dreamweaver или iWeb, что делает работу по созданию Web-сайтов простой и эффективной. Web-страницы и Web-сайты

5 Публикации во Всемирной паутине реализуются в форме Web-сайтов, которые обычно содержат материал по определённой теме или проблеме. Как обычный журнал так и Web-сайт состоит из Web-страниц, связанных гиперссылками.

6 Вопросы 1. В чём заключается преимущество Web- страниц перед обычными текстовыми документами? 2. Каким образом Web-страницы объединяются в Web-сайты? 12

7 Управляющие символы - HTML-тэги. Тэги заключаются в угловые скобки и могут быть одиночными или парными. Парные тэги содержат открывающий и закрывающий тэги (контейнер.) Закрывающий тэг содержит прямой слэш ( / ) перед обозначением. Структура Web-страницы

8 HTML-код страницы помещается внутрь контейнера Без этих тэгов браузер не в состоянии определить формат документа. Web-страница разделяется на две части: заголовок и содержание. Структура Web-страницы

9 Заголовок Web-страницы помещается внутрь контейнера и содержит название страницы и др. информацию. Название страницы помещается в контейнер Структура Web-страницы

10 Отображаемое в браузере содержание страницы помещается в контейнер. Созданную Web-страницу необходимо сохранить в виде файла с расширением.htm или.html Структура Web-страницы

11 Вопросы 1. Какие тэги должны присутствовать в HTML-документе обязательно? 2. Какова логическая структура Web-страницы? 1 2

12 Задание 1 Создайте в текстовом редакторе TextEdit Web-страницу. Сохраните файл под любым именем с расширением.txt, затем, измените имя на index.html (окно TextEdit не закрывайте) Откройте файл в браузере.

13 Пример: «Компьютер» «Компьютер»

14 Задание 2 Если не получилось, создайте Web- страницу в текстовом редакторе Блокнот, включив Parallels Desktop. Далее Windows 7. Сохраните файл под именем index.html Откройте файл в браузере. Что видим?

15 Пример: «Компьютер» «Компьютер»

16 Форматирование текста на Web-странице

17 Форматирование шрифта на Web-странице

18 Вставка изображений на Web- странице

19 Цвет фона, текста и ссылок на Web-странице

20 Домашнее задание Д.З. § 3.7.1, § 3.7.2, 3.7.3, Презентация 3_7_3_4_Web- страницы и сайты