infourok.ru

создание Web –сайта на языке HTML»

Я не знаю большей красоты, чем здоровье.
(Г. Гейне)

Практическая работа №5

Тема: «Интернет: создание Web –сайта на языке HTML»

Цель:

Образовательные

знакомство с элементами и структурой HTML документа;

освоение приемов создания Web-страницы на языке HTML;

научиться выполнять форматирование созданных Web-страниц;

закрепить технологические навыки работы с компьютером;

Развивающие

способствовать развитию познавательного интереса у учащихся;

способствовать развитию творческой активности учащихся;

развивать наглядно-образное мышление, память и умение сравнивать и анализировать;

Воспитательные

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

способствовать культурному и интеллектуальному развитию учащихся;

воспитание информационной культуры учащихся, внимательности, аккуратности.

Оборудование: ПК, мультимедийных проектор, экран.

Программное обеспечение: операционная система Windows ХР, браузер Internet Explorer или Mozilla Firefox, стандартное приложение Блокнот, графические изображения.

Ход работы.

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

Приветствие. Здравствуйте ребята! Сегодня у нас не обычный урок. Сегодня мы с вами будем учиться создавать продукт, который является основным элементом, или можно сказать структурным «атомом» сети Интернет. А именно – Web-странички и сайты.

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

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

Грамотно разработанный сайт может стать хорошим методом распространения информации о предприятии.

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

Содержательная часть.

Теоретическая часть.

Для проверки домашнего задания, я предлагаю вам пройти тест. Приложение 1

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

Практическая часть

Инструктаж по ТБ

Цель работы: освоение приемов создания Web-страниц и Web-сайтов на языке HTML: знакомство с элементами HTML и структурой HTML-документа; управление форматами текста и шрифтами; организация гиперсвязей между документами.

Инструктаж по ТБ

Создание WEB-страницы по предложенному материалу

В папке Женева находится текстовый файл «Женева», в котором дается небольшая информация об этом городе и файл картинки «Женева», с изображением самого города.

Создайте в Блокноте WEB-страницу, содержащую этот текст под названием ЖЕНЕВА

Вставить картинку города, расположив ее посередине перед текстом .

3. Выделите в тексте 3 абзаца:

1-ый абзац – цвет шрифта — красный, размер шрифта = 5

2-ой — цвет шрифта — синий, размер шрифта = 3

3-ий – цвет шрифта — зеленый, размер шрифта = 4

Предполагаемый результат.

Физкультминутка

Снятие зрительного напряжения.

Снятие физического и умственного напряжения. Приложение 2

б) Создание сайта

В папке ГОРОСКОП дан WEB-сайт «ГОРОСКОП» для трех знаков зодиака, состоящий из 4-х WEB-страниц.

Создать гиперссылки:

А) с первой страницы сайта на другие страницы сайта

Б) с каждой страницы сайта на главную.

Предполагаемый результат.

Заключительная часть.

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

И в заключении хотелось бы добавить: здоровье нельзя улучшить, его можно только сберечь! Берегите себя!

Оценить работу на уроке.

Домашнее задание. Прочитать §29. Ответить на вопросы письменно стр. 163 (5,6)

xn--j1ahfl.xn--p1ai

Практическая работа №5 «Создание Web-сайта»

Задание:

11. Разработать сайт на тему «Мой город»

12. Просмотреть сайт в web-браузере (Mozilla FireFox).

Порядок выполнения:

Сайт «Мой город» будет состоять из 2х страниц: Главной страницы (kungur.htm), на которой будет ссылка на страницу История Кунгура (history.htm)

17. Откройте программу «Блокнот» (Пуск/ Все программы/ Стандартные/ Блокнот).

18. В Блокноте наберите код главной страницы сайта «Мой город»:

<html>

<head>

<title>

Главная страница

</title>

</head>

<body>

<h2> Сайт города Кунгур</h2>

<a href =»history.htm»> История кунгура </a> <br><br>

</body>

</html>

19. Сохраните документ в свою папку в папке 9 класс на Рабочем столе под именем kungur.htm

3 – вместо bogdan.htm – написать kungur.htm

20. Создаем вторую страницу История Кунгура. Открыть программу Блокнот и набрать код страницы:

<html>

<head>

<title>

История

</title>

</head>

<body>

<h2> История Кунгура</h2>

<h5>

Кунгу́р—городвПермском крае, административный центрКунгурского района. Имеет статус городского округа. Расположен на юго-востоке края, в 80 км к юго-востоку от городаПерми. Официально основанный в1663 году, с1970 годаявляетсяисторическим городом России. Получил широкую известность благодаря уникальнойледяной пещере.

Население — 68,1 тыс. человек (2008), территория — 68,7 км². Жителей города называют кунгуряками. Прежде использовалось другое название — кунгурцы

</h5>

</body>

