Выдаём удостоверения и дипломы установленного образца

Получите 5% кэшбэк!

Запишитесь на один из 793 курсов и получите 5% кэшбэк стоимости курса на карту

Выбрать курс
Инфоурок Информатика КонспектыСоздание сайта тема « В здоровом теле, здоровый дух»

Создание сайта тема « В здоровом теле, здоровый дух»

Скачать материал
Выберите документ из архива для просмотра:
546.34 КБ 1299504705_E2E8F2E0ECE8EDFB.jpg
64.59 КБ 199718820.jpg
31.76 КБ Al.jpg
41.48 КБ Net.jpg
56.2 КБ Net3.jpg
41.87 КБ Nik.jpg
26.76 КБ Nrt.jpg
55.04 КБ Spice.jpg
50.51 КБ alkogol. htm.html
34.76 КБ baner.jpg
93.11 КБ fruit-cut-piece-water-citrus-close-up-2K-wallpaper-middle-size.jpg
94.11 КБ id.jpg
24.14 КБ index.htm
39.68 КБ smoking. htm.html
27.66 КБ spice. htm.html
37.69 КБ al_1.jpeg
118.47 КБ al_2.jpg
328.05 КБ al_3.jpg
20.65 КБ al_4.jpg
32.05 КБ al_5.jpg
2.57 КБ Безымянный.png
86.96 КБ blog_1037_989.jpg
763.45 КБ gie5xLkzT.jpg
55.25 КБ heavysmokers.jpg
166.16 КБ kur31.jpg
129.96 КБ 100521-F-0000P-001.jpg
1.79 МБ izyati_spaici.jpg
56.04 КБ neduri000589_3.jpg
4.25 КБ загружено.html
620.5 КБ Инструменты создания сайта.ppt
739.63 КБ Создание сайта.docx

Выбранный для просмотра документ Инструменты создания сайта.ppt

библиотека
материалов
 Тема урока: Инструменты для разработки веб-сайтов

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

1 слайд  Тема урока: Инструменты для разработки веб-сайтов
Описание слайда:

Тема урока: Инструменты для разработки веб-сайтов

2 слайд Web-сайт это: Это совокупность гипертекстовых документов, которые рассматрива
Описание слайда:

Web-сайт это: Это совокупность гипертекстовых документов, которые рассматриваются как единое целое и определяются одним URL- адресом

3 слайд Анализ и проектирование сайта Информационное наполнение сайта Креатив, или ви
Описание слайда:

Анализ и проектирование сайта Информационное наполнение сайта Креатив, или визуальная составляющая сайта Написание кода Тестирование Публикация Поддержка Этапы разработки веб-сайтов:

4 слайд 2 способа Ручной С использованием конструктора С помощью языка разметки HTML
Описание слайда:

2 способа Ручной С использованием конструктора С помощью языка разметки HTML С помощью специальных программ С помощью online-сервисов

5 слайд HTML- Стандартный язык разметки документов. Язык HTML интерпретируется браузе
Описание слайда:

HTML- Стандартный язык разметки документов. Язык HTML интерпретируется браузером и отображается в виде документа, в удобной для человека форме.

6 слайд На Web – страницах находится информация: текстовая, графическая, звуковая, ви
Описание слайда:

На Web – страницах находится информация: текстовая, графическая, звуковая, видео. Для того, чтобы создать Web – страницу нужно написать программу на языке HTML. Слово «HTML» представляет собой сокращение от «HyperText Markup Language» - «язык разметки гипертекста». Основным понятием языка HTML является понятие тег. ТЕГ – инструкция браузеру, указывающая способ отображения информации заключенный в угловые скобки <>..

7 слайд Название Web-страницы    Приветствую тебя, посетитель моего сайта. Меня зо
Описание слайда:

<HTML> <HEAD> <TITLE> Название Web-страницы </TITLE> </HEAD> <BODY > Приветствую тебя, посетитель моего сайта. Меня зовут Петя. Это моя первая Web-страница. </BODY> </HTML>

8 слайд В настоящее время имеется большое количество различных инструментальных средс
Описание слайда:

В настоящее время имеется большое количество различных инструментальных средств разработки Web-страниц и Web-сайтов, от простейших HTML-редакторов до систем с использованием технологии WYSIWYG ("What You See Is What You Get" - "Что видишь, то и получишь"). Такие редакторы (визуальные веб-редакторы) входят в состав некоторых офисных пакетов и некоторых интегрированных приложений для работы в Интернете: Front Page Express   Kompozer   Web-мастер AdobeDreamweaver 1st Page 2000 Microsoft Front Page AceHTML 4 Иструментльные средства разработки веб-сайтов

9 слайд - программа рассчитанная на работу в Windows, Linux,Mac Os. Для начала мы дол
Описание слайда:

- программа рассчитанная на работу в Windows, Linux,Mac Os. Для начала мы должны определиться с тематикой Веб- сайта, продумать дизайн, количество ссылок. Визуальный редактор Kompozer

10 слайд  Интерфейс визуального редактора Kompozer
Описание слайда:

Интерфейс визуального редактора Kompozer

11 слайд Оформление страницы Установка фоновой заливки страницы В главном меню редакт
Описание слайда:

Оформление страницы Установка фоновой заливки страницы В главном меню редактора необходимо выбрать: Формат Цвета и фон страницы

12 слайд Заголовок страницы Для изменения заголовка веб-страницы необходимо в главном
Описание слайда:

