Понятия компьютерной сети, ее назначение.

МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РЕСПУБЛИКИ ҚАЗАҚСТАН

ТАЛДЫКОРГАНСКИЙ КОЛЛЕДЖ ПОМЫШЛЕННОЙ ИНДУСТРИИ И НОВЫХ ТЕХНОЛОГИЙ

Поурочный план № 1

Дата	Группа

Предмет: информатика

Тема урока: Понятия компьютерной сети, ее назначение.

Вид урока: изучение нового материала

Межпредметная связь: физика

Цели урока	Обучающая: ·  Познакомить учащихся с видами компьютерных сетей.
	Развивающая: Развитие познавательных интересов, навыков работы в локальной сети, самоконтроля, умения конспектировать.
	Воспитательная: Воспитание информационной культуры учащихся, внимательности, дисциплинированности.

Оборудование урока:

Компьютер, компьютерная презентация , компьютерный класс с локальной сетью.

 

Этапы урока

Орг. момент: отметка присутствующих.

Проверка домашнего задания

Объяснение нового материала: На этом уроке мы начинаем новую главу “Компьютерные технологии”, которая включает изучение компьютерных сетей, их структуры и способов создания, а так же правила работы, возможности и услуги Интернета. Сегодня мы рассмотрим, как осуществляется передача информации, какие бывают компьютерные сети, их назначение и состав, а также научимся предоставлять доступ к информации и обмениваться информацией в локальной сети нашего класса. Обмен информацией производится по каналам передачи информации. Каналы передачи информации могут использовать различные физические принципы. Так, при непосредственном общении людей информация передается с помощью звуковых волн, а при разговоре по телефону — с помощью электрических сигналов, которые распространяются по линиям связи. Компьютеры могут обмениваться информацией с использованием каналов связи различной физической природы: кабельных, оптоволоконных, радиоканалов и др. Презентация. Общая схема передачи информации включает в себя отправителя информации, канал передачи информации и получателя информации). Если производится двусторонний обмен информацией, то отправитель и получатель информации могут меняться ролями. Основной характеристикой каналов передачи информации является их пропускная способность (скорость передачи информации). Пропускная способность канала равна количеству информации, которое может передаваться по нему в единицу времени. Обычно пропускная способность измеряется в битах в секунду (бит/с) и кратных единицах Кбит/с и Мбит/с. Однако иногда в качестве единицы измерения используется байт в секунду (байт/с) и кратные ему единицы Кбайт/с и Мбайт/с... При работе на персональном компьютере в автономном режиме пользователи могут обмениваться информацией (программами, документами и так далее), лишь копируя ее на носители информации. Однако перемещение, например, дискеты между компьютерами не всегда возможно и может занимать достаточно продолжительное время. Создание компьютерных сетей вызвано практической потребностью совместного использования информации пользователями, работающими на удаленных друг от друга компьютерах. Сети предоставляют пользователям возможность не только быстрого обмена информацией, но и совместного использования принтеров и других периферийных устройств и даже одновременной работы с документами. Компьютерные сети принято разделять на 3 основных класса глобальные сети (LAN – Local Area Network); региональные сети локальные сети (WAN – Wide Area Network). Локальная сеть объединяет компьютеры, установленные в одном помещении (например, школьный компьютерный класс, состоящий из 8-12 компьютеров) или в одном здании (например, в здании школы могут быть объединены в локальную сеть несколько десятков компьютеров, установленных в различных предметных кабинетах). Локальная сеть объединяет несколько компьютеров и дает возможность пользователям совместно использовать ресурсы компьютеров, а также подключенных к сети периферийных устройств (принтеров, плоттеров, дисков, модемов и др.). В небольших локальных сетях все компьютеры обычно равноправны, то есть пользователи самостоятельно решают, какие ресурсы своего компьютера (диски, каталоги, файлы) сделать общедоступными по сети. Такие сети называются одноранговыми Если к локальной сети подключено более 10 компьютеров, одноранговая сеть может оказаться недостаточно производительной. Для увеличения производительности, а также в целях обеспечения большей надежности при хранении информации в сети некоторые компьютеры специально выделяются для хранения файлов и программных приложений. Такие компьютеры называются серверами, а локальная сеть — сетью на основе сервера. Аппаратное обеспечение сети. (Слайд 8) Каждый компьютер, подключенный к локальной сети, должен иметь специальную плату - сетевой адаптер. Основной функцией сетевого адаптера является передача и прием информации из сети. (Слайд 9) Соединение компьютеров (сетевых адаптеров) между собой производится с помощью кабелей различных типов (коаксиального, витой пары, оптоволоконного. Для подключения к локальной сети портативных компьютеров часто используется беспроводное подключение, при котором передача данных осуществляется с помощью электромагнитных волн. Важнейшей характеристикой локальных сетей, которая определяется типом используемых сетевых адаптеров и кабелей, является скорость передачи информации по сети. Скорость передачи информации по локальной сети обычно находится в диапазоне от 10 до 100 Мбит/с.

Закрепление нового материала: Обмен информацией в локальной сети. Откройте папку Почта_1. С помощью текстового редактора Word создайте письмо к одноклассникам. Сохраните данный текст в папке Почта_1 своего компьютера в файле письмо1.doc Откройте папку сетевое окружение. Откройте окно другого компьютера, например, Ученик_2. Откройте Папка_2 и скопируйте в него файл письмо1 из своей папки Почта_1. В своей папке Почта_1 прочитайте письма от других пользователей, например письмо2. Допишите в них свой ответ.

Домашнее задание: Подготовить сообщения по теме: ·  “История Интернета”.

Преподаватель:  Ахметова А.К

МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РЕСПУБЛИКИ ҚАЗАҚСТАН

ТАЛДЫКОРГАНСКИЙ КОЛЛЕДЖ ПОМЫШЛЕННОЙ ИНДУСТРИИ И НОВЫХ ТЕХНОЛОГИЙ

Поурочный план № 2

Дата	Группа

Предмет: информатика

Тема урока: Классификация компьютерных  сетей. Internet.

Вид урока: изучение нового материала

Межпредметная связь:

Цели урока	Обучающая:  ·  Рассмотреть топологию физической связи между компьютерами и средства передачи в сети. ·  Дать основное понятие Интернет.
	Развивающая: Развитие познавательных интересов, навыков работы в локальной сети, самоконтроля, умения конспектировать.
	Воспитательная: Воспитание информационной культуры учащихся, внимательности, дисциплинированности.

Оборудование урока:

А. Наглядные пособия: ПК, доска.

 

Этапы урока

Орг. момент: отметка присутствующих.

Проверка домашнего задания: Прослушать сообщения по теме: “История Интернета”.

Объяснение нового материала: Топология сети. Общая схема соединения компьютеров в локальной сети называется топологией сети. Важно отметить, что понятие топологии относится, прежде всего, к локальным сетям, в которых структуру связей можно легко проследить. В глобальных сетях структура связей обычно скрыта от пользователей и не слишком важна, так как каждый сеанс связи может производиться по своему собственному пути. Топология определяет требования к оборудованию, тип используемого кабеля, возможные и наиболее удобные методы управления обменом, надежность работы, возможности расширения сети. И хотя выбирать топологию пользователю сети приходится нечасто, знать об особенностях основных топологий, их достоинствах и недостатках, наверное, надо всем. Топологии сети могут быть различными. Топология, при которой каждый компьютер передает информацию всегда только одному компьютеру, следующему в цепочке, а получает информацию только от предыдущего в цепочке компьютера, и эта цепочка замкнута в “кольцо”, называется кольцом. Соединения компьютеров между собой, когда кабель проходит от одного компьютера к другому, последовательно соединяя компьютеры и периферийные устройства между собой, называется линейной шиной. Если к каждому компьютеру подходит отдельный кабель из одного центрального узла, то реализуется локальная сеть типа “звезда”. Обычно при такой схеме соединения центральным узлом является более мощный компьютер. Преимущество локальной сети типа “звезда” перед локальной сетью типа “линейная шина” состоит в том, что при выходе из строя сетевого кабеля у одного компьютера локальная сеть в целом продолжает нормально функционировать. Предоставление доступа к ресурсам компьютера. В операционной системе MS DOC пользователь любого компьютера, подключенного к сети, может предоставить доступ к своим дискам, папкам или файлам. Пользователи, работающие за другими компьютерами, могут после этого пользоваться предоставленными ресурсами. Локальные сети обычно объединяют несколько десятков компьютеров, размещенных в одном здании, однако они не позволяют обеспечить совместный доступ к информации пользователям, находящимся, например, в различных частях города. ( Слайд 11) На помощь приходят региональные сети, объединяющие компьютеры в пределах одного региона (города, страны, континента). Многие организации, заинтересованные в защите информации от несанкционированного доступа (например, военные, банковские и пр.), создают собственные, так называемые корпоративные сети. Корпоративная сеть может объединять тысячи и десятки тысяч компьютеров, размещенных в различных странах и городах (в качестве примера можно привести, сеть корпорации Microsoft, сеть Банка России). Потребности формирования единого мирового информационного пространства привели к созданию глобальной компьютерной сети Интернет. В настоящее время на более чем 150 миллионов компьютеров, подключенных к Интернету, хранится громадный объем информации (сотни миллионов файлов, документов и так далее). Глобальная сеть Интернет привлекает пользователей своими информационными ресурсами и сервисами (услугами), которыми пользуется около миллиарда человек во всех странах мира В каждой такой локальной или корпоративной сети обычно имеется, по крайней мере, один компьютер, который имеет постоянное подключение к Интернету с помощью линии связи с высокой пропускной способностью (сервер Интернета). В качестве таких “магистральных” линий связи обычно используются оптоволоконные линии с пропускной способностью до 20 Гбит/с и более. Надежность функционирования глобальной сети обеспечивает большое количество линий связи между региональными сегментами сети. Например, российский региональный сегмент Интернета имеет несколько магистральных линий связи, соединяющих его с североамериканским, европейским и японским сегментами. Основу, “каркас” Интернета составляют более 150 миллионов серверов, постоянно подключенных к сети, из которых в России насчитывается около 400 тысяч (на начало 2002 г.). К серверам Интернета могут подключаться с помощью локальных сетей или коммутируемых телефонных линий сотни миллионов пользователей Интернета. Интернет — это глобальная компьютерная сеть, объединяющая многие локальные, региональные и корпоративные сети и включающая сотни миллионов компьютеров.

Закрепление нового материала: 1. Предоставление доступа к ресурсам компьютера. 1) В контекстном меню объекта (диск, файл, папка) необходимо выбрать команду Доступ. 2) На появившейся диалоговой панели Свойства: выбрать вкладку Доступ. 3) С помощью переключателей установить Общий ресурс, а так же выбрать тип доступа (Только чтение, Полный, Определяется паролем). В текстовом окне Для полного доступа: можно ввести роль, необходимый для доступа к данному ресурсу. Задание: предоставьте для общего доступа диски А и D, создав на диске D папку “Почта 1”, откройте её для общего доступа.

