Технологии создания сайта

Технологии создания сайта •Узнать о способах создания сайта •Приобрести начальные навыки создания простейших WEB-страниц

Вы уже знаете о суперспособностях современного учителя?

Тратить минимум сил на подготовку и проведение уроков.

Быстро и объективно проверять знания учащихся.

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

Избавить себя от подбора заданий и их проверки после уроков.

Наладить дисциплину на своих уроках.

Получить возможность работать творчески.

=> ПОЛУЧИТЬ СУПЕРСПОСОБНОСТИ УЧИТЕЛЯ <=

Просмотр содержимого документа
«Технологии создания сайта»

World Wide Web (WWW)

Web-страницы

Web-сайты

Как вам уже известно из предыдущих уроков, основной объем информации, доступной в сети Интернет, размещается во «всемирной паутине» - World Wide Web (WWW) – сервис, с помощью которого пользователи такие как вы и я получают доступ к информационным ресурсам. Информация во «всемирной паутине » представлена в виде Web-страниц и Web-сайтов.

А вы знаете как создаются сайты? Следовательно тема нашего урока….

Технологии создания сайта

Цель

Узнать о способах создания сайта
Приобрести начальные навыки создания простейших WEB-страниц

Способы создания сайта

Способы создания сайта

Текстовый

Язык разметки

Визуальный

процессор

HTML-редактор,

гипертекста HTML

(Hyper Text Markup Language)

конструктор сайтов

Существует несколько способов создания сайтов.

Во-первых, можно воспользоваться языком разметки гипертекста. В этом случае в текстовом редакторе (например, в блокноте) текст размечают специальными командами-тегами. Сохраняют документ и меняют расширение на htm или html.

Во-вторых, можно документ, подготовленный в текстовом процессоре (MS Word) сохранить как web-страницу.

В-третьих, можно воспользоваться специальным ПО – визуальными HTML- редакторами (HEFS) или конструкторами сайтов.

Мы сегодня воспользуемся визуальными HTML- редакторам (HEFS). Но перед этим поговорим о языке HTML

HEFS ,

Текст размечают

Документ

uCoz, uKit, Wix и др.

сохраняют как

специальными

Web-страницу

метками – тегами

HTML

HTML (Hypertext Markup Language ) – язык разметки гипертекста.

HTML – это не язык программирования!

Что такое гипертекст?

Тэги

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

область действия тэга закрывающий 4" width="640"

Тэги

Тэги бывают парные и непарные.

Непарные тэг

Парные тэги (образуют контейнеры )

вставить рисунок

открывающий

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

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

...

/ CENTER

область действия тэга

закрывающий

... COLOR ="yellow" FACE ="Courier" SIZE ="2" ... У некоторых тэгов есть свои параметры (атрибуты). Параметры записываются в открывающем тэге внутри скобок. SRC = "foto.jpg" WIDTH ="" HEIGHT ="" ALT ="" ... 4" width="640"

Параметры (атрибуты) тэгов

TEXT ="#00FF80 BGCOLOR = "yellow" ...

COLOR ="yellow" FACE ="Courier" SIZE ="2" ...

У некоторых тэгов есть свои параметры (атрибуты). Параметры записываются в открывающем тэге внутри скобок.

SRC = "foto.jpg" WIDTH ="" HEIGHT ="" ALT ="" ...

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

Моя первая

Web-страница

Привет!

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

Физкультминутка

Комплекс упражнений гимнастики для глаз

1. Быстро поморгайте, закройте глаза и посидите спокойно, медленно считая до 5. Повторите 2 раза.

2. Крепко зажмурьте глаза (сосчитайте до 3), откройте глаза и посмотрите вдаль (сосчитайте до 5). Повторите 2 раза.

3. Вытяните правую руку вперед. Следите глазами, не поворачивая головы, за медленными движениями указательного пальца вытянутой руки влево и вправо, вверх и вниз. Повторите 2 раза.

4. Посмотрите на указательный палец вытянутой руки, потом переведите взор вдаль. Повторите 2 раза.

5. В среднем темпе проделайте 3-4 круговых движения глазами в правую сторону, столько же в левую сторону. Повторите 1-2 раза.

HEFS

HEFS (HTML Editor For School) - простейший редактор Web-страниц для начинающих, который, удовлетворяет критерию минимальной достаточности.

Он включает редактор текста Web-страницы и окно браузера.

Показать работу в HEFS

Практика

Итоги

Что вы узнали?

Чему научились?

Достигли ли мы поставленной цели?

Цель:

Узнать о способах создания сайта
Приобрести начальные навыки создания простейших WEB-страниц

Домашнее задание

Параграф 4.4 (пункт 4.4.1) Опорный конспект

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

Предмет: Информатика

Категория: Презентации

Целевая аудитория: 9 класс.
Урок соответствует ФГОС

Скачать
Технологии создания сайта

Автор: Артюхов Борис Павлович

Дата: 20.06.2022

Номер свидетельства: 610132

Похожие файлы

Рабочая программа «Технология создания сайтов»

object(ArrayObject)#871 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(88) "Рабочая программа «Технология создания сайтов»"
    ["seo_title"] => string(52) "rabochaia_proghramma_tiekhnologhiia_sozdaniia_saitov"
    ["file_id"] => string(6) "365666"
    ["category_seo"] => string(11) "informatika"
    ["subcategory_seo"] => string(12) "planirovanie"
    ["date"] => string(10) "1480862329"
  }
}

Проект "Создание сайта"

object(ArrayObject)#893 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(42) "Проект "Создание сайта""
    ["seo_title"] => string(23) "proiekt_sozdaniie_saita"
    ["file_id"] => string(6) "421683"
    ["category_seo"] => string(11) "informatika"
    ["subcategory_seo"] => string(11) "presentacii"
    ["date"] => string(10) "1497408523"
  }
}

«Использование информационно-компьютерных технологий в логокоррекционной работе»

object(ArrayObject)#871 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(156) "«Использование информационно-компьютерных технологий  в логокоррекционной работе» "
    ["seo_title"] => string(90) "ispol-zovaniie-informatsionno-komp-iutiernykh-tiekhnologhii-v-loghokorriektsionnoi-rabotie"
    ["file_id"] => string(6) "131979"
    ["category_seo"] => string(10) "logopediya"
    ["subcategory_seo"] => string(7) "prochee"
    ["date"] => string(10) "1416252611"
  }
}

Рабочая программа Технология.Технический труд-7 класс

object(ArrayObject)#893 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(99) "Рабочая программа Технология.Технический труд-7 класс"
    ["seo_title"] => string(58) "rabochaiaproghrammatiekhnologhiiatiekhnichieskiitrud7klass"
    ["file_id"] => string(6) "268167"
    ["category_seo"] => string(12) "tehnologiyam"
    ["subcategory_seo"] => string(12) "planirovanie"
    ["date"] => string(10) "1450583760"
  }
}

Сщздание сайта учителя

object(ArrayObject)#871 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(42) "Сщздание сайта учителя"
    ["seo_title"] => string(29) "sshchzdaniie-saita-uchitielia"
    ["file_id"] => string(6) "257742"
    ["category_seo"] => string(10) "vneurochka"
    ["subcategory_seo"] => string(5) "uroki"
    ["date"] => string(10) "1448379478"
  }
}

Технологии создания сайта

Просмотр содержимого документа «Технологии создания сайта»

Похожие файлы

Полезное для учителя

Просмотр содержимого документа
«Технологии создания сайта»