Заголовок страницы Для изменения заголовка веб-страницы необходимо в главном меню выбрать : Формат Заголовок и свойства страницы

13 слайд Наполнение веб-страницы Наполнение страницы осуществляется довольно просто и
Описание слайда:

Наполнение веб-страницы Наполнение страницы осуществляется довольно просто и напоминает работу в текстовом редакторе

14 слайд Добавление гиперссылок На панели инструментов существует иконка, с помощью ко
Описание слайда:

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

15 слайд Результат
Описание слайда:

Результат

16 слайд Добавление изображений Необходимо щелкнуть по иконке «Изображение» на панели
Описание слайда:

Добавление изображений Необходимо щелкнуть по иконке «Изображение» на панели инструментов и выбрать картинку из папки локального или съемного диска

17 слайд Подведение итогов Чему научились? Что узнали нового? Что понравилось? Чему хо
Описание слайда:

Подведение итогов Чему научились? Что узнали нового? Что понравилось? Чему хотели бы научиться? Что было самым трудным ?

18 слайд Структура создания сайта.
Описание слайда:

Структура создания сайта.

19 слайд Создание таблиц и списков на Web- странице выбрать пункт меню Таблица
Описание слайда:

Создание таблиц и списков на Web- странице выбрать пункт меню Таблица

20 слайд Изменение свойств таблицы • установить курсор в любую ячейку таблицы ; • выбр
Описание слайда:

Изменение свойств таблицы • установить курсор в любую ячейку таблицы ; • выбрать пункт меню Таблица - Свойства таблицы ; • изменить нужные свойства всей таблицы (вкладка Таблица) или отдельных ячеек (вкладка Ячейки) .

21 слайд Объединение ячеек выбрать пункт меню Таблица -Объединить выбранные ячейки . Д
Описание слайда:

Объединение ячеек выбрать пункт меню Таблица -Объединить выбранные ячейки . Добавление строк и столбцов - Таблица - Вставить . Изменение фона ячеек - Таблица - Цвет фона ячейки или таблицы. Создание списков - Формат - Список.

22 слайд Изменение цвета фона ячеек выделить ячейк и ; выбрать пункт меню Таблица - Цв
Описание слайда:

Изменение цвета фона ячеек выделить ячейк и ; выбрать пункт меню Таблица - Цвет фона ячейки или таблицы ; => выбрать из палитры нужный цвет .

Выбранный для просмотра документ Создание сайта.docx

библиотека
материалов

Тема «Инструменты для разработки Web- сайтов. Создание сайта.»

Цель урока: 

  1. Формирование умений и навыков, носящих в современных условиях общенаучный и интеллектуальный характер.

  2. Освоение приемов создания Web-страниц и Web-сайтов с помощью программы KompoZer: оформление дизайна страницы; организация внутренних гиперссылок; организация внешних гиперссылок. 

Задачи урока:

  1. Воспитательная – развитие познавательного интереса, воспитание информационной культуры.

  2. Учебная – изучить и закрепить навыки работы с текстом.

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

Используемое программное обеспечение: KompoZer , Paint.

презентация «Инструменты создания сайта»

Тип урока: комбинированный

Ход урока

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

Здравствуйте! Сегодня мы с вами будем создавать web-сайт с помощью KompoZer.

  1. Актуализация опорных знаний. Проверка домашнего задания.

  • Что такое Web – сайт, Web – страница, гиперссылка?

Важнейшей информационной службой интернета является всемирная паутина. Это система веб-страниц, которые связаны между собой гиперссылками.

  • Какие существуют виды навигационной схемы Web – сайтов?

Что означает технология «клиент- сервер» Текст, который содержит гиперссылки называется гипертекстом. Всемирная паутина работает по системе клиент-сервер. Веб-сервер и компьютер-клиент взаимодействуют между собой по протоколу HTTP.  Клиент отправляет на веб-сервер запрос на веб-страницу, а сервер в ответ отсылает указанную веб-страницу или сообщение об ошибке, если она недоступна.

Как организована поисковая служба Интернета?

  1. Мотивация учебной деятельности

Изучая данную тему, мы с вами рассмотрим следующие вопросы:

  1. Как и какими средствами создаются Web – страницы?

  2. Примеры оформления Web – страниц.

  3. Создание гиперссылок.

Внимание на экран. Я, отвечая на эти вопросы, одновременно буду демонстрировать слайды. Нужные определения запишем в тетрадях


  1. Изучение нового материала.



Большая часть веб-страниц содержится в составе веб-сайтов.hello_html_m3b51a679.png

 Web-сайт это: совокупность гипертекстовых документов, которые рассматриваются как единое целое и определяются одним URL- адресом

Анализ и проектирование сайта

  • Информационное наполнение сайта

  • Креатив, или визуальная составляющая сайта

  • Написание кода

  • Тестирование

  • Публикация

  • Поддержка

HTML-Стандартный язык разметки документов. Язык HTML интерпретируется браузером и отображается в виде документа, в удобной для человека форме.

На Web – страницах находится информация: текстовая, графическая, звуковая, видео. Для того, чтобы создать Web – страницу нужно написать программу на языке HTML.

Слово «HTML» представляет собой сокращение от «HyperText Markup Language» - «язык разметки гипертекста». Основным понятием языка HTML является понятие тег.

ТЕГ – инструкция браузеру, указывающая способ отображения информации заключенный в угловые скобки <>..

