Основные сведения о Web-странице. Язык HTML

Содержание

Слайд 2

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

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

Гиперссылка – «активная» ссылка на другой документ.
Гипертекст – текст,

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

Web-сайт и Web-страницы Web-сайт состоит из Web-страниц, объединенных гиперссылками. Web-страницы могут

Web-сайт и Web-страницы
Web-сайт состоит из Web-страниц, объединенных гиперссылками. Web-страницы могут быть

интерактивными и могут содержать мультимедийные и динамические объекты.
Слайд 4

Создание Web-сайтов реализуется с использованием языка разметки гипертекстовых документов HTML. Технология

Создание Web-сайтов реализуется с использованием языка разметки гипертекстовых документов HTML.
Технология HTML

состоит в том, что в обычный текстовый документ вставляются управляющие символы (тэги) и в результате мы получаем Web-страницу.

HTML-страница – это текстовый файл (Блокнот)

Слайд 5

Какие бывают Web-страницы статические – существуют на сервере в виде готовых

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

статические – существуют на сервере в виде готовых файлов:

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

1. Вид Web-страницы задается тэгами, которые заключаются в угловые скобки. 2.

1. Вид Web-страницы задается тэгами, которые заключаются в угловые скобки.
2. Тэги

могут быть одиночными или парными, для которых обязательно наличие открывающего и закрывающего тегов (такая пара тэгов называется контейнером).
3. Закрывающий тэг содержит прямой слэш (/) перед обозначением.
Слайд 7

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

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

Web-страницы содержится в контейнере < TITLE >


<ТIТLЕ>Компьютер


Слайд 8

Основное содержание страницы помещается в контейнер Компьютер Все о компьютере

Основное содержание страницы помещается в контейнер


<ТIТLЕ>Компьютер


Все о компьютере


Слайд 9

