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

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

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

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

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

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

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

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

Итоги урока

Web-страницы и Web-сайты. Структура Web-страницы. Пр №15 Разработка сайта с использованием Web - редактора

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

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

Цель урока:

  1. Формирование умений и навыков, носящих в современных условиях общенаучный и интеллектуальный характер.

освоение приемов создания Web-страниц и Web-сайтов с помощью языка разметки гипертекста HTML.

Задачи урока:

Образовательные:  

  1. дать представление учащимся о структуре web-страниц, познакомить с основными тегами.

Развивающие:

        1. развитие речи, мышления, памяти;
        2. формирование навыков логического мышления (вывод, анализ, обобщение, выделение главного).
        3. продолжить развитие внимания и памяти у учащихся.

Воспитательные:

          1. продолжить формирование познавательного интереса к предмету;
          2. продолжить формирование информационной культуры учащихся.

Тип урока: Комбинированный

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

Здравствуйте, ребята. Сегодня мы с вами переходим к изучению новой темы «Web-страницы и Web-сайты. Структура Web-страницы». Открываем тетради, записываем  дату и тему урока.

  1. Формирование цели урока

Тема «Web-страницы и Web-сайты. Структура Web-страницы» – одна из наиболее практически значимых, востребованных, так как умение создавать web-сайты является актуальным навыком пользователя интернета.

Как вы думаете кто разрабатывает Web-сайты?

Согласно Википедии:

Веб-мастер (англ. webmaster) — человек, профессионально или в качестве хобби занимающийся разработкой веб-сайтов в Интернете или корпоративных приложений в интернете.

Иными словами вебмастер — это тот, кто делает сайты.

  1. Объяснение нового материала

4 апреля отмечается неофициальный профессиональный праздник - День веб-мастера (или Вебмастера). Дата этого праздника выбрана неслучайно: если присмотреться, можно заметить, что цифры 4.04 очень напоминают по своему написанию ошибку 404 («Страница не найдена»), имеющую прямое отношение к работе веб-мастеров. К тому же эта дата совпадает с Международным днем интернета. Веб-мастер — профессия довольно новая, она появилась совсем недавно, в век развития интернета. Веб-мастер, или «управляющий» сайтом, — это человек, занимающийся разработкой веб-сайта или корпоративного приложения в интернете. Впервые термин «веб-мастер» ввел в обращение «праотец» Интернета Тим Бернерс-Ли в документе «Руководство по стилю гипертекста в онлайне» в 1992 году. В начале 1990-х, когда «общедоступный» Интернет еще только начинал развиваться, функционал первых веб-мастеров был очень разнообразным: он включал в себя обязанности веб-дизайнера, автора и модератора сайта, программиста, системного администратора, контент-менеджера (ответственного за смысловое наполнение сайта), сотрудника технической поддержки сайта. С развитием Интернета и появлением более крупных сайтов технологии их разработки усовершенствовались, что привело к выделению специализаций веб-мастеров в разные профессии. Кстати, оказывается, что в отличие от русского языка, где не существует женской формы названия этой профессии, в английском языке веб-мастеров женского пола иногда называют «веб-мистресс» (англ. webmistress), однако широкого распространения эта форма не получила.

Что такое Web – сайт, Web – страница, гиперссылка?

Веб-сайт (Website) - это объединённая под одним адресом (доменным именем) совокупность документов частного лица или организации. По умолчанию подразумевается что сайт располагается в сети Интернет, но он так же может публиковаться в локальной сети компании - в сети Интернет. Веб-сайты иначе называют Интернет-представительством человека или организации. Когда говорят "своя страничка в Интернет", то подразумевается целый веб-сайт или личная страница в составе чужого сайта.

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

Гиперссылка (hyperreference)— часть гипертекстового документа, ссылающаяся на другой элемент (команда, текст, заголовок, примечание, изображение) в самом документе, на другой объект (файл, директория, приложение), расположенный на локальном компьютере или в компьютерной сети, либо на элементы этого объекта.