В настоящее время имеется большое количество различных инструментальных средств разработки Web-страниц и Web-сайтов, от простейших HTML-редакторов до систем с использованием технологии WYSIWYG ("What You See Is What You Get" - "Что видишь, то и получишь"). Такие редакторы (визуальные веб-редакторы) входят в состав некоторых офисных пакетов и некоторых интегрированных приложений для работы в Интернете:

  • Front Page Express  

  • Kompozer  

  • Web-мастер

  • AdobeDreamweaver

  • 1st Page 2000

  • Microsoft Front Page

  • AceHTML 4

Kompozer   - программа рассчитанная на работу в Windows, Linux,Mac Os.

Рассмотрим интерфейс программы «KompoZer». Его можно разделить на несколько частей. Вверху располагается главное меню. Через него можно получить доступ ко всем элементам функциональности программы. Ниже главного меню располагается панель быстрого доступа. Она содержит кнопки вызова наиболее часто используемых операций. Ещё ниже располагается панель форматирования текста, на ней расположены инструменты, которые свойственны большинству текстовых редакторов. Здесь можно настроить шрифт и размер текста, а также его форматирование, например, создавая различные списки. Большую часть окна программы занимает рабочая область. Помимо окна, в котором отображаются результаты работы (окна редактирования), она содержит панель вкладок, которая позволяет переключаться между различными страницами веб-сайта, а также панель управления режимами редактирования. Она позволяет выбирать между режимами: дизайн, в котором отображается лишь визуальное представление блоков, код, в котором отображается код страницы на языке разметки гипертекста. При выборе объединённого режима окно результатов будет разделено на две части по горизонтали. В верхней части располагается окно дизайна, а в нижней – окно кода. В левой части окна находится менеджер сайта, который позволяет загрузить созданный сайт на веб-сервер.

Для начала мы должны определиться с тематикой Веб- сайта, продумать дизайн, количество ссылок.

Интерфейс визуального редактораKompozer

Оформление страницы

Установка фоновой заливки страницы. В главном меню редактора необходимо выбрать: Формат Цвета и фон страницы

Заголовок страницы Для изменения заголовка веб-страницы необходимо в главном меню выбрать :Формат Заголовок и свойства страницы

Наполнение веб-страницы Наполнение страницы осуществляется довольно просто и напоминает работу в текстовом редакторе

  • установим курсор в первую строку рабочего окна;

  • выберем шрифт Arial (Формат 􀀺 Шрифт) ;

  • стиль абзаца - Заголовок 1 (Формат 􀀺 Абзац ) ;

  • размер шрифта - medium (Формат 􀀺 Размер ) ;

  • цвет текста - #СС6600 (Формат 􀀺 Цвет текста);

  • стиль текста - полужирный (Формат 􀀺 Стиль текста ) ;

выравнивание - п о центру (Формат 􀀺 Выравнивание) .

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

  • выбрать пункт Вставка 􀀺 Ссылка (или нажать кнопку Ссылка на Панели компоновки ) ;

  • в первое поле диалогового окна ввести текст гиперссылки ;

  • во втором поле диалогового окна указать URL-aдpec объекта,на который указывает гиперссылка, или ввести имя файла с указанием пути к нему.

  1. Физкультминутка (Учащиеся выполняют комплекс упражнений для глаз и снятия мускульного напряжения.)

  2. Закрепление нового материала

Учащиеся садятся за компьютеры. Знакомятся с новой программой «KompoZer».

Выполняют практическую работу 2.5 1 Задание «Создание 1web - страницы»расположенную С:/Мои документы/11 класс/ Создание сайта в программе «KompoZer».docx.

  1. Домашняя работа. Стр 75-87 ответить на вопросы в конце параграфа

  2. Итоги урока. Учитель подводит итоги, выставляет отметки. Обсуждают результаты вместе с учителем.

  3. Рефлексия

1.Что нового вы узнали на уроке?

2. Где могут пригодиться вам эти знания в жизни, будущей трудовой деятельности?

3. Что бы ещё вы хотели узнать по теме? Отвечают на вопросы, обсуждают

Сегодня мы изучили создание сайта «Домашняя страница» с помощью визуального HTML-редактора «KompoZer». Мы рассмотрели интерфейс данного визуального редактора и узнали, что он состоит из следующих элементов:

·                    главное меню;

·                    панель быстрого доступа;

·                    панель форматирования текста;

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

·                    менеджер сайта.


Тема «Создание сайта« В здоровом теле, здоровый дух».»

Цель урока: 

  1. Формирование умений и навыков, носящих в современных условиях общенаучный и интеллектуальный характер.

  2. Освоение приемов создания Web-страниц и Web-сайтов с помощью программы KompoZer: оформление дизайна страницы; организация внутренних гиперссылок; организация внешних гиперссылок. 

Задачи урока:

  1. Воспитательная – развитие познавательного интереса, воспитание информационной культуры.

  2. Учебная – изучить и закрепить навыки работы с текстом.

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

Используемое программное обеспечение: KompoZer, Paint.

презентация «Инструменты создания сайта»

Тип урока: практика

Ход урока

  1. Организационный момент.Здравствуйте! Сегодня мы с вами продолжим работать над созданием web-сайт с помощью KompoZer.

  2. Актуализация опорных знаний. Проверка домашнего задания.

  • Какой язык используется для разработки сайтов?

  • В чем преимущества визуальных НТМL-редакторов?

  • В чем недостатки визуальных НТМL-редакторов?

  • Как посмотреть НТМL-код документа, работая в программе KompoZer?

  1. Мотивация учебной деятельности