Домашнее задание: Подготовить сообщения по темам: ·  “Одноранговая сеть, целесообразность применения, требования к компьютерам, стоимость.” ·  “Сеть на основе сервера, целесообразность применения, требования к компьютерам, стоимость”.

Преподаватель:  Ахметова А.К

МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РЕСПУБЛИКИ ҚАЗАҚСТАН

ТАЛДЫКОРГАНСКИЙ КОЛЛЕДЖ ПОМЫШЛЕННОЙ ИНДУСТРИИ И НОВЫХ ТЕХНОЛОГИЙ

Поурочный план № 3

Дата	Группа

Предмет: информатика

Тема урока: HTML – редактор.

Вид урока: изучение нового материала

Межпредметная связь:

Цели урока	Обучающая: Познакомить со средством создания web-сайтов.
	Развивающая: Развитие познавательных интересов, навыков работы в сети, самоконтроля, умения конспектировать.
	Воспитательная: Воспитание информационной культуры учащихся, внимательности, дисциплинированности.

Оборудование урока:

А. Наглядные пособия: ПК, доска.

Этапы урока

Орг. момент: отметка присутствующих.

Проверка домашнего задания Прослушать сообщения по темам: ·  “Одноранговая сеть, целесообразность применения, требования к компьютерам, стоимость.” ·  “Сеть на основе сервера, целесообразность применения, требования к компьютерам, стоимость”.

