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

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

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

Выбрать курс
Инфоурок Информатика КонспектыКонспект урока по информатике : Практическая работа «Создание Web-страницы»

Конспект урока по информатике : Практическая работа «Создание Web-страницы»

Скачать материал
библиотека
материалов

Урок №   17     Класс   11       предмет                   информатика     дата

Тема:  Практическая работа  «Создание Web-страницы»

 

Цели урока: научиться создавать Web-сайтов с использованием языка разметки текста HTML  в простом тестовом редакторе Блокнот

1.     Образовательная -  знакомство с элементами и структурой HTML документа;

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

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

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

 

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

 

Тип урока:  закрепление знаний

 

 

Ход практической работы:

 

Задание 1

 

1.   Загрузите Блокнот и создайте HTML-документ вида:

<HTML>

<HEAD>

</HEAD>

<BODY>

Драматические театры Санкт-Петербурга

</BODY>

</HTML>

 

2. Сохраните документ в папке своего класса с именем glavn.html.

3. Загрузите браузер и откройте файл. На экране появится текст: «Драматические театры Санкт-Петербурга»

4. В тексте вставьте несколько символов &nbsp.

Драматические &nbsp; &nbsp; &nbsp; &nbsp; театры Санкт-Петербурга

Каждый раз как только вносите изменения в HTML-документ, обязательно делайте сохранение со старым именем и сворачивайте окно программы Блокнот, а в окне браузера Internet Explorer делайте Обновить (клавиша F5).

 

5. Сделайте часть текста жирно, курсивом и с новой строки:

<BODY>

<B>Драматические  театры</B> <BR>

<I>Санкт-Петербурга</I>

</BODY>

 

6. Измените размет и цвет фразы «Драматические театры»:

<BODY>

<FONT SIZE=5 COLOR=red>

<B>Драматические театры</B> <BR>

</FONT>

<I>Санкт-Петербурга</I>

</BODY>

 

8. Самостоятельно измените размет и цвет фразы «Санкт-Петербурга».

 

 

 

Задание 2

 

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

<BODY BGCOLOR=BLUE TEXT=YELLOW>

<P ALIGN=CENTER>

<FONT SIZE=5 COLOR=RED>

<B>Драматические театры</B> <BR>

<I>Санкт-Петербурга</I>

</FONT>

</P>

</BODY>

 

2. Дополните документ

<BODY BGCOLOR=BLUE TEXT=YELLOW >

<P ALIGN=CENTER>

<FONT SIZE=5 COLOR=RED>

<B>Драматические театры</B> <BR>

<I>Санкт-Петербурга</I>

</FONT>

</P>

<P ALIGN=LEFT>

<H1>Драматический театр им.Комиссаржевской</H1>

<H2>Малый драматический театр «Европа»</H2>

<H3>Драматический театр на Литейном</H3>

<H4>Большой драматический им.Товстоногова</H4>

</P>

</BODY>

 

 

Задание 3

 

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

 

 

Устройство компьютера

Внешние

Принтер, сканер, монитор, клавиатура (размер – 2, цвет синий, шрифт Arial)

Внутренние

Винчестер, материнская плата, видеокарта

 

      <HTML>

<body>

<h1> Устройство компьютера </h1>

<h2> Внешние </h2>

<p>  <font size = 2 face=“arial color=blue”> Принтер, сканер, монитор, клавиатура </font>

<h2> Внутренние </h2>

<p>  <b> Винчестер </b><i> материнская плата </i><u> видеокарта </u>

</body>

      </HTML>

 

 

Задание 4

 

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

 

Методика освоение новых программ

Знакомство с примерами, шаблонами и образцами документов

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

 

  • Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.
    Пожаловаться на материал
Курс повышения квалификации
Курс профессиональной переподготовки
Учитель математики и информатики
Курс профессиональной переподготовки
Учитель информатики
Скачать материал
Найдите материал к любому уроку,
указав свой предмет (категорию), класс, учебник и тему:
также Вы можете выбрать тип материала:
Проверен экспертом
Общая информация
Скачать материал

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

Курс повышения квалификации «Табличный процессор MS Excel в профессиональной деятельности учителя математики»
Курс повышения квалификации «Внедрение системы компьютерной математики в процесс обучения математике в старших классах в рамках реализации ФГОС»
Курс повышения квалификации «Организация работы по формированию медиаграмотности и повышению уровня информационных компетенций всех участников образовательного процесса»
Курс профессиональной переподготовки «Информатика: теория и методика преподавания в образовательной организации»
Курс профессиональной переподготовки «Информационные технологии в профессиональной деятельности: теория и методика преподавания в образовательной организации»
Курс повышения квалификации «Использование компьютерных технологий в процессе обучения в условиях реализации ФГОС»
Курс повышения квалификации «Специфика преподавания информатики в начальных классах с учетом ФГОС НОО»
Курс повышения квалификации «Введение в программирование на языке С (СИ)»
Курс профессиональной переподготовки «Управление в сфере информационных технологий в образовательной организации»
Курс профессиональной переподготовки «Теория и методика обучения информатике в начальной школе»
Курс повышения квалификации «Современные тенденции цифровизации образования»
Курс повышения квалификации «Специфика преподавания дисциплины «Информационные технологии» в условиях реализации ФГОС СПО по ТОП-50»

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

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