• Главная
  • Блог
  • Пользователи
  • Форум
  • Литературное творчество
  • Музыкальное творчество
  • Научно-техническое творчество
  • Художественно-прикладное творчество

Электронный образовательный ресурс по теме "Внутренние ссылки"

Опубликовано Петриченко Вера Алексеевна вкл 25.01.2012 - 0:28
Петриченко Вера Алексеевна
Автор: 
Педагог - Петриченко В.А. и ученики

Данный материал предназначен учащимся, изучающим Интернет-технологии, педагогам информатики и родителям, которые могут с помощью данного Интернет-ресурса заглянуть в мир увлечений своих детей.

На сайте представлены web-страницы, выполненные учащимися секции "Web-дизайн" по разделу программы "Внутренние ссылки".

Выполненные странички  объединены педагогом в единый  сайт, который размещен в Интернете по адресу:  http://webdesign.dax.ru

Учащимся была предложена тематика - "Любимый Санкт-Петербург".

Выполнение данного задания включает в себя комплекс задач, которые должны были решить учащиеся:
- выбрать тему;
- собрать интересный материал - тексты и фотографии;
- изучить технологию верстки документа с несколькими разделами;
- создать страничку в визуальном редакторе DreamWeaver CS5;
- разместить текстовый и графический материал;
- оформить страничку с помощью таблиц стилей;
- создать навигацию по странице;
- предъявить результат преподавателю.

5379
screenshot.jpg

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

Не все страницы посвящены Санкт-Петербургу. Некоторые учащиеся выбрали свободную тему. Например, Шулакова Мария (7 класс) посвятила свою страничку городам Ленинградской области, где живет ее бабушка и куда сама Маша уезжает на летний отдых. Есть странички рассказывающие про новые торговые центры, куда по выходным дням ходят просто "побродить" с родителями или с друзьями. Темы разные и интересны с точки зрения анализа мира увлечений наших детей.

 

Более подробную информацию о нашей студии "Web-дизайн" можно получить на сайте ДДЮТ "На Ленской"  http://na-lenskoq.ru/programs/1

Скачать:

ВложениеРазмер
Microsoft Office document icon teoriya_i_zadanie.doc36.5 КБ

Предварительный просмотр:

Автор разработки – педагог ДО Петриченко В.А.

Задание «Создание  Web-страницы с внутренними ссылками-закладками”

Теория

Иногда возникает вопрос: как сделать ссылку на определенное место в том же документе?
Для этого в документе расставляют закладки.

Ссылка на закладку в том же документе имеет следующий вид:
Петергоф - ссылка на закладку

Сама закладка будет такой:
m1">Петергоф - закладка

Щелкнув на ссылку с названием раздела, пользователь будет попадать на начало этого раздела,
определенное с помощью закладки с соответствующим ссылке именем (в приведенном примере -  “m1”).

Вверху данной страницы находится содержание, оформленное как ссылки на определенные закладки,
находящиеся в этом же документе.

 Практика

Создаем документ.

    Имя документа     piter.html

Заголовок первого уровня    

   


 

Любимые парки Санкт-Петербурга

   

Содержание, оформленное как маркерованный список ссылок на разделы документа

       

  • Петергоф
  •    

  • Михайловский сайд
  •    

  • Екатерининский сад

Заголовок второго уровня  

   

Петергоф

   

 

Все о Петергофе

назад

Заголовок второго уровня  

   

Михайловский сад

   

 

Все о Михайловском саде

назад

Заголовок второго уровня  

   

Екатерининский сад

   

 

   Все о Екатерининском саде

назад

Автор страницы: Петров Иван


Поделиться:

"Портрет". Н.В. Гоголь

Дельфин: сказка о мечтателе. Серджио Бамбарен

Алые паруса

Ласточка

Рисуем пшеничное поле гуашью