Как происходит разработка веб-сайта:

  • используя язык программирования, программист создает сам сайт – страницы из которых состоит его структура и объединяет их в единое целое, делает верстку для корректного отображения в различных браузерах;
  • на пару с ним работает веб-дизайнер, который решает, как будет выглядеть сайт, что увидят на нём посетители, какую графику, в каком месте расположить и как в целом будет выглядеть интерфейс;
  • вместе с ними работает оптимизатор, создающий семантическое ядро для сайта и определяющий по каким ключевым запросам будет продвигаться сайт, где эти ключевые запросы будут находится, как сделать лучше, чтобы поисковые машины могли максимально быстро добраться к этим запросам и соответственно выдать сайт самым первым в поиске. Так же он занимается продвижением сайта через покупки вечных или временных ссылок по этим ключевым запросам, другими способами и не только;
  • плюс ко всему вместе с этими ребятами работает копирайтер или SEO-копирайтер, который пишет уникальные, интересные, информационные или рекламные тексты с этими ключевыми словами или без них;
  • после того как сайт запущен в работу, все эти люди продолжают постоянно или периодически и дальше трудится над этим сайтом, плюс к ним подключаются системные администраторы, администратор/модератор который следит за порядком на сайте, сотрудник тех поддержки и не только.

А вебмастер – это человек, разрабатывающий свои веб-сайты и соответственно ведущий дальше свои сайты, то есть, истинный вебмастер – это все эти ребята в одном лице! 

Отдельно стоит сказать о том, что сегодня каждый кто имеет свой сайт, грубо говоря считается вебмастером, но это не так. Не смотря на узкую специализацию, в сообществе вебмастеров принято считать, что вебмастер кроме владения сайтом (так как его можно банально купить на бирже), должен всё-таки обладать определёнными навыками:

  • Веб мастер должен знать основы — знание языка разметки гипертекста HTML, на сегодняшний день смело добавьте к нему HTML5,          а так же как оформить этот гипертекст с помощью CSS;
  • Понимать принцип работы сетевого протокола HTTP и защищённого сетевого протокола HTTPS, а так же стандарты интерфейса CGI;
  • Уметь работать с программами для обработки растровой графики, например, Photoshop или CorelDRAW;
  • Уметь не просто сделать скелет сайта, а сделать его структуру такой, чтобы посетитель сам пришёл к определённой цели. То есть создать цепочку, по которой посетитель, ничего не подозревая, просто переходит от одного интересного содержимого к другому и буквально в два, три клика попадает на целевую страницу, например, с предлагаемым продуктом;
  • Не менее важно, чтобы вебмастер умел определить какая цель стоит перед сайтом, так как зачастую заказчик сам точно не знает, чего он хочет или просто не может внятно объяснить. Даже фраза такая есть «Жираф – это лошадь, выполненная в точности по всем требованиям заказчика».

Кроме этого вебмастер просто обязан знать различные движки для блогов, сайтов или форумов, знать хотя бы азы английского языка, так как, например, тот же HTML код содержит в себе английские слова, многие движки на английском и так далее. Так же вебмастер, соответственно должен иметь способность быстро обучаться, так как интернет и технологии не стоят на месте.

С другой стороны по этой же причине быстрого развития, вебмастеру в настоящее время необходимо всё меньше знаний. Так как это занятие во первых стало, как я уже сказал более узкоспециализированным, во вторых на данный момент всё большую популярность приобретают программы по созданию вебсайтов, благодаря которым любой может сделать сайт в считанные минуты или качественный сайт если потратит немного больше времени, при этом даже совершенно не зная ни одного языка программирования или оформления. А благодаря дополнениям так же быстро его оптимизировать, для дальнейшего успешного продвижения. Хорошо это или плохо мы узнаем с вами позже, возможно, что лет через 20, слово вебмастер будет иметь уже совсем другое значение.

И сегодня мы с вами начнём с основ.

Для создания Web-страниц используются простейшие текстовые редакторы, которые не включают в создаваемый документ управляющие символы форматирования текста самого редактора. В качестве такого редактора в Windows можно использовать стандартное приложение Блокнот (Текстовый документ).

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

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

Заголовок Web-страницы заключается в контейнер <HEAD></HEAD> и содержит название документа и справочную информацию о странице (например, тип кодировки), которая используется браузером для правильного отображения.

Тэги заключаются в угловые скобки и могут быть одиночными или парными. Парные тэги содержат открывающий и закрывающий тег (такая пара тэгов называется контейнером).

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

Название страницы помещается в контейнер <TITLE></TITLE> и при просмотре отображается в верхней строке окна браузера.

  1. Практическая работа

Смотри приложение

  1. Рефлексия

Ребята, сегодня мы с вами узнали о новой для нас профессия Web-мастер, познакомились с созданием простейших web-страниц. Возникали ли у Вас трудности при работе?

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

Выучить теги, структуру web-страницы.