Объяснение нового материала: Во многих развитие компьютерной сети. Интернет связано с развитием популярной службы WWW. В основе работы этой службы лежит принцип представления информации в виде гипертекста. Тег - специально слово, заключенное в условное скобки <> и задающее оформление документа и служебную информацию. Например, что бы в окне браузера увидеть текст: Привет! Это моя первая web- страничка! При подготовке документа параметры форматирования описать можно так: <выделить полужирным >Привет! <закончить выделение> Это моя первая web- страничка! В html-документе этот фрагмент запишется так: привет! это моя первая web-страничка! При создания html- документа акцент делается не на оформлении текста документа (как в текстовых редакторах), а на его структуре. Такой принцип позволяет создавать на компьютере любой системы, используя программы- браузеры разных производителей. Все ПО для создания сайтов можно разделить на группы: Конструкторы сайтов; Системы управления сайтом; Программы для создания сайтов. Основные функции СMS- системы управления сайтом. Представление средств разработка сайтов; Организация совместной работы над сайтом; Управление содержимым (контроль доступа, хранение документов и т. д. ); Представления информации в удобном для поиска и навигации виде. Каждый сайт, созданный в СMS, имеет панель управления. Она является лишь частью программы, но достаточна для управления сайтов. Системы создания и управления сайтов могут быть платным (как 1С- Битрикс) Конструктор сайтов позволяет создавать web- ресурсы очень быстро, не требуют специальных знаний. При этом на конечный продукт накладываются жесткие ограничение.

Закрепление нового материала: 1. Как вы полагаете, для кого предназначена каждая из групп ПО для создания сайтов (вообще не разработчик, дизайнер, программист, опытный верстальщик)? 2. Опишите преимущества и недостатки программ для создания сайтов? 3. Опишите преимущества и недостатки web-страниц?

Домашнее задание: выучить конспект.

Преподаватель:  Ахметова А.К

МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РЕСПУБЛИКИ ҚАЗАҚСТАН

ТАЛДЫКОРГАНСКИЙ КОЛЛЕДЖ ПОМЫШЛЕННОЙ ИНДУСТРИИ И НОВЫХ ТЕХНОЛОГИЙ

Поурочный план № 4

Дата	Группа

Предмет: информатика

Тема урока: Инструменты создания информационных объектов для интернета.

Вид урока: изучение нового материала

Межпредметная связь:

Цели урока	Обучающая: познакомить студентов с основами HTML программирования.
	Развивающая: развивать знания студентов в области информационных технологий.
	Воспитательная: показать важность знаний и умений в сфере информационных компьютерных технологий.

Оборудование урока:

А. Наглядные пособия: доска.

Б. Раздаточный материал: электронные задания.

Этапы урока

Орг. момент: отметка присутствующих.