</html>

21. Также сохраните документ в свою папку в папке 9 класс на Рабочем столе под именем history.htm

22. Зайдите в свою папку, двойным щелчком откройте файл kungur.htm и нажмите на ссылку История Кунгура.

Вместо сайт города Богдановича – у вас должно быть: сайт города Кунгура Вместо История Богдановича – у вас должно быть История Кунгура

Работа считается выполненной после того, как вы приносите учителю информационный носитель, на котором хранятся два документа: kungur.htm и history.htm.

Практическая работа №6 «Работа в программе-архиватор»

Выполнив данную практическую работу, вы научитесь:

Технология выполнения работы:

1. Найдите файл или группу файлов, которые вы хотите заархивировать с защитой паролем.

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

3. Зададим параметры архивирования. На вкладке Дополнительно зададим пароль. Можно выбрать опцию Показывать пароль при вводе

4. Разархивируем файлы. Выполнить эту операцию можно двойным кликом по файлу архива, либо через контекстное меню — Извлечь файлы. При разархивации запаролированного архива от вас потребуются ввести пароль.

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

Итоговая контрольная работа №1

Подготовка к контрольной работе (дома): вам нужно подготовить ответы на данные вопросы.

Контрольная работа: время – 45 минут, включает тест (два варианта – по 15 вопросов в каждом (40 минут)) + практическое задание (5 минут) + сдача реферата (в электронном виде).

1. Компьютерная сеть — это:

   1. Программа, для подключения компьютера в Internet;

   2. Несколько компьютеров, находящихся в одном помещении;

   3. Система компьютеров, связанных каналами передачи информации;

   4. Часть аппаратуры компьютера, обеспечивающая работу в сети.

2. Сети по географическому признаку делятся на:

   1. Персональные;

   2. Глобальные;

   3. Локальные;

   4. Местные.

3. Сеть, работающая в пределах одного помещения, называется:

   1. Локальная;

   2. Всемирная;

   3. Глобальная;

   4. Телекоммуникационная.

4. Локальная сеть, в которой все компьютеры выполняют одинаковые функции, называется:

   1. Одноранговая;

   2. Многоранговая;

   3. Сеть с выделенным сервером;

   4. Персональная.

5. Компьютер, который распределяет между многими пользователями общие ресурсы, называется:

   1. Провайдер;

   2. Рабочая станция;

   3. Терминал абонента;

   4. Сервер.

6. Общими ресурсами в сети могут быть:

   1. Телефон;

   2. Программы;

   3. Принтер;

   4. Внешняя память.

7. Выберите утверждения, касающиеся глобальной сети:

   1. Соединяется с другими сетями, образуют одну всемирную сеть;

   2. Объединение множества локальных сетей и отдельных компьютеров;

   3. Масштабы не ограничены;

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

8. Технические средства, связывающие компьютеры в сетях, называются.

   1. Хост-машинами;

   2. Пропускной способностью;

   3. Скоростью передачи информации;

   4. Каналами связи.

9. Каналами связи в глобальных сетях могут быть:

   1. Витая пара;

   2. Телефонные линии;

   3. Коаксиальный кабель;

   4. Оптико-волоконная линия.

10. Какое количество информации можно передать по телефонной линии за 0,5 минут при скорости 800 бит/с?

    1. 400 байт;

    2. 3000 байт;

    3. 24000 байт;

    4. 400 бит.

11. Модем – это:

    1. Высоко-производительный компьютер с большим объёмом памяти;

    2. Устройство для преобразования цифровой информации в аналоговую;

    3. Устройство для преобразования аналоговой информации в цифровую;

    4. Устройство для преобразования цифровой информации в аналоговую и обратно.

12. Общий стандарт на представление и преобразование передаваемой информации по сети, название.

    1. Сервер-программа.

    2. Клиент-программа.

    3. Протокол.

    4. Интернет.

13. Компьютерная сеть может предоставить пользователю услуги:

    1. Обмен электронными письмами.

    2. Распространение программного обеспечения.

    3. Обмен информацией на определённую тему.

    4. Базы данных со справочной информацией (поиск информации).

14. Электронное письмо-это:

    1. Текстовый файл.

    2. Графический файл.

    3. Электронная таблица.

    4. База данных.

15. Какие компоненты обязательно присутствуют в электронном адресе:

    1. Имя почтового сервера.

    2. Имя почтового ящика.

    3. Имя Web-сервера

    4. Страна

16. Укажите неправильный электронный адрес:

    1. Ivanov.mail.ru

    2. [email protected]

    3. [email protected]

    4. [email protected]

17. Укажите, какие аппаратные средства необходимы для подключения вашего персонального компьютера к сети через телефонную линию:

    1. Хост-машина.

    2. Принтер.

    3. Модем.

    4. Телефонная линия.