Просмотр содержимого документа
«Web-страницы и Web-сайты. Структура Web-страницы. Пр №15 Разработка сайта с использованием Web - редактора»

29 урок, 8 класс

Учитель: Брух Т.В.

Дата: _______________

Тема урока: «Web-страницы и Web-сайты. Структура Web-страницы. Пр №15 Разработка сайта с использованием Web - редактора»

Цель урока:

  1. Формирование умений и навыков, носящих в современных условиях общенаучный и интеллектуальный характер.

освоение приемов создания Web-страниц и Web-сайтов с помощью языка разметки гипертекста HTML.

Задачи урока:

Образовательные:

  1. дать представление учащимся о структуре web-страниц, познакомить с основными тегами.

Развивающие:

        1. развитие речи, мышления, памяти;

        2. формирование навыков логического мышления (вывод, анализ, обобщение, выделение главного).

        3. продолжить развитие внимания и памяти у учащихся.

Воспитательные:

          1. продолжить формирование познавательного интереса к предмету;

          2. продолжить формирование информационной культуры учащихся.

Тип урока: Комбинированный

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

Здравствуйте, ребята. Сегодня мы с вами переходим к изучению новой темы «Web-страницы и Web-сайты. Структура Web-страницы». Открываем тетради, записываем дату и тему урока.

  1. Формирование цели урока

Тема «Web-страницы и Web-сайты. Структура Web-страницы» – одна из наиболее практически значимых, востребованных, так как умение создавать web-сайты является актуальным навыком пользователя интернета.

Как вы думаете кто разрабатывает Web-сайты?

Согласно Википедии:

Веб-мастер (англ. webmaster) — человек, профессионально или в качестве хобби занимающийся разработкой веб-сайтов в Интернете или корпоративных приложений в интернете.

Иными словами вебмастер — это тот, кто делает сайты.

  1. Объяснение нового материала

4 апреля отмечается неофициальный профессиональный праздник - День веб-мастера (или Вебмастера). Дата этого праздника выбрана неслучайно: если присмотреться, можно заметить, что цифры 4.04 очень напоминают по своему написанию ошибку 404 («Страница не найдена»), имеющую прямое отношение к работе веб-мастеров. К тому же эта дата совпадает с Международным днем интернета. Веб-мастер — профессия довольно новая, она появилась совсем недавно, в век развития интернета. Веб-мастер, или «управляющий» сайтом, — это человек, занимающийся разработкой веб-сайта или корпоративного приложения в интернете. Впервые термин «веб-мастер» ввел в обращение «праотец» Интернета Тим Бернерс-Ли в документе «Руководство по стилю гипертекста в онлайне» в 1992 году. В начале 1990-х, когда «общедоступный» Интернет еще только начинал развиваться, функционал первых веб-мастеров был очень разнообразным: он включал в себя обязанности веб-дизайнера, автора и модератора сайта, программиста, системного администратора, контент-менеджера (ответственного за смысловое наполнение сайта), сотрудника технической поддержки сайта. С развитием Интернета и появлением более крупных сайтов технологии их разработки усовершенствовались, что привело к выделению специализаций веб-мастеров в разные профессии. Кстати, оказывается, что в отличие от русского языка, где не существует женской формы названия этой профессии, в английском языке веб-мастеров женского пола иногда называют «веб-мистресс» (англ. webmistress), однако широкого распространения эта форма не получила.

Что такое Web – сайт, Web – страница, гиперссылка?

Веб-сайт (Website) - это объединённая под одним адресом (доменным именем) совокупность документов частного лица или организации. По умолчанию подразумевается что сайт располагается в сети Интернет, но он так же может публиковаться в локальной сети компании - в сети Интернет. Веб-сайты иначе называют Интернет-представительством человека или организации. Когда говорят "своя страничка в Интернет", то подразумевается целый веб-сайт или личная страница в составе чужого сайта.

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

Гиперссылка (hyperreference)— часть гипертекстового документа, ссылающаяся на другой элемент (команда, текст, заголовок, примечание, изображение) в самом документе, на другой объект (файл, директория, приложение), расположенный на локальном компьютере или в компьютерной сети, либо на элементы этого объекта.