Проверка домашнего задания 1. Чем отличается web-страница от обычных текстового документа? 2. В каких формах может быть представлена информация на web-странице? 3. Как можно получить доступ к web- странице? 4. Какие объекты могут являться гиперссылками? 5. Для чего нужны гиперссылки?

Объяснение нового материала: Редакторы HTML В настоящее время широко используются два типа редакторов HTML: Редакторы типа "что видишь, то и получишь"    (WebPageMaker, Microsoft Front Page).    Пользователь не видит "внутренностей" документа, с    которым он работает, точно так же, как при работе с    текстовым процессором типа Microsoft Word. Cуществует довольно много конвертеров, способных преобразовывать документы, созданные в Microsoft Word в HTML-документы.    Редакторы HTML-текстов (Macromedia Dreamweaver, Web Editor и многие другие). В процессе    работы пользователь видит внутреннее содержание HTML-файла и может изменять его либо вручную,    либо вызывая команды меню для вставки определенных элементов HTML. Работа с таким редактором очень похожа на работу с интерактивной средой программирования типа Microsoft Visual Basic или Borland Delphi. Простой HTML-документ HTML-документ — это просто текстовый файл с расширением *.html. Вот самый простой HTML-документ: <html> <head> <title> Пример 1 </title> </head> <body> <H1> Привет! </H1> <P> Меня зовут {Ф.И.О} </P> <P>Этот *.html-файл необходимо сохранить в программе Блокнот следующим образом: выполните команду ФАЙЛ-СОХРАНИТЬ, в окне сохранения документа в поле ИМЯ ФАЙЛА  наберите  1.html.  Откройте документ в Internet Explorer, выберите  команду ОБНОВИТЬ чтобы увидеть изменения.</P> </body> </html> Для удобства чтения можно ввести дополнительные отступы, однако в HTML это совсем не обязательно. Более того, браузеры просто игнорируют символы конца строки и множественные пробелы в HTML-файлах. Как видно из примера, вся информация о форматировании документа сосредоточена в его фрагментах, заключенных между знаками "<" и ">". Такой фрагмент (например, <html>) называется тегом (по-английски — tag, читается "тэг"). Большинство HTML-тегов— парные, то есть на каждую открывающую метку вида <tag> есть закрывающая метка вида </tag> с тем же именем, но с добавлением "/". Теги можно вводить как большими, так и маленькими буквами. Например, теги <body>, <BODY> и <Body> будут восприняты браузером одинаково. Многие теги, помимо имени, могут содержать атрибуты — элементы, дающие дополнительную информацию о том, как браузер должен обработать текущий тег. В нашем простейшем документе, однако, нет ни одного атрибута. Их мы рассмотрим на следующих уроках. Договоримся сохранять файлы на английском языке, короткими именами. Все задания, выполняемые на уроке сохраняйте под именами 1. html, 2.html  и т.д.

Закрепление нового материала: Практическая работа №1 Вызовите текстовый редактор Блокнот из папки "Стандартные". Наберите следующий ниже текст и сохраните под именем 1а.html в личной папке на сетевом диске. <html> <head> <title>Моя персональная страничка (заголовок)</TITLE> </head> <body> Добро пожаловать на мою личную страничку! Меня зовут (Укажите свою фамилию, имя и отчество). </body> </html> Откройте теперь Internet Explorer. Используя меню Файл, команду Открыть, откройте свой файл 1a.html.

Домашнее задание: Откройте файл 1a.html. и дополните информацией о себе.

Преподаватель:  Ахметова А.К

МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РЕСПУБЛИКИ ҚАЗАҚСТАН

ТАЛДЫКОРГАНСКИЙ КОЛЛЕДЖ ПОМЫШЛЕННОЙ ИНДУСТРИИ И НОВЫХ ТЕХНОЛОГИЙ

Поурочный план № 5

Дата	Группа

Предмет: информатика

Тема урока: Web – страницы и сайты.

Вид урока: изучение нового материала

Межпредметная связь:

Цели урока	Обучающая: ввести понятия web-страницы, web-сайты, изучить структуру web-страницы.
	Развивающая: развивать познавательный интерес, творческую активность учащихся.
	Воспитательная: воспитывать интерес к предмету, внимательность, дисциплинированность.

Оборудование урока:

А. Наглядные пособия: доска.

Б. Раздаточный материал: электронные задания.

Этапы урока

Орг. момент: отметка присутствующих.

Проверка домашнего задания Просмотр файла 1a.html. ,дополненную информацией о себе.