18. Программное обеспечение, которое даёт возможность абоненту на своём компьютере принимать и отправлять письма, просматривать корреспонденцию, формировать текст письма, называется:

    1. Сервер-программа;

    2. Клиент-программа;

    3. Хост-машина;

    4. Всемирная паутина.

19. Что такое World Wide Web:

    1. Всемирная информационная система с гиперсвязями, существующая на технической базе Internet;

    2. Программа, с помощью которой, осуществляется доступ в Internet;

    3. Система обмена информацией на определённую тему между абонентами сети;

    4. Компания, обеспечивающая доступ в Internet.

20. Прикладная программа, для работы пользователя с WWW называется:

    1. Web-броузер;

    2. Web-страница;

    3. Web-сервер;

    4. Internet.

21. Какой тип сервера используется для хранения файлов?

    1. FTP-сервер

    2. WWW-сервер

    3. HTTP-сервер

    4. HTML-сервер

22. Электронный почтовый ящик пользователя E-mail создается на

    1. пользовательском компьютере, подключенном к глобальной сети

    2. почтовом сервере

    3. сервере локальной сети

    4. FTP-сервере

23. Система обмена информацией на определённую тему между абонентами сети – это

    1. Электронная почта;

    2. Телеконференция;

    3. Чат;

    4. Веб- страница.

24. Задан адрес электронной почты в сети Internet:[email protected]Каково имя владельца электронного адреса?

    1. Int.glasnet.ru;

    2. User_name;

    3. Glasnet.ru;

    4. Ru.

25. Электронная почта позволяет передавать…

    1. только сообщения;

    2. только файлы;

    3. сообщения и приложенные файлы;

    4. видеоизображение.

26. Для передачи информации в локальных сетях обычно используют

    1. телефонную сеть;

    2. волоконно — оптический кабель;

    3. спутниковую связь;

    4. кабель.

27. Какой из способов подключения к Internetобеспечивает наибольшие возможности?

    1. Постоянное подключение по оптоволоконному каналу;

    2. Удалённый доступ по коммутируемому телефонному каналу;

    3. Постоянное соединение по выделенному телефонному каналу;

    4. Терминальное соединение по коммутируемому телефонному каналу.

28. Служба FTPв Интернете предназначена:

    1. Для создания, приёма и передачи Web-страниц;

    2. Для удалённого управления техническими системами;

    3. Для приёма и передачи файлов любого формата;

    4. Для обеспечения работы телеконференций.

29. Отличительной чертой Web-документа является :

    1. Наличие в нём гипертекстовых ссылок;

    2. Наличием в нём иллюстраций;

    3. Отсутствие строго определённого формата представления документа;

    4. Его компактность.

30. Какое устройство является средством телекоммуникации?

    1. Сканер;

    2. Факс;

    3. Ксерокс;

    4. Принтер.

studfiles.net

11 класс. Создание web — страниц. Практическая работа №1

Разработка Web-сайтов. Тема — Основные тэги HTML. 11 кл

Задание № 1: Создать структуру Web-страницы.

1. В своей папке создайте папку Создание Web-сайта.

2. Запустите текстовый редактор Блокнот .

3. Введите HTML-код, задающий структуру Web-страницы:

(Ваша фамилия и имя)

ДИНАМИЧЕСКОЕ ПРОГРАММИРОВАНИЕ

5. Сохраните файл с именем Структура.

6. Скопируйте созданный файл, переименуйте копию в index.html.

Задание №2: Редактирование Web-страницы.

1. Откройте файл index.html с помощью браузера.

2. Для редактирования откройте этот же файл с помощью «Блокнот».

3. Текст ДИНАМИЧЕСКОЕ ПРОГРАММИРОВАНИЕ поместите в контейнер<H1>…H1>. Сохраните файл Блокнота, обновите Web -страницу и выясните, что изменилось.

4. После закрывающего тега H1> добавьте тег <HR>. Выясните, что изменилось.

5. После <HR> добавьте следующий текст:
Динамическое программирование – это способ решения сложных задач путём сведения их к более простым подзадачам того же типа. Такой подход впервые применил американский математик Р. Беллман. Его идея состояла в том, что оптимальная последовательность шагов оптимальна на любом участке. Например, в задачах поиска оптимального маршрута по графу или нахождению количества программ исполнителя. В информатике динамическое программирование часто сводится к тому, что мы храним в памяти решение задач меньшей размерности, что ускоряет выполнение программы, если использовать рекурсивную функцию.
Для справки:
Оптимальный — наиболее приемлемый, самый благоприятный, наилучший для чего-либо.

6. Сохраните текст в Блокноте, сверните его, обновите страницу браузера, просмотрите изменения.

Задание № 3: Форматирование Web-страницы.

1. Добавьте выделенные строки в текст Web-страницы.

<FONT color=” maroon ”>