Размер шрифта для имеющихся в тексте заголовков задается тэгами от (самый

Размер шрифта для имеющихся в тексте заголовков задается тэгами от <Н1>

(самый крупный) до <Н6> (самый мелкий)
<Н1>Все о компьютере
Задать тип выравнивания заголовка для тэга заголовка позволяет атрибут ALIGN
Выравнивание по правой границе окна реализуется с помощью записи ALIGN="right", а по центру — ALIGN="center“
<Н1 ALIGN="center">Bce о компьютере
Слайд 10

С помощью тэга FONT и его атрибутов можно задать параметры форматирования

С помощью тэга FONT и его атрибутов можно задать параметры форматирования

шрифта любого фрагмента текста. Атрибут FACE позволяет задать гарнитуру шрифта (например, FACE="Arial"), атрибут SIZE — размер шрифта (например, SIZE=4), атрибут COLOR — цвет шрифта (например, COLOR="blue")

<Н1 ALIGN="center">Bce о компьютере

Заголовок целесообразно отделить от остального содержания страницы горизонтальной линией с помощью одиночного тэга

Слайд 11

Разделение текста на абзацы производится с помощью контейнера Поместим на титульную

Разделение текста на абзацы производится с помощью контейнера <Р>
Поместим на титульную

страницу текст, разбитый на абзацы с различным выравниванием
Слайд 12

Компьютер Bce о компьютере Ha этом сайте вы сможете получить различную



Компьютер



Bce о компьютере




Ha этом сайте вы сможете получить

различную информацию о компьютере, его программном обеспечении и ценах на компьютерные комплектующие.


Терминологический словарь познакомит вас с компьютерными терминами, а также вы сможете заполнить анкету.




Слайд 13

Вставка изображений Для вставки изображения используется тэг с атрибутом SRC Поясняющий

Вставка изображений

Для вставки изображения используется тэг с атрибутом SRC

Поясняющий

текст выводится с помощью атрибута ALT, значением которого является текст, поясняющий, что должен был бы увидеть пользователь на рисунке:

Слайд 14

Расположить рисунок относительно текста различными способами позволяет атрибут ALIGN тэга ,

Расположить рисунок относительно текста различными способами позволяет атрибут ALIGN тэга ,

который может принимать пять различных значений:
ТОР (верх),
MIDDLE (середина),
BOTTOM (низ),
LEFT (слева)
RIGHT (справа).
Компьютер
Слайд 15

Гиперссылки Первая титульная страница должна предоставлять посетителю Web-сайта возможность начать путешествие

Гиперссылки

Первая титульная страница должна предоставлять посетителю Web-сайта возможность начать путешествие по

сайту. Для этого на титульную страницу должны быть помещены гиперссылки на другие страницы сайта.
Слайд 16

Заголовок страницы



<ТIТLЕ>Заголовок страницы




Слайд 17

Панель навигации Панель навигации будет представлять собой абзац, выровненный по центру,

Панель навигации

Панель навигации будет представлять собой абзац, выровненный по центру, в

котором указатели гиперссылок разделены пробелами ( ):
<Р ALIGH="center">
[Программы]   [Словарь]  
[Комплектующие]   [Анкета]


[Программы]  
[Словарь]  
[Комплектующие]  
[Aнкетa]


Слайд 19

Ссылка на электронный адрес E-mail: mailbox@provaider.ru

Ссылка на электронный адрес


<А HREF="mailto:mailbox@provaider.ru">E-mail:
mailbox@provaider.ru

Слайд 20

Списки Список располагается внутри контейнера , а каждый элемент списка определяется

Списки

Список располагается внутри контейнера

    , а каждый элемент списка определяется тэгом

  1. . С помощью атрибута TYPE тэга
      можно задать тип нумерации: арабские цифры (по умолчанию), "I" (римские цифры), "а" (строчные буквы) и т.д.
      Программное обеспечение

      1. Системные программы
      2. Прикладные программы
      3. Системы программирования

    2. - Предыдущая
    Виды познания
    Следующая -
    Живопись Франции XVII-XVIII вв

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

    Измерение информации
    Средства мультимедиа
    Раздел 4 Описание модели
    Основы алгоритмики. Библиотеки функций. Раздел 1. Общие правила
    ТЕКСТОВЫЕ ДОКУМЕНТЫ И ТЕХНОЛОГИИ ИХ СОЗДАНИЯ ОБРАБОТКА ТЕКСТОВОЙ ИНФОРМАЦИИ
    Разработка модуля формирования листа согласования электронных документов в IPS
    Картирование потока создания ценности
    Основные понятия и определения БД
    Программирование на языке Паскаль
    Инструменты распознования текстов и компьютерного перевода
    QoS в VoIP
    Дискретизация графики и видео
    Структура сайта по отдельным окнам
    Регрессионный анализ
    Благотворительность в России. Контент-анализ
    Программирование на языке Python
    Основы безопасности
    Презентация "Основные этапы и правила создания электронного письма" - скачать презентации по Информатике
    Применение автоматного программирования во встраиваемых системах В. О. Клебан, А. А. Шалыто Санкт-Петербургский государственн
    Эволюция платформенных архитектур информационных систем
    ЭЛЕКТРОННАЯ ПОЧТА “Электронная почта, с одной стороны, это просто электронная замена бумажной почты, конвертов, почтальонов, мешков с письмами, а с другой – совершенно новая, замечательная возможность оперативного общения практически без границ и расст
    Компьютерная графика
    Курсовая работа на тему «Разработка базы данных средствами СУБД MS Access. База данных двигателей постоянного тока»
    1D and 2D arrays
    Урок №1
    Программное обеспечение компьютера
    Билл (Вильям) Гейтс Уи́льям Ге́нри Гейтс III (англ. William Henry Gates III; 28 октября 1955, Сиэтл), более известный как просто Билл Гейтс (англ. Bill Gates) — американский предприниматель, один из создателей (совместно с Полом Алленом) и крупнейший ак
    Our Favorite XSS Filters/IDS and how to Attack Them
    Вы можете прислать нам Вашу презентацию и мы опубликуем ее на сайте.
    Обратная связь
    Для правообладателей
    Email: Нажмите что бы посмотреть