Сегодня в результате работы над пр/р у вас должн быть создан сайт из 4 web- страниц.

Давайте прочитаем задание. Что Вам показалось еще не знакомым? Не умеют добавлять изображения, но при подготовке д/з мы ознакомились, какие команды надо выполнить.

Давайте найдем это в тексте с 93 в учебнике.

  1. Изучение нового материала

Добавление изображений Необходимо щелкнуть по иконке «Изображение» на панели инструментов и выбрать картинку из папки локального или съемного диска

выбрать пункт Вставка ----+ Изображение ;

  • выберите файл boy . j pg ;

  • введите всплывающую подсказку - « Петя Иванов » (альтернативный текст вводить не нужно) ;

  • выберите вкладку Размеры , установите флажок Соблюдать пропорции и задайте ширину рисунка - 1304 ;

  • выберите вкладку Внешний вид и установите отступы слева и справа - 5, а сверху и снизу - 2 ;

  • установите расположение текста по отношению к рисунку - Влево, окружить текстом .

  1. Закрепление нового материала

Учащиеся садятся за компьютеры. Выполняют Практическую работу 2.5 «Создание 1web - страницы» расположенную С:/Мои документы/11 класс/ Создание сайта в программе «KompoZer».docx.

  1. Физкультминутка (Учащиеся выполняют комплекс упражнений для глаз и снятия мускульного напряжения.)

Выполняют Практическую работу 2.6

  1. Домашняя работа. Стр 75-87 ответить на вопросы в конце параграфа

Дополнительное задание (по желанию) Способы размещения сайта в интернете.

  1. Итоги урока. Учитель подводит итоги, выставляет отметки. Обсуждают результаты вместе с учителем.

  2. Рефлексия

1.Что показалось сложным при выполнении практической работы, что не получилось?

2. Что бы ещё вы хотели узнать по теме? Отвечают на вопросы, обсуждают.

Тема Создание таблиц и списков на Web- странице « В здоровом теле, здоровый дух».»

Цель урока: 

  1. Формирование умений и навыков, носящих в современных условиях общенаучный и интеллектуальный характер.

  2. Освоение приемов создания Web-страниц и Web-сайтов с помощью программы KompoZer: оформление дизайна страницы; организация внутренних гиперссылок; организация внешних гиперссылок. 

Задачи урока:

  1. Воспитательная – развитие познавательного интереса, воспитание информационной культуры.

  2. Учебная – изучить и закрепить навыки работы с текстом.

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

Используемое программное обеспечение: KompoZer.

Тип урока: комбинированный

Ход урока

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

Здравствуйте! Сегодня мы с вами продолжим работать над созданием web-сайт с помощью KompoZer.

  1. Актуализация опорных знаний. Проверка домашнего задания.

  • Как можно изменить параметры уже существующей гиперссылки ?

  • Что может являться гиперссылкой?

  • Перечислите способы вставки изображения в сайт.

Заслушаем доклад «Способы размещения сайта в интернете.»

  1. Мотивация учебной деятельности

Наш сайт отличается от сайтов в интернете?

Давайте рассмотрим сайт созданный Варварой Владимировной при помощи НТМL-редактора.

Открытие сайта Лицей №1 им А.Блока г. Солнечногорска.

Учащиеся делают вывод, что в созданном сайте нет структуры. Структура похожа на таблицу.

Мы сегодня научимся вставлять таблицы и приведем имеющийся сайт « В здоровом теле, здоровый дух» в привычный вид.

  1. Изучение нового материала

Добоваление Таблицы

  1. выбрать пункт меню Таблица 􀁯 Вставить 􀁯 Таблица ;

  2. выбрать вкладку Точная и задать количество строк и столбцов

  3. таблицы , ширину таблицы (либо в % от ширины окна, либо в пикселях) , а также ширину рамки таблицы ;

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

Изменение свойств таблицы

Если возникает необходимость изменить некоторые свойства уже существующей таблицы , то нужно :

установить курсор в любую ячейку таблицы ;

выбрать пункт меню Таблица 􀀺 Свойства таблицы ;

изменить нужные свойства всей таблицы (вкладка Таблица) или отдельных ячеек (вкладка Ячейки) .

Объединение ячеек

выбрать пункт меню Таблица 􀁝 Объединить выбранные ячейки .

Изменение цвета фона ячеек

=> выделить ячейк и ;выбрать пункт меню Таблица 􀁝 Цвет фона ячейки или таблицы ;

=> выбрать из палитры нужный цвет .

Добавление строк и столбцов - Таблица 􀃀 Вставить .

Изменение фона ячеек - Таблица 􀃀 Цвет фона ячейки или таблицы.

Создание списков - Формат 􀃀 Список.

Изменение свойств списка - Формат 􀃀 Список 􀃀 Свойства списка

  1. Физкультминутка (Учащиеся выполняют комплекс упражнений для глаз и снятия мускульного напряжения.)

  2. Закрепление нового материала.

Сколько строк и столбцов должно быть изначально в таблице, чтобы получить структуру главной Web- страницы? 3*3


Учащиеся садятся за компьютеры. Выполняют Практическую работу 2.7 Создание таблицы Web-сайт « В здоровом теле, здоровый дух» расположенную С:/Мои документы/11 класс/ Создание сайта в программе «KompoZer».docx.

Выполняют Практическую работу 2.7

  1. Домашняя работа. Стр 96-102 ответить на вопросы в конце параграфа. Продумать и составить схему создания своей страницы по теме «В здоровом теле здоровый дух»