Объяснение нового материала: Информация во Всемирной паутине хранится в форме Web-сайтов. Так, а что же такое Web-сайт и Вэб-страница? Чтобы разобраться в этом вопросе, давайте подумаем, а какая информация может содержаться на Вэб-сайте? Ответ очевиден - практически любая. Сайт может содержать информацию о различных рецептах,  мифических существах, городах и странах мира и т.д. Список можно продолжать бесконечно. На сайте даже можно разместить, к примеру, литературные произведения. Как вам, например сайт, "Война и мир"? Получается, что сайт это книга? Да, Вэб-сайт, по своей сути, действительно является электронной книгой, журналом или учебником, который может содержать как полезную для вас информацию, так и ту, что на данный момент вас совсем не интересует. Благодаря развитию телекоммуникационных технологий размещённая на веб-страницах информация, доступна множеству людей. В отличие от информации на бумажных носителях, тех же самых книг, она может оперативно изменяться и практически мгновенно доставляться в любое место по запросу пользователя. Как и обычная книга, Вэб-сайт состоит из страниц, которые называются Вэб-страницами. А как мы обычно находим, в том же учебнике информатики, интересующую нас информацию? Мы открываем содержание, которое находиться в начале или конце учебника, ищем параграф, в котором находиться необходимая информация, напротив параграфа смотрим номер страницы, открываем ее и изучаем материал. Все довольно просто. После того, как мы попадаем, на главную страницу грамотно разработанного сайта, то мы должны тоже увидеть нечто похожее на содержание учебника, чтобы иметь возможность быстро найти необходимую нам информацию. Чтобы добраться до нужной информации расположенной на Вэб-сайте, мы, как правило, пользуемся мышью. Для перемещения между страницами сайта используются элементы Web-страницы, при щелчке мышью на которых, можно переместиться на другую страницу сайта. Эти элементы страницы называются гиперссылками и присутствуют на всех страницах входящих в состав сайта. Значит, можно сказать, что Вэб-страницы связаны гиперссылками. Обычно в качестве гиперссылок используют часть текста (слово или несколько слов) и графические изображения (рисунки или фотографии). Поскольку в первом случае для создания гиперссылок используется текст, то такая гиперссылка называется текстовой. Весьма часто текстовая гиперссылка представляет собой подчеркнутый текст синего цвета. Увидев, например, на главной странице сайта надпись "Информатика " оформленную подобным образом и щелкнув на ней левой клавишей мыши, вы должны оказаться именно на Вэб-странице посвященной этой теме. На странице "Информатика" должна в свою очередь присутствовать, как минимум, одна гиперссылка, при помощи которой вы смогли бы вернуться к содержанию. Если в качестве гиперссылки использовано графическое изображение, то при подведении курсора мыши к нему он принимает форму руки. Вэб-страницы создаются с использованием  языка разметки гипертекстовых документов  HTML (Hyper Text Markup Language). Выделяют две основные группы методов разработки веб-сайтов: визуальные и ручные (программные). Визуальные методы позволяют производить разработку веб-страниц с высокой степенью автоматизации и не требуют знание языка разметки HTML.Процесс создания очень нагляден, т.к. производится в таком режиме –от английского What You See Is What You Get, что означает «Что видишь, то и получишь». Разработано немало веб-редакторов, с помощью которых, при создании веб-страницы, соответствующий HTML-код создаётся автоматически. Эти редакторы позволяют выполнять всю работу по созданию сайта без подключения к сети Интернет, или, как говорят, в режиме оффлайн. Наиболее известными такими редакторами являются Microsoft FrontPage, Macromedia Dreamweaver. Конечно, трудно создать хороший сайт, не зная основ языка разметки HTML. Для создания веб-страниц ручными методами используют простейшие текстовые редакторы. В качестве такого редактора может служить стандартное приложение Блокнот. А просматривать результаты работы можно с помощью браузера.  Давайте рассмотрим этапы создания вэб-сайта. ·     определение тематики сайта, его целей и задач. ·     разработка дизайна, проектирование структуры сайта, определение разделов и связей между страницами ·     подготовка материалов (текста и графики) для размещения на веб-страницах. ·     конструирование страниц сайта, т.е. создание HTML-кода. ·     протестировать, т.е. проверить правильность работы. ·     размещение в сети Интернет. Для публикации веб-сайта необходимо найти подходящее место на одном из серверов Интернета. Некоторые провайдеры предоставляют своим клиентам возможность бесплатного размещения веб-сайтов на своих серверах, так называемый бесплатный хостинг. В дальнейшем, конечно, сайту необходимо рекламирование и сопровождение. А из чего же на самом деле состоит web-страница? Из команд и текста.

Закрепление нового материала: 1. Чем отличается web-страница от обычных текстового документа? 2. В каких формах может быть представлена информация на web-странице? 3. Как можно получить доступ к web- странице?

Домашнее задание: выучить конспект

Преподаватель:  Ахметова А.К

МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РЕСПУБЛИКИ ҚАЗАҚСТАН

ТАЛДЫКОРГАНСКИЙ КОЛЛЕДЖ ПОМЫШЛЕННОЙ ИНДУСТРИИ И НОВЫХ ТЕХНОЛОГИЙ

Поурочный план №6

Дата	Группа

Предмет: информатика

Тема урока: Основные возможности и внешний вид визуального редактора.

Вид урока: изучение нового материала

Межпредметная связь:

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

Оборудование урока:

А. Наглядные пособия: доска.

Б. Раздаточный материал: электронные задания.

Этапы урока

Орг. момент: отметка присутствующих.

Проверка домашнего задания 1. Чем отличается web-страница от обычных текстового документа? 2. В каких формах может быть представлена информация на web-странице? 3. Как можно получить доступ к web- странице?

