Web проектирование план урока

Приложение к п.4.

Скопируйте на рабочий стол из папки класса в сетевом окружении, папку Sajt .

Создайте на рабочем столе личную папку.

Скопируйте в неё рисунок из папки Sajt .

Введите текст, отформатируйте его и вставьте рисунок (папка Sajt ).

Сохраните страницу под именем Index . htm в свою личную папку.

Сохраните страницу под именем Boyan . htm в свою личную папку.

Отредактируйте страницы, добавив на них гиперссылки для перехода между страницами.

Свидетельство и скидка на обучение каждому участнику

Зарегистрироваться 15–17 марта 2022 г.

Описание презентации по отдельным слайдам:

Web-проектирование Тема урока:

Гиперсреда технология представления информации в виде относительно небольших блоков, ассоциативно связанных друг с другом

Гипертекст любой текст, в котором обнаруживаются какие-либо ссылки на другие фрагменты. Гипертекстовая система это - информационная система, способная хранить информацию в виде электронного текста, позволяющая устанавливать электронные связи между любыми "информационными единицами", хранящимися в ее памяти и вызывать их на экран монитора “простым нажатием кнопки”.

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

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

URL (от англ. Universal Resource Locator, как правило, произносится "урл") – это адрес страницы в интернете. URL состоит из доменного имени, пути к странице на сайте и имени файла страницы. Например: www.rossia.ru/moskva/arbat/domknigi.htm . Здесь www.rossia.ru -доменное имя сайта, /moskva/arbat/ - путь и domknigi.htm – имя файла. Обычно, когда говорят "адрес сайта", имеют в виду его доменное имя, при обращении к которому грузится стартовая страница сайта.

URI (англ. Uniform Resource Identifier) — единообразный идентификатор ресурса. На английский манер произносится как [ю-ар-а́й], по-русски чаще говорят [ури́]. URI — это короткая последовательность символов, идентифицирующая абстрактный или физический ресурс.

Домен (от англ. domain – область, территория) - по международному соглашению каждой стране выделено некоторое кодовое обозначение длиной 2-3 буквы, которое называется доменом первого уровня или доменом этой страны. Так, например, если адрес сайта заканчивается на .ru (.su) – значит, сайт находится в домене России, .fr – Франции, .jp – Японии. Кроме того, существуют несколько доменов первого уровня, связанных не с географией, а с направленностью сайта – например, .com для коммерческих, .org для некоммерческих, .edu для образовательных организаций. Домен первого уровня также называют "зоной".

Клиент-сервер (англ. Client-server) — сетевая архитектура, в которой устройства являются либо клиентами, либо серверами. Клиентом (front end) является запрашивающая машина (обычно ПК), сервером (back end) — машина, которая отвечает на запрос. Оба термина (клиент и сервер) могут применяться как к физическим устройствам, так и к программному обеспечению.

Веб-сервер Cервер, обеспечивающий предоставление информации в службе глобального соединения. Веб-сервер хранит и предоставляет во внешнюю сеть данные, организованные в виде веб-страниц. Веб-сервер отвечает за обработку запросов клиентов к веб-сайту и исполнение CGI, JSP, ASP, PHP и других приложений.

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

Информатика и ИКТ, 10 класс, Базовый уровень, Угринович Н.Д., 5-е издание. – М.:Бином. Лаборатория знаний, 2009. – 212с.

Создание Web-сайта на заданную тему

Вид урока

Урок с применением современных информационных технологий

Проблемно-исследовательская технология и ИКТ.

Цели и задачи урока:

развитие познавательного интереса, логического мышления и творческой активности учащихся;

развитие у школьников умения излагать мысли, моделировать ситуацию;

повторение и закрепление пройденного материала;

воспитание уважения к сопернику, воли к победе, находчивости умение работать в команде;

формирование общеучебных и общекультурных навыков работы с информацией и компьютером;

Повысить интерес, увлечь учащихся предметом, привить любовь к информатике через совместную деятельность

Стимулировать поисково-познавательную деятельность. Показать, что информатика сложна только для тех, кто не хочет и не желает вообще ничего делать.

Обобщить и систематизировать знания, полученные во время обучения информатике.

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

Учебная: Углубление, обобщение и систематизация знаний по программному обеспечению ПК.

Познавательная: Совершенствование навыков работы и повышение интереса к современным компьютерным технологиям.

Технические средства: компьютеры IBM/PC, карточки с заданиями

Программное обеспечение: операционная система WINDOWS ХР,

программа Блокнот, Браузер Internet Explorer

Замечание. Для выполнения задания должна быть приготовлены папки с рабочим материалом, в который включить файлы, краткая справка по тэгам Приложение 1.

Выполнение лабораторно-практической работы по теме

I. Орг. момент.
Приветствие учащихся, проверка присутствующих. Объяснение хода занятия.

II. Актуализация знаний.

- Что такое сайт?

Сайт – это страничка в Интернете, которая может быть создана с помощью специальных программ, шаблонов, вручную при помощи стандартной для любой операционной системы Windows программы Блокнот.