Дополнительное задание (по желанию). Как заработать на своём сайте?

  1. Итоги урока. Учитель подводит итоги, выставляет отметки. Обсуждают результаты вместе с учениками.

  2. Рефлексия

1.Что показалось сложным при выполнении практической работы, что не получилось?

2. Что бы ещё вы хотели узнать по теме? Отвечают на вопросы, обсуждают.

Тема Создание собственной Web- страницы на сайте« В здоровом теле, здоровый дух».»

Цель урока: 

  1. Формирование умений и навыков, носящих в современных условиях общенаучный и интеллектуальный характер.

  2. Освоение приемов создания Web-страниц и Web-сайтов с помощью программы KompoZer: оформление дизайна страницы; организация внутренних гиперссылок; организация внешних гиперссылок. 

  3. Задачи урока:

  4. Воспитательная – развитие познавательного интереса, воспитание информационной культуры.

  5. Учебная – изучить и закрепить навыки работы с текстом.

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

Используемое программное обеспечение: KompoZer, Paint

Тип урока: практика

Ход урока

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

Здравствуйте! Сегодня мы с вами продолжим работать над созданием web-сайт с помощью KompoZer.

  1. Актуализация опорных знаний. Проверка домашнего задания.

  • Визуальная проверка домашнего задания в тетради.

  • Обсуждение вопросов у учащихся, у которых возникли сложности с созданием.

  • Заслушаем доклад «Как заработать на своём сайте?.»

  1. Мотивация учебной деятельности.

Мы рассмотрели основные возможности создания сайта. Сегодня у нас заключительный урок в этой теме. Вы можете продемонстрировать, на сколько освоили данную тему и внести свои знания и узнать еще новое в развитии темы «ЗОЖ».

  1. Физкультминутка (Учащиеся выполняют комплекс упражнений для глаз и снятия мускульного напряжения.)

  2. Практическая работа. Учащиеся садятся за компьютеры. Выполняют Практическую работу 2.8 «Проектное задание на разработку web-страницы» С:/Мои документы/11 класс/ Создание сайта в программе «KompoZer».docx

Каждый выбирает собственную под тему . Создает свою web-страницу..

  1. Итоги урока. Учитель подводит итоги, выставляет отметки. Обсуждают результаты вместе с учениками.

  2. Рефлексия. У кого появилось желание в создании своего сайта?

Как теме или проблеме вы посветили свой сайт?

Всем спасибо!


Практическая работа «Создание сайта в программе «KompoZer».»

Работа 2.5 . Разработка сайта « В здоровом теле, здоровый дух»


Цель работы : знакомство с интерфейсом программы KornpoZer, работа со шрифтами, вставка гиперссылок .

Задание

Уровень 2

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


Страница 1 (имя файла - index.htm)

Заголовок окна: Будь здоров.

Заголовок страницы: В здоровом теле здоровый дух ( шрифт - Verdana , стиль

шрифта - Заголовок 1 , размер - rnediurn , тип выравнивания -по центру) .


Текст страницы :

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

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

 Познавая себя, прислушиваясь к себе, мы становимся на путь творения здоровья… Сегодня, сейчас мы определяем наше здоровье в будущем. Мы сами за него отвечаем! Для совершенствования и формирования здоровья важно учиться быть здоровым! Огромный вред приносят курение, алкоголь, наркотики и здоровью, и моральному облику человека, всей его жизни. В прошлом году в России насчитывалось два с половиной миллиона человек, страдающих тяжёлыми формами алкоголизма и алкогольными психозами, и ещё 400 тысяч состояли на учёте у врача по поводу неумеренного употребления спиртного. Сотни тысяч людей ежегодно умирают, употребив некачественную алкогольную продукцию или спиртосодержащие жидкости. Каждое пятое преступление совершается из-за неумеренного употребления алкоголя. Это всего лишь официальная статистика, которая учитывает только самые запущенные случаи. А сколько мы ещё не знаем... Сколько ежегодно умирает молодых людей от передозировки наркотиков! Сколько семей страдают из-за того, что кто-то злоупотребляет вредными привычками! А какой страшный вред приносит курение, особенно в юном возрасте!  


Гиперссылки (на страницу 2, страницу 3 и страницу 4):

- Курение ;

- Алкоголь;

- Спайсы.

Примечание . Гиперссылки должны располагаться по центру столбиком (друг под другом) . Между гиперссылками вставить по одной пустой строке. Шрифт для гиперс с ылок - Arial , размер medium .

Страница 2 (имя файла - smoking. htm)


Заголовок окна: Никотин.

Заголовок страницы : Кто курит табак, тот себе враг. (Русская пословица.) ( шрифт - Verdana , стиль шрифта - Заголовок 1 , размер - medium, тип выравнивания - по центру) .


