Инфоурок Информатика Другие методич. материалыПрезентация на тему "Основы HTML"

Презентация на тему "Основы HTML"

Скачать материал
Скачать материал "Презентация на тему "Основы HTML""

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

Методист-разработчик онлайн-курсов

за 6 месяцев

Пройти курс

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

Скачать

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

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

Садовод

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

  • Тема: «основы HTML»МИНИСТЕРСТВО НАУКИ И ВЫСШЕГО ОБРАЗОВАНИЯ РОССИЙСКОЙ ФЕДЕРА...

    1 слайд

    Тема: «основы HTML»
    МИНИСТЕРСТВО НАУКИ И ВЫСШЕГО ОБРАЗОВАНИЯ РОССИЙСКОЙ ФЕДЕРАЦИИ
    КОЛЛЕДЖ ФГБОУ ВО «ЧЕЧЕНСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ
    ИМЕНИ А.А.КАДЫРОВА»
    Подготовил:
    Индербиев Асланбек Арбиевич

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

    2 слайд

    Web-сайты, поддерживая технологию мультимедиа, объединяют в себе различные виды информации: текст, графику, звук, анимацию и видео. От того, насколько качественно и красиво сделана та или иная Web-страница, зависит во многом ее успех в сети.
    АКТУАЛЬНОСТЬ

  • Цель: разработка Web-страницы используя HTML - нести в себе информацию, макси...

    3 слайд

    Цель: разработка Web-страницы используя HTML - нести в себе информацию, максимально доступно и удобно подавать ее пользователю, обеспечивать актуальность и полезность информации.
    Задачи:
    Освоить основные понятия HTML;
    Рассмотреть разновидности ПО средств разработки web-страниц;
    Освоить текстовый редактор Sublime text;
    Создать Web-страницу компьютерного магазина.

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

    4 слайд

    Web-страницы создаются с использованием языка разметки гипертекстовых документов HTML (Hyper Text Markup Language).
    В обычный текстовый документ вставляются управляющие символы – HTML-теги, которые определяют вид страницы в Web-браузере.
    Web-сайт – набор страниц, посвященных определенной тематике и связанных между собой с помощью гиперссылок.
    ОСНОВЫ HTML

  • Для начала необходимо настроить Package Control. Для этого нажимаем хоткей Ct...

    5 слайд

    Для начала необходимо настроить Package Control. Для этого нажимаем хоткей Ctrl+Shift+P. Во всплывающем окне набираем Install Package Control и выбираем соответствующий пунк. Через несколько секунд Package Control будет установлен, о чём вы получите соответствующее уведомление.
    Устанавливаем нужные плагиныEmmet – это номером один, среди плагинов. Благодаря ему работа с разметкой становится в разы удобней и быстрее. После нажатия на табуляцию Emmet преобразует простые сокращения в объемные фрагменты кода для HTML и CSS.

  • Web-страница сохраняется в виде файла с разрешением .htm или .html
Пример: in...

    6 слайд

    Web-страница сохраняется в виде файла с разрешением .htm или .html
    Пример: index.htm

  • Структура Web-страницыHTML-теги заключаются в угловые скобки и могут быть оди...

    7 слайд

    Структура Web-страницы
    HTML-теги заключаются в угловые скобки и могут быть одиночными или парными.
    Парные теги (контейнер) содержат открывающий и закрывающий теги. Закрывающий тег содержит прямой слеш (/) перед обозначением.
    Теги могут записываться как прописными, так и строчными буквами.

  • HTML – код страницы помещается в контейнер  
Без этих тегов браузер не сможет...

    8 слайд

    HTML – код страницы помещается в контейнер <HTML> </HTML>
    Без этих тегов браузер не сможет определить формат документа и правильно его интерпретировать.
    Структура Web-страницы

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

    9 слайд

    Заголовок страницы
    Заголовок страницы помещается в контейнер <HEAD></HEAD> и содержит название страницы и справочную информацию о странице (тип кодировки, версия языка HTML и т.д.).
    Название страницы помещается в контейнер <TITLE></TITLE>. При просмотре оно отображается в верхней части браузера.

  • Форматирование текста на Web-страницеВыравнивание текста. Задается с помощью...

    10 слайд

    Форматирование текста на Web-странице
    Выравнивание текста. Задается с помощью атрибута ALIGN.
    Выравнивание по левому краю: ALIGN = “left”
    Выравнивание по правому краю: ALIGN = “right”
    Выравнивание по центру: ALIGN = “center”
    Пример: <H1 ALIGN = “center”>текст</H1>

  • Форматирование текста Web-страницыТег  . Создает жирный текст.
Тег  . Создает...

    11 слайд

    Форматирование текста Web-страницы
    Тег <b></b> . Создает жирный текст.
    Тег <i></i> . Создает наклонный текст (курсив).
    Тег
    . Используется для перехода на новую строку.

  • Таким образом, разработанные в работе теоретические основы позволяют полноцен...

    12 слайд

    Таким образом, разработанные в работе теоретические основы позволяют полноценно перейти к реализации полученных знаний в практической сфере. Реализация указанного направления является непосредственно сама разработка web-сайта, с учетом изложенного материала. Несомненно, особое внимание заслуживает его контент, однако в интересах программирования – самое важное звено заключается в формировании подхода к написанию кода, для чего и служат возможности CSS и HTML.
    ЗАКЛЮЧЕНИЕ

  • Спасибо за внимание!

    13 слайд

    Спасибо за внимание!

  • 14 слайд

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

Бухгалтер

за 6 месяцев

Пройти курс

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

Скачать

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

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

6 714 616 материалов в базе

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

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

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

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

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

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

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

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

    Индербиев Асланбек Арбиевич
    Индербиев Асланбек Арбиевич
    • На сайте: 4 года и 2 месяца
    • Подписчики: 0
    • Всего просмотров: 2548
    • Всего материалов: 7

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

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

Мини-курс

Фундаментальные принципы здоровья и двигательной активности

2 ч.

780 руб. 390 руб.
Подать заявку О курсе

Мини-курс

Осанка и развитие детей дошкольного возраста

3 ч.

780 руб. 390 руб.
Подать заявку О курсе

Мини-курс

Серебряный век русской поэзии

2 ч.

780 руб. 390 руб.
Подать заявку О курсе