Объяснение нового материала: Существует множество способов создания собственного сайта – от использования готовых шаблонов на Narod.ru до обращения по объявлению типа "создание сайтов за два дня от 300 рублей". Создать свой собственный блог или простенькую домашнюю страницу может даже ребенок. Именно поэтому похвастаться наличием своего сайта в Сети может почти каждый. Различные сервисы предоставляют в распоряжение любого желающего сайты-конструкторы, которые за считанные секунды создают простенькую личную страницу пользователя. Таких страниц в Интернете сотни и сотни тысяч. Как правило, они похожи друг на друга и не запоминаются. Для тех, кто использует бесплатные онлайновые инструменты для создания личной интернет-страницы, собственный сайт – чаще всего забава, люди создают страничку и забывают про нее. Содержание на ней в большинстве случаев сводится к публикации фотографий своей собаки и нескольких сведений "о себе". Другое дело, если собственный сайт воспринимается человеком как способ коммуникации, такой, как телефон или почта. Иметь свой сайт полезно для любого предпринимателя, желающего представить свой бизнес, практикующего врача, юриста, открывающего свою консультацию, учебного центра и т.д. В этом случае страница должна быть оригинальной и содержательной, нести полезную информацию для посетителей. Чтобы получить сайт, соответствующий этим требованиям, одними бесплатными генераторами домашних страничек не обойтись. Однако на освоение азов web-программирования может уйти много времени. Можно, конечно, нанять профессионала, который сделает любую страницу согласно вашим желаниям, однако этот вариант имеет вполне очевидный недостаток, поэтому для многих он неприемлем. Визуальные web-редакторы – хороший способ сэкономить время на изучении web-программирования и быстро сделать сайт, наполнив его всей необходимой информацией. С одной стороны, для создания web-проекта с помощью подобной программы не нужно иметь специальных знаний и быть программистом. С другой стороны, приложения такого типа дают простор для творчества и гарантируют, что сайт не будет выглядеть точно так же, как тысячи других. В основе работы визуальных web-редакторов лежит свойство WYSIWYG – What You See Is What You Get (что видишь, то и получишь). Иными словами, в процессе редактирования web-страницы выглядят примерно так же, как будут отображаться в браузере. Web Page Maker 3.21 разработчик: www.webpage-maker.com размер дистрибутива: 3,66 Мб распространение: shareware русский интерфейс: нет Web Page Maker – достаточно простой визуальный редактор, который подойдет для создания небольшого сайта, включающего несколько страниц. С его помощью можно добавлять на страницу текст, векторные элементы, графические файлы, видео в разных форматах, таблицы, web-формы и прочие привычные элементы страниц. В программе также есть готовые варианты такого важного элемента любого сайта, как меню навигации. Web Page Maker содержит различные варианты меню. Выбрав подходящий, можно сразу же отредактировать его, указав ориентацию (горизонтальное или вертикальное), расстояние между элементами, параметры текста и ссылок. Некоторые элементы (например, то же меню навигации), должны располагаться на всех страницах сайта. При редактировании любого блока можно быстро разместить его на всех страницах текущего проекта или же указать те страницы, где он должен присутствовать. Основную часть окна программы занимает рабочая область, а справа находится панель Site Contents. При помощи этой панели удобно управлять страницами сайта, а также отдельными элементами страниц. На вкладке Elements отображаются все блоки страницы, и щелкая по каждому из них, можно сразу же видеть, где он находится. Кроме этого, тут же можно вызвать окно свойств каждого элемента или удалить ненужные блоки. Что касается набора инструментов для создания структуры сайта, то тут стоит отметить возможность создания новой страницы на основе уже существующего в Интернете ресурса. Стоит указать его адрес, и Web Page Maker загрузит страницу, разобьет ее на блоки и сделает их доступными для редактирования. Чтобы сделать сайт более живым, можно использовать анимационные эффекты. Примеры готового кода Javascript можно найти в библиотеке Web Page Maker. Используя их, можно изменить цвет прокрутки окна, разместить в углу экрана часы, показывающие текущее время, добавить слайд-шоу и т.д. Когда работа над сайтом будет завершена, проект можно сохранить на жестком диске или же сразу загрузить на FTP-сервер. Причем, дополнительный клиент для этого не нужен - Web Page Maker имеет встроенные средства для работы с FTP.

Закрепление нового материала: Вопросы по пройденному материалу.

Домашнее задание: повторить конспект

Преподаватель:  Ахметова А.К

МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РЕСПУБЛИКИ ҚАЗАҚСТАН

ТАЛДЫКОРГАНСКИЙ КОЛЛЕДЖ ПОМЫШЛЕННОЙ ИНДУСТРИИ И НОВЫХ ТЕХНОЛОГИЙ

Поурочный план №7

Дата	Группа

Предмет: информатика

Тема урока: Создание простой начальной страницы сайта.

Вид урока: изучение нового материала

Межпредметная связь:

