СДЕЛАЙТЕ СВОИ УРОКИ ЕЩЁ ЭФФЕКТИВНЕЕ, А ЖИЗНЬ СВОБОДНЕЕ

Благодаря готовым учебным материалам для работы в классе и дистанционно

Скидки до 50 % на комплекты
только до

Готовые ключевые этапы урока всегда будут у вас под рукой

Организационный момент

Проверка знаний

Объяснение материала

Закрепление изученного

Итоги урока

Создание веб-сайта

Категория: Информатика

Нажмите, чтобы узнать подробности

Просмотр содержимого документа
«Создание веб-сайта»

Веб-сайт Создание сайта

Веб-сайт

Создание сайта

Гипертекст (англ. hypertext ) – это текст, содержащий гиперссылки.  Гиперссылка (англ. hyper reference) – это « активная » ссылка на другой объект (часть того же документа, другой документ, файл, каталог, программу и т.д.). Веб-страница  – это гипертекстовый документ в Интернете.

Гипертекст (англ. hypertext ) – это текст,

содержащий гиперссылки.

Гиперссылка (англ. hyper reference) – это « активная » ссылка на другой объект (часть того же документа, другой документ, файл, каталог, программу и т.д.).

Веб-страница – это гипертекстовый документ в Интернете.

Сайт – это одна или несколько логически связанных между собой веб-страниц; также место расположения контента сервера

Сайт – это одна или несколько логически связанных между собой веб-страниц; также место расположения контента сервера

Виды сайтов Интернет-магазин Сайт-визитка  Авторский блог Тематический Авторско-тематический  Новостной портал Портал широкого профиля  Форум Социальная сеть

Виды сайтов

Интернет-магазин

Сайт-визитка

Авторский блог

Тематический

Авторско-тематический

Новостной портал

Портал широкого профиля

Форум

Социальная сеть

Тематический – раскрывает одну или несколько тематик без высказывания личного мнения. Авторский блог – ведется от первого лица.  Автор, как личность, высказывает свое мнение по различным вопросам. Авторско-тематический – ведется от первого лица и раскрывает какую-то определенную тематику. Новостной портал – большой сайт, который раскрывает много тематик. Освещает происходящие новости, в которых непосредственно участвует.
  • Тематический – раскрывает одну или несколько тематик без высказывания личного мнения.
  • Авторский блог – ведется от первого лица.  Автор, как личность, высказывает свое мнение по различным вопросам.
  • Авторско-тематический – ведется от первого лица и раскрывает какую-то определенную тематику.
  • Новостной портал – большой сайт, который раскрывает много тематик. Освещает происходящие новости, в которых непосредственно участвует.
Портал широкого профиля – мужские и женские, которые освещают много тематик на одном ресурсе. Форум – представляет собой небольшую социальную сеть, где общаются люди на различные темы. Интернет-магазин – занимается продажей товаров и услуг со своих страниц. Сайт-визитка – ресурс, на котором размещается общая информация об услугах и товарах, а так же ценах, акциях, скидках. Должен быть у каждого предпринимателя для демонстрации своим клиентам. Социальная сеть – без тематической направленности, объединяет огромное количество людей с разными увлечениями.
  • Портал широкого профиля – мужские и женские, которые освещают много тематик на одном ресурсе.
  • Форум – представляет собой небольшую социальную сеть, где общаются люди на различные темы.
  • Интернет-магазин – занимается продажей товаров и услуг со своих страниц.
  • Сайт-визитка – ресурс, на котором размещается общая информация об услугах и товарах, а так же ценах, акциях, скидках. Должен быть у каждого предпринимателя для демонстрации своим клиентам.
  • Социальная сеть – без тематической направленности, объединяет огромное количество людей с разными увлечениями.
HTML HTML по своей сути не является языком программирования. Он является языком разметки гипертекстовых документов , иными словами - отвечает за расположение в документе ваших текстов, рисунков, таблиц, предназначенных для выкладки в сети Интернет. Заставить его произвести арифметические подсчеты, даже такие простые, как дважды два, невозможно, поскольку в нем нет логических функций.

HTML

  • HTML по своей сути не является языком программирования. Он является языком разметки гипертекстовых документов , иными словами - отвечает за расположение в документе ваших текстов, рисунков, таблиц, предназначенных для выкладки в сети Интернет. Заставить его произвести арифметические подсчеты, даже такие простые, как дважды два, невозможно, поскольку в нем нет логических функций.
Зато с его помощью можно легко выложить информацию о том, что дважды два равняется четырем. Читается этот язык при помощи браузеров (обозревателей), которые
  • Зато с его помощью можно легко выложить информацию о том, что дважды два равняется четырем.
  • Читается этот язык при помощи браузеров (обозревателей), которые "знают" стандартные команды html языка, и "осмысливая" их, выводят на монитор компьютера документы в том виде, в котором хочет представить их составитель документа.
Структура HTML-страницы:   описание заголовка   текст документа

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

описание заголовка

текст документа

Конструктор сайтов Общедоступный и бесплатный инструмент для редактирования и создания вашего собственного сайта. Он даёт пользователям возможность быстро и легко создать свой интернет-сайт на основе готового шаблона, путём добавления готовых блоков на вашу страницу (например, фотогалерея, новости и прочее). Также в его функции входит настройка собственного дизайна или изменение внешнего вида вашего сайта.

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

  • Общедоступный и бесплатный инструмент для редактирования и создания вашего собственного сайта. Он даёт пользователям возможность быстро и легко создать свой интернет-сайт на основе готового шаблона, путём добавления готовых блоков на вашу страницу (например, фотогалерея, новости и прочее). Также в его функции входит настройка собственного дизайна или изменение внешнего вида вашего сайта.
Чтобы воспользоваться конструктором сайтов, не нужно обладать какими-то специальными знаниями и техническими навыками, не нужно устанавливать никакого специального программного обеспечения и дополнительного оборудования. Единственное необходимое - это веб-браузер .  Главный принцип работы конструктора сайтов – сайт создаётся моментально, а позже редактируется и наполняется контентом благодаря размещению и настройке готовых блоков. Любой из этих блоков может быть размещён на конкретной странице сайта или же быть продублированным на всех. Их можно настраивать, перемещать, редактировать.
  • Чтобы воспользоваться конструктором сайтов, не нужно обладать какими-то специальными знаниями и техническими навыками, не нужно устанавливать никакого специального программного обеспечения и дополнительного оборудования. Единственное необходимое - это веб-браузер . 
  • Главный принцип работы конструктора сайтов – сайт создаётся моментально, а позже редактируется и наполняется контентом благодаря размещению и настройке готовых блоков. Любой из этих блоков может быть размещён на конкретной странице сайта или же быть продублированным на всех. Их можно настраивать, перемещать, редактировать.
Вопросы для повторения 1. Что такое сайт? 2. Какие виды сайтов вы знаете? 3. Какие способы создания сайта вам известны? 4. В чем состоят особенности создания сайта с помощью языка HTML и с помощью конструктора сайтов? Какие достоинства и недостатки есть у каждого способа?

Вопросы для повторения

  • 1. Что такое сайт?
  • 2. Какие виды сайтов вы знаете?
  • 3. Какие способы создания сайта вам известны?
  • 4. В чем состоят особенности создания сайта с помощью языка HTML и с помощью конструктора сайтов? Какие достоинства и недостатки есть у каждого способа?