Скачать 35.74 Kb.
|
Урок на тему "Создание WEB-страницы". 11-й классГафаров Рейнат Рашитович, учитель информатики Задача урока: Научить учащихся создавать с помощью HTML ( Hyper Text Markup Lenguage, язык гипертекстовой разметки) Web- страницы. Цели: Методы:
Тип урока: изученного нового материала. Форма урока: урок-усвоение и закрепления нового материала. Способы организации деятельности: групповая, индивидуальная, фронтальная. Оборудование:
Данный урок проводится после прохождения темы основы языка HTML Ход урока 1. Организационный момент. 2. Подготовка к активному усвоению материала. На этом уроке мы с вами научимся азам проектирования WEB-страницы Задача урока состоит в создании первой вашей WEB-страницы. Итак, что же такое сайт? Сайт - это система связанных между собой гипертекстовых документов, оформленных веб-дизайнером с учетом целей и задач проекта и соблюдением всех требований usability. Каждый документ имеет определенную структуру - заголовки и завершение документа, благодаря которым может быть отображен в браузере, содержит информацию в теле документа и оформление в рамках утвержденного дизайна. Переход от одного документа к другому осуществляется посредством гиперссылок. Еще раз хочу подчеркнуть, что веб-дизайн - это не знание языка разметки документов HTML и не умение работать с графическими редакторами. Да, все это тоже необходимо, однако далеко не достаточно для того, чтобы создать сайт. В дальнейшем мы подробнее рассмотрим все вопросы, которые касаются непосредственно разработки и сборки страниц. Язык html/shtml, браузеры, их особенности и отличия в интерфейсе и визуализации web-документов, языки и кодировки, инструменты для верстки и обработки графики, языки и кодировки, элементы программирования, оптимизации и раскрутки сайтов. Это все - технологические проблемы. Однако разработка дизайна сайта никогда не начинается с верстки документов. А начинается она... 3.Изучение нового материала Итак - какие модули должны присутствовать на главной странице сайта? Рассмотрим самый типичный вариант для среднего сайта средней фирмы или не самый "запущенный" вариант авторской страницы.
Вы получили ряд прямоугольников, которые требуется разместить на странице (экране). Конечно же, перед тем, как приступить к разработке, даже опытные дизайнеры обязательно уделяют время "серфингу" по интернету, наблюдают варианты уже реализованных решений, а новичку опыт "хождения и наблюдения" просто необходим... Пример: Здесь находится текст странички, различные картинки. |