Scribd Logo
Загрузить

Добро пожаловать в Scribd!

  • 10 Класс 'Способы Создания Сайтов. Понятие о Языке HTML. Структура HTML-документа' 10 Класс (Профильный)

    Загружено:

    Anastasia Melnik
    5 просмотров35 страниц

    Авторское право

    © © All Rights Reserved

    Доступные форматы

    PDF, TXT или читайте онлайн в Scribd

    Этот документ был вам полезен?

    Это неприемлемый материал?

    Пожаловаться на этот документ

    Авторское право:

    © All Rights Reserved
    Скачайте в формате PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    5 просмотров35 страниц

    10 Класс 'Способы Создания Сайтов. Понятие о Языке HTML. Структура HTML-документа' 10 Класс (Профильный)

    Загружено:

    Anastasia Melnik

    Авторское право:

    © All Rights Reserved
    Скачайте в формате PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    из 35

    Здравствуйте!

    Тема урока:
    Способы создания
    сайтов. Понятие о языке
    HTML. Структура
    HTML-документа
    Какую цель мы должны
    достичь при изучении
    этой темы?

    ⓘ Start presenting to display the audience questions on this slide.


    Какие вопросы
    необходимо сегодня
    раскрыть?

    ⓘ Start presenting to display the audience questions on this slide.


    Сайт – это группа
    взаимосвязанных Web-
    страниц.
    Каждая Web-страница
    представляет собой HTML-
    документ, т.е. документ,
    написанный в специальном
    формате HTML (HyperText
    Markup Language)
    HTML (HyperText Markup
    Language) – это
    язык разметки
    гипертекста.
    Он определяет набор правил
    для отображения обычных
    текстов в виде web-страниц.
    Язык разметки гипертекста
    HTML позволяет создавать
    Web-страницы, которые
    можно разместить в сети
    Интернет.
    Для загрузки и просмотра веб-
    страниц используются
    специальные программы —
    браузеры (англ. browser).
    Самые используемые веб-браузеры

    Google Chrome
    Mozilla Firefox
    Opera
    При работе с языком HTML можно использовать
    обычное приложение Блокнот.
    Код пишется в Блокноте, далее указывается место
    сохранения (Файл-Сохранить как…), название файла
    name*.html. (тип файла выбираем все файлы, в
    разделе кодировки выбираем UTF-8 и нажимаем на
    кнопку Сохранить.
    ТЕГ - инструкция
    браузеру, указывающая
    способ отображения
    информации.
    Атрибут - компонент тега,
    содержащий указания о том,
    как браузер должен
    воспринять и обработать тег.

    Синтаксис тега с атрибутом:


    <тег атрибут= “значение”>
    ОДИНОЧНЫЙ
    (ПРИМЕР, <BR>- переход на новую строчку,
    <HR>-разделительная линия)
    ПАРНЫЙ
    (ПРИМЕР, <html> </html>, <body> </body> )
    Контейнеры - это парные
    теги, содержащие
    открывающий и
    закрывающий тег.
    Даны теги, определить
    парные теги:

    ⓘ Start presenting to display the poll results on this slide.


    Теги пишутся с
    использованием, какого
    алфавита?

    ⓘ Start presenting to display the poll results on this slide.


    При написании тегов
    используются только
    буквы?

    ⓘ Start presenting to display the poll results on this slide.


    СТРУКТУРНЫЕ ТЕГИ
    <html> </html> - начало и конец страницы

    <head> </head> - содержит теги со


    служебной информацией, например, тег
    <title> </title> - заголовок документа

    <body> </body> - непосредственное


    содержание документа.
    Способы создания сайтов
    O «ручное» написание кода на языке
    разметки гипертекста HTML
    O с помощью конструкторов сайтов
    (движков), размещенных в
    Интернете и доступных в режиме
    on-line
    O использование специальных
    программных продуктов
    Конструктор сайтов – это
    система услуг, позволяющая
    пользователям создавать
    сайт из набора графических
    элементов и различных
    шаблонов отдельных
    модулей (панели навигации,
    ленты новостей, форм
    регистрации и т.д.)
    Использование программных
    продуктов для создания и
    управления сайтом.
    Например, визуальные HTML-
    редакторы Microsoft Front Page,
    Macromedia Dreamweaver или
    профессиональные системы для
    разработки сайтов 1C-Битрикс,
    MODx и др.
    Язык HTML является основой
    любого гипертекстового
    документа, даже если документ
    был создан в одном из
    конструкторов сайтов или
    визуальном редакторе. Просто в
    этом случае код на языке HTML
    генерируется автоматически
    либо движком, либо
    программой.
    Знание языка HTML позволит
    лучше разобраться в структуре
    сайта и в случае необходимости
    внести в него коррективы
    вручную.
    В каталоге «Мои документы»
    создайте папку SITE.

    Откройте текстовый
    редактор Блокнот (Пуск - Все
    программы - Стандартные) и
    наберите текст,
    представленный далее.
    <HTML>
    <HEAD>
    <TITLE>Первое
    знакомство с тегами HTML
    </TITLE>
    </HEAD>
    <BODY> Это моя первая
    WEB- страница
    </BODY>
    </HTML>
    Выполните команду [Файл -
    Сохранить]. В разделе Тип файла
    укажите «Все файлы». В разделе
    Имя файла укажите index.html. В
    качестве места сохранения
    выберите папку SITE. Нажать
    кнопку «Сохранить».
    Запустите созданный и
    сохраненный файл (он должен
    запустится в браузере).
    Для внесения изменений можно
    выделить (однократным нажатием
    левой кнопки мыши) созданный файл,
    и в контекстном меню (запускается
    однократным нажатием правой кнопки
    мыши) выбрать команду Открыть с
    помощью-Блокнот. После изменения
    или дополнения файл сохранить и
    заново запустить или просто обновить
    (если WEB-страница не была закрыта)
    в окне браузера.
    Что такое тег? Приведите
    пример

    ⓘ Start presenting to display the poll results on this slide.


    Что нового узнали на
    уроке?

    ⓘ Start presenting to display the poll results on this slide.


    Что такое HTML? Для
    чего он нужен?

    ⓘ Start presenting to display the poll results on this slide.


    Домашнее задание:
    Выучить конспект,
    читать параграф 35-36;
    устно отвечать на вопросы
    со стр. 129

    Вам также может понравиться