Содержание:

 Табачный дым – враг иммунитета, поэтому курящие чаще болеют инфекционными заболеваниями. А знаете ли вы, что 95% больных раком легких – курящие, также 96% больных раком гортани и 90% - полости рта. В 12 раз чаще, чем у некурящих встречается у людей с сигаретой инфаркт, в 10 раз чаще – язва желудка. Я могла бы продолжить и дальше этот список. Хочу объяснить, почему у пострадавшего болят ноги. Никотин, содержащийся в сигарете, суживает сосуды и ухудшается питание клеток. Поэтому задерживается рост, ухудшается память, развивается, как у этого больного, болезнь сухая гангрена. Иногда даже относительно молодые люди теряют так руки и ноги.

   …Курение мужчин – беда, курение женщин – дважды беда, ибо угроза от женской сигареты двойная: и для самой курильщицы, и для ее ребенка. Выяснилось, что дети отстают в физическом и умственном развитии не только потому, что их отец пьет, но и потому, что мать курит. Особенно часто болеют дети курящих родителей. Они ведь и рождаются слабыми, с маленьким весом, часто не донашиваются, ведь у курящей матери никотин суживает сосуды и плод получает недостаточное количество питания. Особенно у плода страдает мозг. Поэтому часто дети курящих родителей стоят на учете у невропатолога, страдают психическими нарушениями. У этих детей чаще встречаются врожденные пороки сердца. Изменяются и наследственные свойства ребенка, ведь в табачном дыме содержатся радиоактивные вещества. Есть и специальные отметины табака: к примеру, “обезьянья складка кожи” ладони встречается только у детей курящих родителей.

 Сигарета отравляет окружающую среду. Уже доказано, что табачный дым превосходит токсичностью автомобильный в 4,5 раз. По вине 1 курящего страдают не меньше 3-х некурящих. От одной выкуренной сигареты в комнате воздух ухудшается в 20 раз. Один курильщик, выкуривающий в день 1 пачку сигарет, сжигает бумагу, которой хватило бы на издание книги в 300 страниц. В России 400 тыс. га лучших земель отведены под табак (сравните, на чай 80,7 га). А сколько окурков в каждом городе?

 Все конечно знают, что вред народному хозяйству наносят пожары. В Нижнекамске, например, происходит около 250 пожаров в год. Причиной многих из них явились курящие люди, брошенные окурки. Статистика показывает, что больше половины местных пожаров возникает из-за непотушенных сигарет. Часто такие пожары приходиться тушить недели. Тысячелетний лес сгорает по вине сигареты

   Есть такой анекдот.

 «Продавец табака расхваливает на ярмарке свой товар: «Покупайте табак, прекрасный табак! Мой табак не простой, а с секретом. От моего табака стариком не будешь, собака не укусит, вор в дом не залезет.

    Если человек 12-17-летнего возраста курит, то у него появляются головные боли, головокружение, спазмы в животе, затруднения при дыхании, перепады кровяного давления. Табак оказывает пагубное действие на здоровье. Половина курящих теряет 20-25 лет жизни. При табакокурении 25 вредных веществ табачного дыма сгорают, 25 поглощает сам курильщик, 50 отравляют воздух в помещении. Дым, которым вынуждены дышать некурящие, содержат больше вредных веществ, чем дым, вдыхаемый самим курильщиком. Это - преступление!


Примечание . Все абзацы текста должны быть выровнены по ширине . Шрифт - Comic Sans MS , размер - medium .


Курилка.

 Он, выпуская дым пахучий,

 Себе солидность придает.

 А запах от него вонючий,

 Но он того не признает.

 Твой дым, курилка, неприятен,

 Я не боюсь тебе сказать!

 Опомнись! Ты же одурачен,

 Невинных можешь наказать!

 И чтоб не ждал тебя могильщик

 И чтоб не звали дураком,

 Одумайся быстрей, курильщик,

 И кончи дружбу с табаком!



Примечание . Все абзацы стихотворения должны быть выровнены по левой стороне. Шрифт - Comic Sans MS , размер - medium .



Страница 3 (имя файла - alkogol. htm)

Заголовок окна: Алкоголь

Заголовок страницы Алкоголь – шаг в пропасть.  (шрифт - Verdana, стиль шрифта - Заголовок 1 , размер - medium, тип выравнивания - по центру).


