Инфоурок Информатика ПрезентацииПрезентация по информатике на тему "Структура web-страницы" (10 класс)

Презентация по информатике на тему "Структура web-страницы" (10 класс)

Скачать материал
Скачать материал "Презентация по информатике на тему "Структура web-страницы" (10 класс)"

Получите профессию

Няня

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Методические разработки к Вашему уроку:

Получите новую специальность за 3 месяца

Животновод

Описание презентации по отдельным слайдам:

  • Структура web-страницы

    1 слайд


    Структура
    web-страницы

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

    2 слайд

    Создание Web-сайтов реализуется с использованием языка разметки гипертекстовых документов HTML.
    Язык разметки – HTML (Hyper Text Markup Language.
    Создан в 1991 г. Зарождение языка связано с программистом - Тимом Бернерсом Ли.

  • Технология HTML состоит в том, что в обычный текстовый документ вставляются у...

    3 слайд

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

  • Сайт должен содержать систему гиперссылок, которая позволяет пользователю п...

    4 слайд

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

    Если в качестве гиперссылки использовано графическое изображение, например фотография, то догадаться о том, что это гиперссылка будет сложно. Если при подведении курсора мыши к элементу Web-страницы он принимает форму руки, то этот элемент является гиперссылкой.


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

    5 слайд

    Вид Web-страницы задается тэгами, которые заключаются
    в угловые скобки.
    Тэги
    Одиночные
    (нет конечного тэга)
    <hr>
    Парные
    (обязателен закрывающийся тэг, используется слеш / , который обозначает, что тег является конечным, закрывающим некоторую структуру
    <head> </head>

  • Название документа (заголовок)
   
       
           Тело до...

    6 слайд

    <html>
    <head>
    Название документа (заголовок)
    </head>
    <body>
    Тело документа
    </body>
    </html>

  • Заголовок web-страницы обозначается при помощи тэгов 
 и 
 содержит название...

    7 слайд

    Заголовок web-страницы обозначается при помощи тэгов
    <head> и </head>
    содержит название документа

  • Границы документа –тэг  - должен открывать документ, 
тэг  - должен стоять в...

    8 слайд

    Границы документа –тэг <html> - должен открывать документ,
    тэг </html> - должен стоять в последней строке документа.

    Без этих тегов браузер не в состоянии определить формат документа и правильно его интерпретировать.
    Страница разделяется на две логические части: заголовок и содержание.

  • Тэг  определяет имя документа, располагается внутри заголовка документа

    9 слайд

    Тэг <title> определяет имя документа, располагается внутри заголовка документа

  • Основное содержание страницы помещается в контейнер
   
 и может включать тек...

    10 слайд

    Основное содержание страницы помещается в контейнер
    <body> </body>
    и может включать текст, таблицы, ссылки, графические изображения и т.д.

  • Форматирование текста на Web-странице

Заголовки. Размеры шрифтов заголовков...

    11 слайд

    Форматирование текста на Web-странице

    Заголовки. Размеры шрифтов заголовков задаются парами тэгов от <Н1></Н1> (самый крупный) до <Н6></Н6> (самый мелкий).
    Шрифт. Некоторые тэги имеют атрибуты, которые являются именами свойств и могут принимать определенные значения. С помощью тэга FONT и его атрибутов можно задать параметры форматирования шрифта.

  • Форматирование шрифтаТэг 
	Атрибуты
FACE (гарнитура шрифта) = “Arial”
SIZE(ра...

    12 слайд

    Форматирование шрифта
    Тэг <FONT>
    Атрибуты
    FACE (гарнитура шрифта) = “Arial”
    SIZE(размер) = 4
    СOLOR (цвет) = “red”
    Атрибут COLOR позволяет задавать цвет шрифта (например, C0L0R="blue"). Значение атрибута COLOR можно задать либо названием цвета (например, "red", либо его шестнадцатеричным значением.

  • выравниваниеАтрибут ALIGN = 
“ center”
“right”
“left”

    13 слайд

    выравнивание
    Атрибут ALIGN =
    “ center”
    “right”
    “left”

  • Горизонтальная линияОтделение заголовка от остального содержания страницы про...

    14 слайд

    Горизонтальная линия
    Отделение заголовка от остального содержания страницы производится с помощью горизонтальной линии –
    ТЭГ <HR>

  • АбзацыРазделение тексты на абзацы производится с помощью 
тэга  и 
(Выравнива...

    15 слайд

    Абзацы
    Разделение тексты на абзацы производится с помощью
    тэга <P> и </P>
    (Выравнивание для абзаца)

  • Размещение графики на Web-странице
Тэг  позволяет вставить изображение на Web...

    16 слайд

    Размещение графики на Web-странице
    Тэг <IMG> позволяет вставить изображение на Web-страницу. Оно появится в том месте документа, где находится этот тэг. Тэг <IMG> является одиночным. В него по умолчанию входят два атрибута – «src» и «alt». Первый должен содержать в себе путь к изображению, второй – текстовое описание, которое используется поисковыми системами.
    Графика: GIF, JPG, PNG.

    Например: <IMG SRC=“CLOCK.PNG”>


  • 17 слайд

  • 18 слайд

  • 19 слайд

  • Практическая работа
Создать заготовку Web-страницы  «Компьютер» и просмотреть...

    20 слайд

    Практическая работа
    Создать заготовку Web-страницы «Компьютер» и просмотреть ее в браузере. Создайте личную папку, куда вы будете сохранять все файлы своего сайта.
    Запустить приложение Блокнот
    <HTML>
    <HEAD>
    <ТITLE>Компьютер</ТITLE>
    </HEAD>
    <BODY>
    Компьютер и ПО
    </BODY>
    </HTML>
    Сохраните файл под именем COMPUTER.HTML (обязательно укажите тип файла HTML при сохранении) в личной папке.
    Для просмотра Web-страницы используйте любую программу браузера (Internet Explorer, Opera, Google Chrome или др.). Для этого, не покидая программу Блокнот (сверните окно на панель задач), откройте личную папку и двойным кликом по файлу COMPUTER.HTML откройте окно браузера.

Получите профессию

Интернет-маркетолог

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Скачать материал

Найдите материал к любому уроку, указав свой предмет (категорию), класс, учебник и тему:

6 705 072 материала в базе

Скачать материал

Другие материалы

Вам будут интересны эти курсы:

Оставьте свой комментарий

Авторизуйтесь, чтобы задавать вопросы.

  • Скачать материал
    • 03.10.2023 132
    • PPTX 659.5 кбайт
    • Оцените материал:
  • Настоящий материал опубликован пользователем Кондратьева Дания Дамировна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт

    Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.

    Удалить материал
  • Автор материала

    Кондратьева Дания Дамировна
    Кондратьева Дания Дамировна
    • На сайте: 3 года
    • Подписчики: 0
    • Всего просмотров: 3381
    • Всего материалов: 4

Ваша скидка на курсы

40%
Скидка для нового слушателя. Войдите на сайт, чтобы применить скидку к любому курсу
Курсы со скидкой

Мини-курс

Основы творческой фотографии

6 ч.

780 руб. 390 руб.
Подать заявку О курсе
  • Сейчас обучается 220 человек из 58 регионов
  • Этот курс уже прошли 63 человека

Мини-курс

Детско-родительские отношения: эмоциональный аспект

6 ч.

780 руб. 390 руб.
Подать заявку О курсе
  • Сейчас обучается 37 человек из 23 регионов

Мини-курс

Раннее развитие: комплексный подход к развитию и воспитанию детей от 0 до 7 лет.

5 ч.

780 руб. 390 руб.
Подать заявку О курсе
  • Сейчас обучается 59 человек из 27 регионов
  • Этот курс уже прошли 38 человек