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

Содержание

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

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


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

Слайд 2Web-страницы. Язык HTML
© К.Ю. Поляков, 2007-2008
Тема 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Редактор HEFS
файловые операции
буфер обмена
один экран
запуск
браузера (F9)
назад
вперед
текстовый

редактор

браузер (IE)

отмена

Слайд 9Кодирование цвета
имена
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


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

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





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

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


...

цвет текста

цвет фона

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

цвет ссылок

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

Слайд 12Вставка тэгов в HEFS

Слайд 13Вставка атрибутов в HEFS
вставить только код цвета

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




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

Как дела?

Привет!

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

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

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

Слайд 16Форматированный текст (листинги программ)
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)

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

ДП Укрметртестстандарт Науково-технічний семінар-нарада Проблеми підвищення рівня метрологічного забезпечення вимірювань параметрів вібрації Київ, 21 червня 2012 КОНТРОЛЬ СОСТОЯНИЯ ПАРОВЫХ ТУРБИН ТЭС НТЦ Диагностика, г. Сумы Стеценко Анатолий 304
Землетрясения. Наводнения.Лесные пожары 385
zdorovoe pitanie 199
Производственные корма для животных 645
Проведение экспертной оценки качества хлеба реализуемых в магазинах потребительской кооперации и в магазинах торговых сетей 224
Вооруженные Силы Российской Федерации. 175

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

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

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

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

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

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

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