Содержание:



 Употребление алкоголя – это тоже вредная привычка организма. «Пьянство – есть упражнение в безумии»,- писал Пифагор. Человек не знал алкоголя долгие сотни тысяч лет. Приобщение к пьянству – сравнительно молодая ошибка человечества. Перейдя на оседлый образ жизни, люди заметили, что достаточно поставить в закрытом сосуде раздавленные ягоды винограда или другие плоды, как через несколько дней можно обнаружить напиток, обладающий, как им казалось, чудодейственными свойствами. У людей появились болтливость, хвастливость, агрессивность.

   Но наши предки пили в строго определенных ситуациях, связанных с обрядами и обычаями, а не для того, чтобы напиваться. В пьющих семьях 38% детей оказываются недоразвитыми и больными. В 2 раза чаще дети рождаются мертвыми. Алкоголь не только ослабляет тело, но и разрушает личность. Знаменитый русский физиолог Павлов с полным основанием писал: «Не пейте вина, не огорчайте сердце табачищем и проживете столько, сколько жил Тициан». А он прожил более девяноста лет, что по тем временам немало.

   Недаром говорят: «Потянешься за водкой – будет жизнь короткой». Пьянство ведет за собой шесть зол: бедность, раздор, болезнь, потерю репутации, позор и ослабление умственной активности.

 «Пьянство унижает человека, отнимает у него разум, по крайней мере, на время, и в конце концов превращает его в животное». (Ж.Ж.Руссо)

 «Пьяный человек – не человек, ибо он потерял то, что отличает человека от скотины, - разум». (Т.Пен)

 «Пьянство – это добровольное сумасшествие». (Сенека)

 «Опьянение есть истинное безумие, оно лишает человека всех способностей». (Солон)

 Алкогольное опьянение – результат гибели клеток коры головного мозга, и мозг становится сморщенным. Продолжительность жизни алкоголика сокращается примерно на 20 лет. В России по причине употребления алкоголя умирает около 900 тыс. человек. По данным судебно-медицинской экспертизы, около 60 убитых и 80 убийц во время преступления находились в нетрезвом состоянии. Дети пьющих родителей спиваются на 7-12 лет быстрее своих родителей. В подростково–юношеском возрасте алкоголизм формируется в течение 2 – 4 лет. Алкоголизм уничтожает части тканевых клеток всех органов: печени, глаз, гортани, органов дыхания, сердца, почек, желудочно-кишечного тракта, половых органов. Алкоголь – это горе и слезы семьи!

 Песня-сценка на мотив песни из мультфильма «Пластилиновая ворона».

 Ворона-собака-корова, лиса-дворник и певцы.)

 Нам помнится, вороне,

 А может быть, собаке,

 А может быть, корове

 Однажды повезло!

 Прислал ей кто-то водки,

 А может быть, и спирта,

 А может быть, и пива,

 Что тоже хорошо!

 На ель она взлетела,

 А может, не взлетела,

 А может быть, на пальму

 С разбега забралась,

 И там она позавтракать,

 А может, пообедать,

 А в общем, просто выпить

 Спокойно собралась.

 Но тут лиса бежала,

 А может, не бежала,

 А может, это дворник злой,

 А может, и не злой!

 - «Послушайте, ворона,

 А может быть, собака.

 А может быть, корова,

 Ты всё же не права.

 Ведь пиво здоровье губит,

 А водка и подавно,

 Спирт вообще противный.

 Ты выпей молока!»

 Но глупая ворона,

 А может быть, собака,

 А может быть, корова,

 Как что-то глотанёт!

 И с пальмы та ворона,

 А может быть, собака,

 А может быть, корова,

 Конечно, упадёт!

 Сломала себе лапы,

 А может быть, и крылья,

 А может быть, и шею,

 А может, позвонок!

 Идею этой сказки,

 А может быть, не сказки,

 Поймёт не только взрослый,

 Но даже карапуз:

 Не пейте много пива,

 Не пейте много водки,

 А пейте только, люди,

 Парное молоко!

Примечание . Первый абзац текста должен быть выровнен по левой границе , второй (Высказывания авторов) – по правой, третий абзац по левой границе. Песенка - по левой . Шрифт - Arial , размер -medium .



Страница 4 (имя файла - spice. htm)

Заголовок окна: Спайсы.

Заголовок страницы: Курительные смеси (шрифт - Verdana, стиль шрифта - Заголовок 1 , размер - medium , тип выравнивания - по центру) .


Содержание:

Курительные смеси (спайсы) появились в свободной продаже 10 лет назад, под видом безвредных благовоний, которые просто помогают человеку расслабиться после тяжёлого трудового дня. И, конечно же, доступность такого «благовония», быстро оценили все школьники и студенты. И именно на них пришёлся основной удар, когда до конца выяснился состав этой курительной смеси, а также последствия его применения.

Было установлено, что действующим компонентом смесей, являются не вещества растительного происхождения, а синтетические аналоги тетрагидроканнабиола – основного действующего вещества марихуаны. В настоящее время синтетические каннабиноиды, которые содержат «спайсы», запрещены во многих странах Евросоюза и США.

В ходе употребления курительных смесей, стремительно развивается психическая зависимость. Она характеризуется ухудшением состояния при отмене препарата.

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

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

Помимо всего прочего, согласно проведенным исследованиям, главные составные компоненты — шалфей предсказателей, гавайская роза, голубой лотос. Казалось бы – совершенно невинная подборка растений с красивыми и даже романтичными названиями. Вот только КАЖДОЕ из этих растений содержит сильнейшие галлюциногены, обладает психотропным и наркотическим действием и содержит в своем составе ядовитые для организма человека вещества. Большинство из этих растений произрастают на территории южной Азии и Америки, как Южной, так и Северной. И практически все в свое время использовались аборигенами в качестве наркотиков.

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

Давайте теперь подумаем, какие способы отказа могут быть (все записать на доске)

Примерно подобный список можно представить следующим образом :

Объяснить причины отказа.

Предложить замену (заняться чем-то другим или дать что-то другое).

Сделать вид, что не слышал.

Просто сказать «нет» (не споря и не объясняя причин отказа).

Сказать «нет» и уйти.

Уйти или убежать, ничего не говоря

Примечание . Абзац текста должен быть выровнен по ширине .Шрифт - Comic Sans MS , размер - medium.


Работа 2.6 . Разработка сайта «В здоровом теле, здоровый дух»

Цель работы : вставка графических изображений, использование графических изображений в качестве гиперссылок, создание простых таблиц в программе KompoZer .

После текста на 1 странице (имя файла - index. htm)

Вставить Гиперссылки ( на страницу 2, страницу 3 и страницу 4).

В качестве гиперссылок необходимо использовать уменьшенные копии изображений расположенных в папке 11класс/изображения из каждой папки выбрать понравившееся изображение (высота . изображения - 150 пикселей ) Изображения необходимо уменьшить с помощью любого графического редактора и сохранить в своей папке под именами spice. jpg , alkogol. jpg и smoking.jpg .

Изображения расположить в один ряд (горизонтально). Первое изображение должно являться гиперссылкой на страницу 2 smoking.htm, второе - на страницу alkogol.htm и третье – на страницу spice.htm.


На странице 2, на странице 3,на странице 4 (имя файла - smoking.htm, alkogol. htm, spice.htm) на каждой странице разместить по изображению в соответствии с содержанием.


