Познакомиться с понятием Web-страница; Познакомиться с понятием «тэг» Познакомиться со структурой программы на языке НТМL Познакомиться с тэгами форматирования. - презентация

1

2 Познакомиться с понятием Web-страница; Познакомиться с понятием «тэг» Познакомиться со структурой программы на языке НТМL Познакомиться с тэгами форматирования текста Познакомиться с атрибутами тэгов форматирования текста Приобрести практические навыки по созданию и сохранению Web-страницы

3 Для создания Web-страниц используется язык разметки гипертекста HTML(Hzper Text Markup Language), созданный Тимом Бернерсом – Ли в 1989 г. Код страницы набирается в любом текстовом редакторе (например,БЛОКНОТ) или специальной программе(например, Homepage Builder) и оформляется с помощью команд языка HTML. Тестируется html – файл с помощью любого браузера. Web- страницы (html-файлы) имеют формат *.htm или *.html. Команды HTML задаются с помощью специальных элементов – тегов, которые заключаются в угловые скобки. Прописные и строчные буквы при написании тэгов не различа- ются!

4 Непарные, например, - тэг перевода строки; Парные, например, информатика - выделение слова «информатика» жирным шрифтом. Признаком окончания действия парного тэга служит слэш /. Программы, написанные на языке HTML, имеют определённую стандартизированную структуру:

5 Пробная страница ………… Заголовок документа

6 … - это первый тэг, который должен находиться в любом html-документе (указывает на то, что данный документ действительно содержит в себе html-текст). … - определяет заголовок страницы, содержит справочную информацию о странице(название, используемая кодировка, ключевые слова и т. … - определяет название страницы, которое будет выведено в строке заголовка браузера. … - определяет содержимое страницы, выводимое на экран монитора.

7 Архитектура компьютера Всё о компьютере Команда задаёт браузеру информацию о кодировке, в которой написан документ

8

9 1.Созданную Web-страницу необходимо сохранить в виде файла. 2.Принято сохранять титульный файл сайта, то есть тот, который первый загружается в браузер, под именем index.html (или index.htm). 3.Рекомендуется создать для размещения сайта специальную папку и сохранять все файлы разра- батываемого сайта в этой папке. 4.Необходимо различать имя файла index. html, то есть имя, под которым Web-страница хранится в файловой системе, и собственно имя Web-страницы, которое высвечивается в верхней строке окна браузера. Соответствие имени Web-страницы её содержанию.

10 Между тэгами располагаются команды, следуя которым браузер выводит информацию в окно документа. ……………… - горизонтальная линия Пример: - абзац -вывод абзаца с новой строки - заголовок

11 Некоторые тэги имеют атрибуты, которые являются именами свойств и могут принимать определённые значения. ALIGN –тип выравнивания заголовка ПРИМЕРЫ: Всё о компьютере С помощью тэга FONT и его атрибутов можно задать параметры форматирования шрифта любого фрагмента текста. Атрибут FACE позволяет задавать гарнитуру шрифта(FACE=Arial), а атрибут SIZE – размер шрифта(SIZE=18)

12 Атрибут COLOR – цвет шрифта, например, COLOR=blue Значение атрибута COLOR можно задать либо названием цвета (red, blue, green и т. д.) или его шестнадцатеричным значением. ПРИМЕР: Всё о компьютере Для абзаца тоже существуют атрибуты. Здесь вы можете узнать о компьютере.

13 … - полужирный текст; … - курсивный текст; … - подчёркнутый текст

14 Создать страничку с название заголовка Web-страницы «Страны». Название на странице - «Лондон». Задайте любой цвет букв для заголовка названия страницы. Задайте для заголовка названия страницы выравнивание по центру. Вставьте первый абзац из текста «Лондон». Выравнивание первого абзаца по левому краю. Вставьте второй абзац из текста «Лондон». Выравнивание второго абзаца по центру. Третий абзац вставьте и задайте выравнивание по правому краю.

15 ЦветИмя цвета Шестнадцате- ричный код ЦветИмя цвета Шестнадца- теричный код Чёрныйblack000000Тёмно- зелёный green Тёмно- синий navy000080Голубой teal Светло- серый silverc0c0c0Зелёный lime00ff00 Синийblue0000ffБирюзо- вый aqua00ffff Малино- вый maroon800000Оливко- вый olive Сирене- вый purple800080Тёмно- серый gray Красныйredff0000жёлтый yellowffff00