Цели урока	Обучающая: ознакомиться учащихся с приёмами разработки Web-страниц; научиться работать с HTML -тэгами в программе Блокнот.
	Развивающая: развивать навыки работы на ПК; • развивать познавательную активность учащихся;
	Воспитательная: воспитывать ответственность по отношению к своей работе; • воспитывать усидчивость, интерес к уроку информатики.

Оборудование урока:

А. Наглядные пособия: доска.

Б. Раздаточный материал: электронные задания.

Этапы урока

Орг. момент: отметка присутствующих.

Проверка домашнего задания

Объяснение нового материала: ·         HTML-язык разметки гипертекста. (слайды 3 и 4) ·         Общая структура Web-страницы на языке HTML. (слайды 5 и 6) ·           ·         Файлы Web-страниц. (слайд 7) ·         Шрифт. (слайд 8) ·         Форматирование текста. (слайд 9) ·         Вставка изображений. (слайды 10 и 11) ·         Гиперссылки. (слайд 12)

Закрепление нового материала: 1. С помощью текстового редактора Блокнот разработать сайт на тему «Универсиада 2013». Главная страница сайта должна содержать заголовок окна, заголовок сайта и три гиперссылки («Об Универсиаде 2013», «Виды спорта», «Об авторе сайта»). Страница «Об Универсиаде 2013» должна содержать краткую информацию о XXVII Всемирной Летней Универсиаде 2013 года. Страница «Виды спорта» должна содержать информацию о всех видах спорта Универсиады 2013 года. Страница «Об авторе» должна содержать краткую информацию о вас (ваши фамилия и имя, школа, класс, ваши увлечения и хобби), а также (по возможности) вашу фотографию. На всех второй, третьей и четвёртой страницах сайта необходимо использовать заголовки (использовать центрирование) и выравнивание абзацев текста по ширине. Для заголовков и основного текста необходимо использовать разные названия шрифтов. 2. Проверить работоспособность сайта с помощью браузера.

Домашнее задание:

Преподаватель:  Ахметова А.К

МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РЕСПУБЛИКИ ҚАЗАҚСТАН

ТАЛДЫКОРГАНСКИЙ КОЛЛЕДЖ ПОМЫШЛЕННОЙ ИНДУСТРИИ И НОВЫХ ТЕХНОЛОГИЙ

Поурочный план №8

Дата	Группа

Предмет: информатика

Тема урока: Создание простой начальной страницы сайта.

Вид урока: изучение нового материала

Межпредметная связь:

Цели урока	Обучающая:
	Развивающая:
	Воспитательная:

Оборудование урока:

А. Наглядные пособия: доска.

Б. Раздаточный материал: электронные задания.

Этапы урока

Орг. момент: отметка присутствующих.

Проверка домашнего задания

Объяснение нового материала:

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

Домашнее задание:

Преподаватель:  Ахметова А.К

МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РЕСПУБЛИКИ ҚАЗАҚСТАН

ТАЛДЫКОРГАНСКИЙ КОЛЛЕДЖ ПОМЫШЛЕННОЙ ИНДУСТРИИ И НОВЫХ ТЕХНОЛОГИЙ

Поурочный план №9

Дата	Группа

Предмет: информатика

Тема урока: Создание страницы с табличным размещением информации.

Вид урока: изучение нового материала

Межпредметная связь:

Цели урока	Обучающая:
	Развивающая:
	Воспитательная:

Оборудование урока:

А. Наглядные пособия: доска.

Б. Раздаточный материал: электронные задания.

Этапы урока

Орг. момент: отметка присутствующих.

Проверка домашнего задания

Объяснение нового материала:

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

Домашнее задание:

Преподаватель:  Куракбаева Т.Б

МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РЕСПУБЛИКИ ҚАЗАҚСТАН

ТАЛДЫКОРГАНСКИЙ КОЛЛЕДЖ ПОМЫШЛЕННОЙ ИНДУСТРИИ И НОВЫХ ТЕХНОЛОГИЙ

Поурочный план №10

Дата	Группа

Предмет: информатика

Тема урока: Создание страницы с табличным размещением информации.

Вид урока: изучение нового материала

Межпредметная связь:

Цели урока	Обучающая:
	Развивающая:
	Воспитательная:

Оборудование урока:

А. Наглядные пособия: доска.

Б. Раздаточный материал: электронные задания.

Этапы урока

Орг. момент: отметка присутствующих.

Проверка домашнего задания

Объяснение нового материала:

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

Домашнее задание:

Преподаватель:  Куракбаева Т.Б

МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РЕСПУБЛИКИ ҚАЗАҚСТАН

ТАЛДЫКОРГАНСКИЙ КОЛЛЕДЖ ПОМЫШЛЕННОЙ ИНДУСТРИИ И НОВЫХ ТЕХНОЛОГИЙ

Поурочный план №11

Дата	Группа

Предмет: информатика

Тема урока: Гиперссылка и навигация сайта.

Вид урока: изучение нового материала

Межпредметная связь:

Цели урока	Обучающая:
	Развивающая:
	Воспитательная:

Оборудование урока:

А. Наглядные пособия: доска.

Б. Раздаточный материал: электронные задания.

Этапы урока

Орг. момент: отметка присутствующих.

Проверка домашнего задания

Объяснение нового материала:

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