Как происходит разработка веб-сайта:

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

  • на пару с ним работает веб-дизайнер, который решает, как будет выглядеть сайт, что увидят на нём посетители, какую графику, в каком месте расположить и как в целом будет выглядеть интерфейс;

  • вместе с ними работает оптимизатор, создающий семантическое ядро для сайта и определяющий по каким ключевым запросам будет продвигаться сайт, где эти ключевые запросы будут находится, как сделать лучше, чтобы поисковые машины могли максимально быстро добраться к этим запросам и соответственно выдать сайт самым первым в поиске. Так же он занимается продвижением сайта через покупки вечных или временных ссылок по этим ключевым запросам, другими способами и не только;

  • плюс ко всему вместе с этими ребятами работает копирайтер или SEO-копирайтер, который пишет уникальные, интересные, информационные или рекламные тексты с этими ключевыми словами или без них;

  • после того как сайт запущен в работу, все эти люди продолжают постоянно или периодически и дальше трудится над этим сайтом, плюс к ним подключаются системные администраторы, администратор/модератор который следит за порядком на сайте, сотрудник тех поддержки и не только.

А вебмастер – это человек, разрабатывающий свои веб-сайты и соответственно ведущий дальше свои сайты, то есть, истинный вебмастер – это все эти ребята в одном лице! 

Отдельно стоит сказать о том, что сегодня каждый кто имеет свой сайт, грубо говоря считается вебмастером, но это не так. Не смотря на узкую специализацию, в сообществе вебмастеров принято считать, что вебмастер кроме владения сайтом (так как его можно банально купить на бирже), должен всё-таки обладать определёнными навыками:

  • Веб мастер должен знать основы — знание языка разметки гипертекста HTML, на сегодняшний день смело добавьте к нему HTML5,          а так же как оформить этот гипертекст с помощью CSS;

  • Понимать принцип работы сетевого протокола HTTP и защищённого сетевого протокола HTTPS, а так же стандарты интерфейса CGI;

  • Уметь работать с программами для обработки растровой графики, например, Photoshop или CorelDRAW;

  • Уметь не просто сделать скелет сайта, а сделать его структуру такой, чтобы посетитель сам пришёл к определённой цели. То есть создать цепочку, по которой посетитель, ничего не подозревая, просто переходит от одного интересного содержимого к другому и буквально в два, три клика попадает на целевую страницу, например, с предлагаемым продуктом;

  • Не менее важно, чтобы вебмастер умел определить какая цель стоит перед сайтом, так как зачастую заказчик сам точно не знает, чего он хочет или просто не может внятно объяснить. Даже фраза такая есть «Жираф – это лошадь, выполненная в точности по всем требованиям заказчика».

Кроме этого вебмастер просто обязан знать различные движки для блогов, сайтов или форумов, знать хотя бы азы английского языка, так как, например, тот же HTML код содержит в себе английские слова, многие движки на английском и так далее. Так же вебмастер, соответственно должен иметь способность быстро обучаться, так как интернет и технологии не стоят на месте.

С другой стороны по этой же причине быстрого развития, вебмастеру в настоящее время необходимо всё меньше знаний. Так как это занятие во первых стало, как я уже сказал более узкоспециализированным, во вторых на данный момент всё большую популярность приобретают программы по созданию вебсайтов, благодаря которым любой может сделать сайт в считанные минуты или качественный сайт если потратит немного больше времени, при этом даже совершенно не зная ни одного языка программирования или оформления. А благодаря дополнениям так же быстро его оптимизировать, для дальнейшего успешного продвижения. Хорошо это или плохо мы узнаем с вами позже, возможно, что лет через 20, слово вебмастер будет иметь уже совсем другое значение.

И сегодня мы с вами начнём с основ.

Для создания Web-страниц используются простейшие текстовые редакторы, которые не включают в создаваемый документ управляющие символы форматирования текста самого редактора. В качестве такого редактора в Windows можно использовать стандартное приложение Блокнот (Текстовый документ).

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

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

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

Тэги заключаются в угловые скобки и могут быть одиночными или парными. Парные тэги содержат открывающий и закрывающий тег (такая пара тэгов называется контейнером).

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

Название страницы помещается в контейнер и при просмотре отображается в верхней строке окна браузера.

  1. Практическая работа

Смотри приложение

  1. Рефлексия

Ребята, сегодня мы с вами узнали о новой для нас профессия Web-мастер, познакомились с созданием простейших web-страниц. Возникали ли у Вас трудности при работе?

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

Выучить теги, структуру web-страницы.


Скачать

Рекомендуем курсы ПК и ППК для учителей

Вебинар для учителей

Свидетельство об участии БЕСПЛАТНО!