Скачать 131.99 Kb.
|
Селезнева Елена Яновна – учитель информатики и ИКТ Муниципального общеобразовательного учреждения городского округа Балашиха «Средняя общеобразовательная школа №14» Продолжение работы по общей теме: «Создание Web-сайтов с использованием языка разметки гипертекстовых документов HTML» Тема урока: СОЗДАНИЕ ГИПЕРССЫЛОК Цели урока:
Тип урока: изучение нового материала, практическая работа на ПК. Вспомогательный материал: презентация учителя, информация о гиперссылках в электронном виде, папка ученика с заданиями. План урока:
Ход урока ОРГАНИЗАЦИОННЫЙ МОМЕНТ. на компьютерных столах – инструменты для работы, на столах учеников – дневник, пенал - Здравствуйте! (титульный слайд)
Учитель: Мы продолжаем изучение темы создание Web-сайтов с использованием языка разметки гипертекстовых документов HTML, но непосредственно сегодня на уроке мы будем учиться создавать гиперссылки. ПОВТОРЕНИЕ - Но, прежде вспомним основные понятия: - Что такое Web-сайт? Ответ: Web-сайт - группа Web-страниц, принадлежащих одному автору или одному издателю и взаимосвязанных общими гиперссылками, образующих структуру. - Для чего нужны сайты? Ответ 1. Обмен информацией Ответ 2. Получение информации круглосуточно. Ответ 3. Возможность информирования посетителей сайта, что существенно дешевле рассылки бумажной корреспонденции. Ответ 4. Любая компания стремится к росту. Она развивается и стремится охватывать своей деятельностью более широкое бизнес поле. Это легко осуществляется путем создания сайта. Сайт - это лицо компании. С помощью сайта можно улучшить информационное обеспечение клиентов. Наличие сайта уже формирует положительный образ компании в глазах любого партнера. Сайт может подарить варианты, о которых, порой, трудно догадаться. Сайт может проводить не требующие усилий маркетинговые исследования. Сайт свидетельствует о процветании компании, о ее солидности и современности. Ответ 5. Организовать новый бизнес в Интернет Ответ 6. Продвижение продукта или бренда. Основная задача для этой цели - создать уникальный, привлекательный и запоминающийся образ нового продукта. - Ребята, а мы можем говорить, что Web-сайт это компьютерный вид работы? Ответ: Да, так как этот вид работы очень актуален, востребован, высокооплачиваемый. Учитель: - Да, - это важно. Человек, владеющий этими технологиями создания сайтов, востребован в нашем современном, информационном мире - С помощью, каких технологий можно создавать сайты? Ответ 1. Сайты могут быть созданы при помощи любого текстового редактора или специализированных HTML-редакторов и конвертеров: Front Page, Macromedia Dreamweaver и т.п. Выбор редактора, который будет использоваться для создания HTML-документов, зависит исключительно от понятия удобства и личных пристрастий каждого автора.
- Ребята, вы определили, что Web-сайт – это группа Web-страниц. - Что такое Web-страница? Ответ: Отдельный документ, выполненный в формате HTML или документ сохраненный с расширением *.html - Какие еще понятия подходят под это определение? Ответ: HTML-документ, Web-документ.
- Ребята, а как расшифровывается сочетание букв HTML? Ответ: HTML - HyperText Markup Language - стандартный язык, предназначенный для создания гипертекстовых документов в среде WEB. Включает различные способы оформления гипертекстовых документов, дизайн, гипертекстовые редакторы, браузеры… - Ребята, мы постоянно на наших уроках говорим: гипертекст, гипертекстовый документ, гиперссылка. Что означает приставка гипер-? Ответ: Ги́пер- (от др.греч. над, сверху) - составная часть сложных слов, означающая: «увеличенный относительно нормы» - Что такое гипертекст? Ответ: Гипертекст – информационная структура, позволяющая устанавливать смысловые связи между элементами текста на экране компьютера. (Термин был введён Тедом Нельсоном (?) в 1965 году для обозначения «текста ветвящегося или выполняющего действия по запросу») - Что еще нужно знать, чтобы создать Web-страничку? Ответ 2. Знать язык HTML, структуру html-документа, набор элементов и тэгов, определяющих границы действия этих элементов.
Ответ 3. Для просмотра Web-страниц нужен браузер – программа, которая отображает содержимое файлов, полученных с локального или удаленного компьютера. С ее помощью можно загружать и просматривать Web-страницы, осуществлять навигацию WWW. Существует большое количество Web-браузеров. Например: Internet Explorer, Mozilla Firefox
- Молодцы! - А как же все начиналось? Об истории развития уникальной WWW нам расскажет – Петенин Александр (индивидуальное задание: подготовить проект-презентацию «История возникновения WWW»)
- Спасибо, Саша (оценка). Ребята, вы что-то новое узнали для себя? Какая проблема встала перед человечеством с использованием Интернета! (ответы учеников) ОБЪЯСНЕНИЕ НОВОГО МАТЕРИАЛА - На предыдущих уроках мы изучали структуру HTML-документа команды HTML, задающиеся с помощью специальных элементов – тэгов, которые бывают парные и непарные.
Познакомились с форматированием текста на Web-страницах, созданием списков, размещением графики. Создали и оформили свою первую личную страничку «Моя страничка», где разместили информацию о себе, своих увлечениях (хобби), о будущей профессии. - Ребята, прошу пройти за свои рабочие места (ПК). Сейчас вы самостоятельно ознакомитесь с HTML-документом «Гиперссылки», который находится в папке «9 класс» на Рабочем столе (ученики изучают материал, возможно музыкальное сопровождение) Учитель: - Вы прочитали подготовленный материал и теперь ответьте на вопросы - Что входит в понятие гиперссылка? Ответ: Гиперссылка - указатель перехода в текстовом массиве от фрагмента к фрагменту.
- Какие бывают виды гиперссылок? Ответ: ссылку можно сделать:
- Какие бывают типы гиперссылок? Ответ: Абсолютная ссылка - содержит полный адрес - адрес URL (Единый указатель ресурсов) сервера в Интернет и полный путь.. Такая ссылка позволяет другим посетителям копировать страницу к себе на компьютер (не весь сайт!), открыть у себя страницу, и щелкнув по ссылке пройти полное подключение через Интернет и попасть на адресуемую страницу.
- Все правильно! Но, чаще всего мы говорим «адрес сайта» - это и есть абсолютная ссылка - Ещё? Ответ: Относительная ссылка - указывает размещение адресуемого файла относительно исходной страницы, откуда исходит ссылка. Относительная ссылка применяется при формировании своего сайта и позволяет перенести свой сайт на любой компьютер.
(Объяснение учителя) - Ребята, закройте, пожалуйста, HTML-документ «Гиперссылки» - Сегодня мы с вами научимся создавать относительные ссылки двух видов:
- Для того, чтобы создать гиперссылку нам необходим элемент, отмечающий в документе ссылку. Граница действия элемента определена парным тэгом, который называется «Анкор» (от слова Anchor - буквально "якорь") Тэг … Тэг применяют с параметрами HREF или NAME, которые уточняют ссылку.
Ссылки связывающие несколько страниц (задание1) Для создания гиперссылки, связывающей несколько страниц используется запись Слова откуда
- Ребята, наше первое задание будет заключатся в том, чтобы связать две страницы: Главную страницу будущего сайта класса и свою личную страницу. Алгоритм работы: Шаг 1. На Рабочем столе откройте папку под названием site, в которой хранится HTML-документ index.html (главная страничка) и HTML-документ «Моя страничка» с именем page1.html. - Ребята, у нас есть две страницы, а как начать работать с ними, что нудно сделать, чтобы можно было редактировать их? Ответ: открыть эти два документа с помощью приложения Блокнот - Что нужно сделать. Каким образом? Шаг 2. Расположите два окна открытых текстовых документов таким образом (п.к.м. по Панели задач/расположить окна слева на право)
Шаг 3. На главной странице найдите элемент обозначенный тэгом, содержащий ваше имя | Александр | Александр |
page1.html | page2.html |
………………………………………….. |