Web-страницы. Язык HTMLL презентация

Содержание

Web-страницы. Язык HTML © К.Ю. Поляков, 2007 Тема 1. Введение

Слайд 1Web-страницы. Язык HTML
© К.Ю. Поляков, 2007


Введение
Оформление текста
Гиперссылки
Списки
Рисунки
Таблицы
Фреймы
Понятие о JavaScript

Слайд 2Web-страницы. Язык HTML
© К.Ю. Поляков, 2007
Тема 1. Введение

Слайд 3Что такое Web-страницы?
Гиперссылка – «активная»ссылка на другой документ.
Гипертекст – текст, содержащий

гиперссылки.
Гипермедиа-документ – документ, включающий текст, рисунки, звуки, видео, в котором любой элемент может быть гиперссылкой.
WWW (World Wide Web) – «всемирная паутина», служба Интернет для обмена информацией в виде гипертекста (и гипермедиа).
Web-страница – текстовый файл, в котором описано размещение материала на экране.
Браузер – программа для просмотра Web-страниц на экране (Internet Explorer, Mozilla Firefox, Opera).

Слайд 4Какие бывают Web-страницы?
статические – существуют на сервере в виде

готовых файлов: *.htm, *.html
динамические – полностью или частично создаются на сервере в момент запроса (выбор информации из базы данных) *.shtml, *.asp, *.pl, *.php

позволяют выбирать информацию из базы данных по заранее неизвестным запросам

дополнительная нагрузка на сервер
загружаются медленнее

Слайд 5Язык HTML
HTML = Hypertext Markup Language (язык разметки гипертекста)
HTML-страница – это текстовый

файл (Блокнот):



Моя страница


Привет!
…


index.html



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


парные тэги

(контейнеры)


вставить рисунок


...

открывающий

закрывающий

область действия тэга: описание таблицы

Слайд 7Простейшая Web-страница


Моя первая
Web-страница


Привет!



first.html

Моя первая
Web-страница

шапка ("голова")

Привет!

основная

часть («тело»)



Слайд 8Кодирование цвета
имена
red, green, blue, magenta, black,
шестнадцатеричные коды
white
R
G
B
# F F

0 0 0 0


# F F F F F F


# 0 0 F F F F


# 0 0 0 0 0 0


# A A A A A A


Слайд 9Web-страницы. Язык HTML
© К.Ю. Поляков, 2007
Тема 2. Оформление текста

Слайд 10Тэг BODY – общие свойства страницы
цвет фона и текста





цвет гиперссылок

BGCOLOR=#00FF00>
Привет!


...

цвет текста

цвет фона

посещенные ссылки
(visited link)

цвет ссылок

атрибуты тэга

Слайд 11цвет текста




размер шрифта
Тэг FONT – свойства блока текста
Привет!

Как дела?

Привет!

SIZE=6>
Как дела?

от 1 до 7
(3 – нормальный)

Слайд 12Стили оформления

Слайд 13Форматированный текст (листинги программ)
program qq;
var a, b: integer;
begin
writeln("Введите два

числа");
read(a,b);
writeln(a,'+',b,'=',a+b);
end;


program qq;
var a, b: integer;
begin
  writeln("Введите два числа");
  read(a,b);
  writeln(a,'+',b,'=',a+b);
end;

отформатированный текст
(preformatted)

Похожие презентации

3ЛётнаяМытищи 155
Геометрия, 10 класс 307
portfolio1 198
Эссойльские карелы 224
Афганская война 1979 - 1989 257
Презентация пилотного проекта_9л-Р.Юрмаш-придорожный сервис (1) 269

Обратная связь

Если не удалось найти и скачать презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое ThePresentation.ru?

Это сайт презентаций, докладов, проектов, шаблонов в формате PowerPoint. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами с другими пользователями.

Для правообладателей

Яндекс.Метрика