Презентация на тему "Что такое web-страницы?"

Содержание

• 
  Слайд 1

  Что такое Web-страницы?

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

• 
  Слайд 2

  Какие бывают Web-страницы?

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

• 
  Слайд 3

  Язык HTML

  3 HTML = Hypertext Markup Language(язык разметки гипертекста) HTML – это не язык программирования! ! HTML-страница – это текстовый файл (Блокнот):

  Моя страница Привет! … index.html sail.jpg man.jpg sunset.jpg clock.avi ball.swf bee.wav images
• 
  Слайд 4

  Тэги

  4 Тэг– это команда языка HTML, которую выполняет браузер: непарные тэги парные тэги (контейнеры) вставить рисунок

  ... открывающий закрывающий область действия тэга: описание таблицы
• 
  Слайд 5

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

  5

  Моя первая Web-страница Привет! first.html Моя первая Web-страница шапка («голова») Привет! основная часть («тело»)
• 
  Слайд 6

  Заголовки: H1 … H6

  6

  Заголовок документа Заголовок раздела Заголовок подраздела Заголовок параграфа Комментарий Авторские пометки выравнивание: История left, center, right
• 
  Слайд 7

  Абзацы

  7 переход на новую строку абзац(с отступами) И вечный бой! Покой нам только снится Сквозь кровь и пыль... Летит, летит степная кобылица И мнет ковыль...

  Одно физическое тело захотело поменять три своихстарых варежки на что-нибудьхорошее.

  До самого вечера тело с варежками ...

• 
  Слайд 8

  Выравнивание

  8

  Этот текст выровнен по центру.

  Этот текст выровнен по ширине. Этот текст выровнен по ширине. Этот текст выровнен по ширине. Этот текст выровнен по ширине.

  left по левой границе rightпо правой границе centerпо центру justifyпо ширине Не используйте выравнивание по ширине для узких столбцов! ! атрибут тэга

• 
  Слайд 9

  Физическая разметка

  9

• 
  Слайд 10

  Специальные символы - мнемоники

  10

• 
  Слайд 11

  Маркированные списки

  11

  • Вася
  • Петя
  • Коля

  unordered list (неупорядоченный список) listitem (элемент списка) изменение маркера:

  ...

  disk  circle○ square ■
• 
  Слайд 12

  Нумерованные списки

  12

  1. Вася
  2. Петя
  3. Коля

  ordered list (упорядоченный список) изменение нумерации:

  ...

  1, i, I, a, A
• 
  Слайд 13

  Списки определений

  13

  компьютер устройство для обработки информации дискета гибкий магнитный диск винчестер жесткий магнитный диск definition list (списокопределений) definition term (термин) definition description (описание)
• 
  Слайд 14

  Многоуровневые списки

  14

  • Города России      
  • Города Украины  

    
  1. Москва  
  2. Санкт-Петерург

    
  1. Киев  
  2. Одесса
• 
  Слайд 15

  Форматированный текст (тексты программ)

  15 programqq; vara, b: integer; begin writeln("Введите два числа"); read(a,b); writeln(a,'+',b,'=',a+b); end.

  programqq; vara, b: integer; begin writeln("Введите два числа"); read(a,b); writeln(a,'+',b,'=',a+b); end. отформатированный текст (preformatted)
• 
  Слайд 16

  Тэг BODY – общие свойства страницы

  16 цвет фона и текста цвет гиперссылок Привет!

• 
  Слайд 17

  Кодирование цвета

  17 имена red, green, blue, magenta, black, шестнадцатеричные коды white #FA8072 R G B #FF0000 #FFFFFF #00FFFF #000000 #AAAAAA

• 
  Слайд 18

  Тэг FONT – свойства блока текста

  18 цвет текста размер шрифта Привет! Как дела? Привет! Как дела? от 1 до 7 (3 – нормальный)

• 
  Слайд 19

  Линия-разделитель

  19

  horizontal rule ширина в пикселях или процентах толщина выравнивание Не рекомендуется использовать – лучше заголовки разделов! !