Создание интернет-странички в Блокноте – это долгий и кропотливый процесс, гораздо быстрее создать сайт по шаблону, каких достаточно на бесплатных серверах.

Сегодня сделать свой собственный сайт не составляет большого труда даже для человека, который не очень часто сталкивается с интернетом. Находится стандартная картинка (шаблон вашего будущего сайта). С помощью разнообразных программ типа "Front Раgе" происходит верстка страниц сайта, создание ссылок для связи между ними - и простой сайт готов. Остается только разместить его в интернете, что можно без проблем сделать на серверах, предоставляющих бесплатный хостинг (размещение сайта). Вкупе с хостингом можно выбрать и доменное имя сайта. Правда, осуществить качественную раскрутку такого сайта вряд ли получится - большинство поисковиков и каталогов игнорируют сайты, расположенные на бесплатном хостинге.

Но не все так просто. Если вам нужен оригинальный дизайн сайта, его раскрутка и продвижение, то придется обращаться к профессионалам.

Для создания оригинального сайта требуется разработать дизайн-концепцию сайта, грамотно сверстать полученное изображение, последующий этап - это работа программиста - разработка индивидуального программного продукта для сайта, после - заполнение сайта информацией, на завершающем этапе - работа специалиста по оптимизации - продвижение сайта.

- Что такое Web-страницы и Web-сайты?

Web-сайт (Web-узел) - это набор связанных между собой близких по смыслу Web-страниц и файлов. Сайты обычно посвящены какой-то определённой теме и содержат информацию, относящуюся к частному лицу или компании

- Что такое гиперссылка?

Гиперссылка - это текст или изображение на Web-странице, при щелчке на котором происходит переход к другой Web-странице или сайту.

- На каком языке создаются web-сайты?

Язык HTML (язык разметки гипертекста) — это язык, на котором создаются Web-страницы.

- Как называются специальные управляющие последовательности символов, использующиеся в HTML-документах?

Кроме полезного текста в HTML-документах используются специальные управляющие последовательности символов — тэги.

- Чем отличается закрывающийся тэг от начального?

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

- При интерпретации тэгов браузер делает различия между строчными и прописными буквами?

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

III. Планирование Web-сайта

Сегодня учащиеся, разбившись на пары, будут разрабатывать свой WEB-сайт о:

Для начала нужно решить, какой материал будет содержать ваш сайт

На доске записаны темы, выберете любую из них

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

Создание сайта как информационного блога благодаря которому мы сможем донести до людей нужную информацию

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

В классе выбираются несколько групп учащихся(по 2 человека в группе).

IV. Выполнение лабораторно-практической работы.

1. Исходные файлы: находятся в папке на рабочем столе

2. Загрузить программу Блокнот (ПУСК – Программы – Стандартные)

Замечание. На каждом шаге будете добавлять новый тэг – он выделен жирным шрифтом. Остальные тэги остаются без изменения.

4. В начале текста разместить тэг, указывающий, что данный документ является HTML-текстом (т.е. обязательный тэг для Web-страницы):

5. Создание заголовка Web-страницы:

title заголовок title

6. Сохраните документ в своей рабочей папке под именем indeх.htm – для этого выполните команду Файл – Сохранить как

7. Открыть программу Internet Explorer (ПУСК – Программы). Работать будем автономно !

Замечание. Будете продолжать редактирование файла index.htm, не закрывая Internet Explorer: для этого через панель задач переключиться на программу Блокнот, в которой открыт файл index.htm.

8. Определение тела документа:

для этого необходимо вставить тэги body … body

У каждой группы есть название фирмы. Ученики должны создавать иерархические модели своих сайтов (с учетом требований сайта).

Просмотр видеоматериала. HTML для начинающих

HTML – ( Hypertext Markup Language ) — HTML — стандартизированный язык разметки документов во Всемирной паутине.

Гипертекст – это электронный документ, который содержит гиперссылки на другие документы.

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

Гипертекстовая технология – это технология, базирующаяся на использовании гипертекстовых документов. Ее применяют в компьютерных энциклопедиях и учебных программах, прикладных программах для работы со справочной информацией и для организации доступа к информации в W W W , т.е. при работе с WEB -документами.

WEB -документ – это текст, написанный на языке HTML или другом, который предназначен для просмотра электронной информации на экране компьютера с помощью программы-браузера.

WEB -сайты создают WEB -дизайнеры.

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

Команды языка HTML называются теги и они записываются в . Большинство тегов – парные html >… html >

Документ HTML имеет три структурных типа содержимого:

1. Теги – команды в .
2. Комментарии –пояснения к документу. Они помогают разобраться в его содержании -->.
3. Текст – то, что пользователь видит на экране браузера.

Мультимедийные элементы – картинки, звук, видео – не являются частью HTML -документа и хранятся в отдельных файлах. HTML -документ содержит только ссылки на эти файлы в виде тегов.

Читайте также:

  
• Как определить работу изменяющейся силы кратко
  
• Какие нравственные проблемы поставлены в повести станционный смотритель кратко
  
• Что такое бриф кратко
  
• Анализ школьных программ по обществознанию
  
• Кто такие консерваторы кратко