Работа 2.7 . Разработка сайта «В здоровом теле, здоровый дух»

Цель работы : создание таблиц и списков в программ е KompoZer, использование графических изображений .

Уровень 2

Страница 1 (имя файла - i ndex. htm)

Вставить таблицу и привести к виду:

hello_html_m2b9876e8.png

Примечание: границы таблицы не должны отображаться на сайте.


В ячейках разместить информацию, с разработанного сайта.

  1. Шапку сайта создать при помощи программы Paint и сохранить по именем baner.jpg.

  2. В вертикальном меню разместить гиперссылки текст и картинки

  3. В основной части контента разместить тект.

  4. В левой блок разместите понравившиеся телефоны бесплатной экстренной психологической помощи.

  5. В подвал сайта укажите информацию: город, дату создания сайта и автора ФИО.

hello_html_87b7bac.png

На Web-страницах 2,3,4 вставить таблицу и разместить информацию по собственному дизайну.

Пример №2

hello_html_7442b6d.png


Телефоны бесплатной экстренной психологической помощи

 8 (800) 100-49-94. Кризисная линия доверия. Круглосуточно

051 - Московская служба психологической помощи «Телефон неотложной психологической помощи» - (оперативная, анонимная, круглосуточная, информационная, профилактическая и неотложная квалифицированная психологическая помощь).

8 (495) 575-87-70 – «Телефон доверия» экстренная психологическая помощь.

8 (495) 624-60-01 - Помощь психиатров, психологов (круглосуточно). «Центр экстренной психологической помощи» (Департамент образования города Москвы).

8 (495) 637-22-22 - Телефон доверия (круглосуточно) Главное управление МЧС России по городу Москве.

8 (495) 626-37-07 - Экстренная психологическая помощь людям, оказавшимся в кризисных ситуациях (круглосуточно) «Центр экстренной психологической помощи МЧС России».

8 (499) 173-09-09 - «Горячая линия» ГУ «Московская служба психологической помощи населению» Режим работы (в вечернее и ночное время, по выходным и праздничным дням — в режиме автоматической записи (абонент может оставить свое сообщение, которое обязательно будет рассмотрено): с 8.00 до 17.00 ч. (понедельник — четверг); с 8.00 до 15.45 ч. (Пятница).

8 (499) 795-15-01, 8 (499) 795-15-07 - Сектор экстренной психологической помощи.

924-6001 - Городской центр экстренной психологической помощи.

8-903-100-49-09, 8-800-200-01-22 (всероссийский) - «Телефон доверия» дежурных частей подразделений ФСКН России по Московской области, центров психолого-педагогической помощи, службы экстренной психологической помощи несовершеннолетним детям в кризисных ситуациях «Телефон доверия» «Дети в беде».


Работа 2 . 8 . Проектные задания на разработку web- страницы.

Цель работы: получение навыков самостоятельного проектирования и создания сайта. Помимо указанных вариантов, можно предлагать свои темы для создания web- страницы.

Задание

Выполнить проектное задание на разработку web- страницы.

Уровень 3

Вариант 1 . Создать web- страницу вашей школы пропаганда «ЗОЖ». Обязательно использовать графические элементы (можно скачать из Интернета) и таблицу.

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

Вариант 3. Создать wеЬ- страницу об интернет зависимости. Обязательно использовать графические элементы (можно скачать из Интернета) и таблицу.

Вариант 4 . Создать web- страницу об разновидностях наркомании и ее профилактике. Обязательно использовать графические элементы (можно скачать из Интернета) и таблицу.

  • Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.
    Пожаловаться на материал
Курс повышения квалификации
Курс профессиональной переподготовки
Учитель математики и информатики
Курс профессиональной переподготовки
Учитель информатики
Скачать материал
Найдите материал к любому уроку,
указав свой предмет (категорию), класс, учебник и тему:
также Вы можете выбрать тип материала:
Общая информация
Учебник: «Информатика (базовый уровень)», Семакин И.Г., Хеннер Е.К., Шеина Т.Ю.
Тема: § 13. Инструменты для разработки web-сайтов

Номер материала: ДБ-1028773

Скачать материал

Вам будут интересны эти курсы:

Курс повышения квалификации «Табличный процессор MS Excel в профессиональной деятельности учителя математики»
Курс повышения квалификации «Организация работы по формированию медиаграмотности и повышению уровня информационных компетенций всех участников образовательного процесса»
Курс повышения квалификации «Сетевые и дистанционные (электронные) формы обучения в условиях реализации ФГОС по ТОП-50»
Курс повышения квалификации «Развитие информационно-коммуникационных компетенций учителя в процессе внедрения ФГОС: работа в Московской электронной школе»
Курс повышения квалификации «Применение MS Word, Excel в финансовых расчетах»
Курс профессиональной переподготовки «Управление в сфере информационных технологий в образовательной организации»
Курс профессиональной переподготовки «Математика и информатика: теория и методика преподавания в образовательной организации»
Курс повышения квалификации «Современные тенденции цифровизации образования»
Курс повышения квалификации «Современные языки программирования интегрированной оболочки Microsoft Visual Studio C# NET., C++. NET, VB.NET. с использованием структурного и объектно-ориентированного методов разработки корпоративных систем»
Курс повышения квалификации «Применение интерактивных образовательных платформ на примере платформы Moodle»

Оставьте свой комментарий

Авторизуйтесь, чтобы задавать вопросы.