kopilkaurokov.ru - сайт для учителей

Создайте Ваш сайт учителя Курсы ПК и ППК Видеоуроки Олимпиады Вебинары для учителей

Конспект урока по элективному курсу "Web-дизайн" для 11 класса

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

Тема урока: Гиперссылки

Цели урока:

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

Развивающая: Формирование умения работать фронтально и индивидуально; расширение кругозора; развитие навыков применения компьютерных технологий при создании web-сайтов.

Воспитательная: воспитывать положительное отношение к знаниям, добросовестное отношение к труду, дисциплинированность.

Оборудование и материалы, необходимые для проведения урока:

Компьютеры, интерактивная доска, проектор, раздаточный материал, презентация урока, задания для проверочной работы. 

Тип урока: Урок изучения нового материала

Ход урока

  1. Организационный момент.
  2.  Актуализация знаний. Повторение изученного материала.

Учитель. Мы продолжаем воплощать нашу с вами  мечту: создание сайта о нашем классе.

Для этого  нам предстоит научиться строить таблицы в  Web  - страницах средствами языка разметки гипертекстовых документов  HTML. Тема сегодняшнего урока "Создание и использование таблиц на Web страницах".

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

Создать html ссылку очень просто. Для этого используется простенький элемент с одним атрибутом. Ну вот например:

<a href="http://www.zvirec.com">Это ссылка на сайт zvirec.com </a>

будет выглядеть в браузере:

Это ссылка на сайт zvirec.com

Элемент а (ancor) является как бы якорем, т.е. текст, заключенный между открывающим <a> и закрывающим </a> тегом , будет текстом ссылки.
Атрибут href это сокращение от "hypertext reference/гипертекстовая ссылка", специфирует место, на которое выполняется переход по данной ссылке - обычно это internet-адрес и/или имя файла.

 

Если нужно сделать ссылку между собственными страницами?

 

Сделать html ссылку между страницами одного и того же веб-сайта гораздо проще. Например, если у нас есть две страницы(к примеру page1.htm и page2.htm ) расположенные в одной папке , то код ссылки с page1 на page2 будет выглядеть так:

<a href="page2.htm"> Для перехода на page2 щелкни здесь! </a>

html>

<head>

<title>Делаем ссылкой кусочек текста</title>

</head>

<body>

Скажи мне, милый ребёнок: в каком ухе у меня жужжит

 <a href="pаge1r.html">правом</a> или <a href="page2.html">левом</a>?

</body>

</html>

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

Обсуждение и выполнение практической работы. Учащимся раздаётся распечатка c ходом практической работы. Во время практической работы учитель консультирует учащихся.

  1. Итог урока.

Можете ли вы прокомментировать все тэги и их параметры которые мы прошли? (ответы учащихся)

Давайте рассмотрим результаты деятельности групп на уроке. Подвести итоги работы каждой группы.
На следующем занятии мы ещё немного поговорим о таблицах, научимся вставлять изображения, делать из изображений фон и ссылки.

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

Разрабатывать тестовые задания для проверки знаний по материалу сегодняшнего урока на следующем уроке.

 

<html>

<head>

<title>ТЕГ embed</title>

 

</head>

<body>

<embed src="ref.mp4">

</body>

</html>

 

Просмотр содержимого документа
«Конспект урока по элективному курсу "Web-дизайн" для 11 класса »

11 класс элективный курс «Web-дизайн»

Урок № Дата:

Тема урока: Гиперссылки

Цели урока:

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

Развивающая: Формирование умения работать фронтально и индивидуально; расширение кругозора; развитие навыков применения компьютерных технологий при создании web-сайтов.

Воспитательная: воспитывать положительное отношение к знаниям, добросовестное отношение к труду, дисциплинированность.

Оборудование и материалы, необходимые для проведения урока:

Компьютеры, интерактивная доска, проектор, раздаточный материал, презентация урока, задания для проверочной работы.

Тип урока: Урок изучения нового материала

Ход урока

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

  2. Актуализация знаний. Повторение изученного материала.

Учитель. Мы продолжаем воплощать нашу с вами мечту: создание сайта о нашем классе.

Для этого нам предстоит научиться строить таблицы в Web - страницах средствами языка разметки гипертекстовых документов HTML. Тема сегодняшнего урока "Создание и использование таблиц на Web страницах".

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

Создать html ссылку очень просто. Для этого используется простенький элемент с одним атрибутом. Ну вот например:

Это ссылка на сайт zvirec.com 

будет выглядеть в браузере:

Это ссылка на сайт zvirec.com

Элемент а (ancor) является как бы якорем, т.е. текст, заключенный между открывающим  и закрывающим  тегом , будет текстом ссылки.
Атрибут href это сокращение от "hypertext reference/гипертекстовая ссылка", специфирует место, на которое выполняется переход по данной ссылке - обычно это internet-адрес и/или имя файла.

 

Если нужно сделать ссылку между собственными страницами?

 

Сделать html ссылку между страницами одного и того же веб-сайта гораздо проще. Например, если у нас есть две страницы(к примеру page1.htm и page2.htm ) расположенные в одной папке , то код ссылки с page1 на page2 будет выглядеть так:

 Для перехода на page2 щелкни здесь! 

html

Делаем ссылкой кусочек текста

body

Скажи мне, милый ребёнок: в каком ухе у меня жужжит

аge1r.html"правом или левом?


Получите в подарок сайт учителя

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

Категория: Уроки

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

Скачать
Конспект урока по элективному курсу "Web-дизайн" для 11 класса

Автор: Матичева Севие Асановна

Дата: 16.12.2014

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

Получите в подарок сайт учителя

Видеоуроки для учителей

Курсы для учителей

ПОЛУЧИТЕ СВИДЕТЕЛЬСТВО МГНОВЕННО

Добавить свою работу

* Свидетельство о публикации выдается БЕСПЛАТНО, СРАЗУ же после добавления Вами Вашей работы на сайт

Удобный поиск материалов для учителей

Ваш личный кабинет
Проверка свидетельства