Домашнее задание:

Преподаватель:  Куракбаева Т.Б

МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РЕСПУБЛИКИ ҚАЗАҚСТАН

ТАЛДЫКОРГАНСКИЙ КОЛЛЕДЖ ПОМЫШЛЕННОЙ ИНДУСТРИИ И НОВЫХ ТЕХНОЛОГИЙ

Поурочный план №12

Дата	Группа

Предмет: информатика

Тема урока: Внедрение на WEB – страницы Gif – анимации, баннеров.

Вид урока: изучение нового материала

Межпредметная связь:

Цели урока	Обучающая:
	Развивающая:
	Воспитательная:

Оборудование урока:

А. Наглядные пособия: доска.

Б. Раздаточный материал: электронные задания.

Этапы урока

Орг. момент: отметка присутствующих.

Проверка домашнего задания

Объяснение нового материала:

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

Домашнее задание:

Преподаватель:  Куракбаева Т.Б

МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РЕСПУБЛИКИ ҚАЗАҚСТАН

ТАЛДЫКОРГАНСКИЙ КОЛЛЕДЖ ПОМЫШЛЕННОЙ ИНДУСТРИИ И НОВЫХ ТЕХНОЛОГИЙ

Поурочный план №13

Дата	Группа

Предмет: информатика

Тема урока: Публикация сайта.

Вид урока: изучение нового материала

Межпредметная связь:

Цели урока	Обучающая:
	Развивающая:
	Воспитательная:

Оборудование урока:

А. Наглядные пособия: доска.

Б. Раздаточный материал: электронные задания.

Этапы урока

Орг. момент: отметка присутствующих.

Проверка домашнего задания

Объяснение нового материала:

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

Домашнее задание:

Преподаватель:  Куракбаева Т.Б

МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РЕСПУБЛИКИ ҚАЗАҚСТАН

ТАЛДЫКОРГАНСКИЙ КОЛЛЕДЖ ПОМЫШЛЕННОЙ ИНДУСТРИИ И НОВЫХ ТЕХНОЛОГИЙ

Поурочный план №14

Дата	Группа

Предмет: информатика

Тема урока: Публикация сайта.

Вид урока: изучение нового материала

Межпредметная связь:

Цели урока	Обучающая:
	Развивающая:
	Воспитательная:

Оборудование урока:

А. Наглядные пособия: доска.

Б. Раздаточный материал: электронные задания.

Этапы урока

Орг. момент: отметка присутствующих.

Проверка домашнего задания

Объяснение нового материала:

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

Домашнее задание:

Преподаватель:  Куракбаева Т.Б

Язык разметки гипертекста HTML

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

Ход работы:

Для подготовки html-файла можно использовать текстовый редактор Блокнот.

<HTML>

<HEAD>

<TITLE> Название окна Web-страницы </TITLE>

</HEAD>

<BODY ПАРАМЕТРЫ>

<!--Дальше идет текст, например, такой.-- >

Меня зовут Светлана. Мне 16 лет.

Я хочу стать Web-дизайнером.

Это моя первая Web-страница. Тут я могу писать любой текст, например, про меня и мои

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

</BODY>

</HTML>

В середине пары тегов <BODY параметры>…</BODY> записывают (то есть

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

Задание 1. Создайте с помощью текстового редактора приведенный выше html-файл и

сохраните его в своей папке с названием file_1.html. Тег <BODY> запишите так <BODY

TEXT=”red”>. Откройте файл в броузере, т.е. перейдите в свою папку и дважды щелкните на

файле file_1.html. Обратите внимание, что текст на экране расположен по другому, чем в

файле: нет абзацев и абзацного отступа, текст выровнен по левому краю.

Проэксперементируйте с разными значениями параметров BGCOLOR и TEXT. Для

переключения между режимом просмотра WEB-страницы в браузере и текстом HTML-файла

используйте меню ВИД В виде HTML

Задание 2. Отформатируйте текст в файле file1.htm следующим образом и сохраните его

в файле file2.htm:

<HTML>

<HEAD>

<TITLE> My Web-page </TITLE>

</HEAD>

<BODY BGCOLOR =”yellow” TEXT =”navy”>

<CENTER><H1>Привет! </H1>

<H2> Меня зовут Светлана. </H2> </CENTER>

<HR>

<H3> Мне 16 лет. </H3>

<H4> Я хочу стать Web-дизайнером. </H4>

<HR>

Это моя <B> вторая </B> попытка создать Web-страницу. Я уже умею пользоваться

заголовками, формировать текстовые абзацы, вставлять линии. Позже я научусь вставлять <I>

фотографии, картинки, звук </I> путем гиперссылок на соответствующие <U> графические,

звуковые или видеофайлы </U>.<P>

Я сохраню этот файл на диске и открою его в броузере. <P>

Эту Web-страницу я буду усовершенствовать. Ее еще рано размещать на сервере. <HR>

</BODY>

</HTML>

Просмотрите этот файл с помощью броузера и проэксперементируйте с тегами

форматирования текста. Проэксперементируйте с размерами окна, в котором демонстрируется

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

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

этого не делают).