Темата на "Основи на Hypertext Markup Language документи", на обща стойност 8 часа и се разглеждат в 11 клас. (Урок: .. Н. Ugrinovich, информационните технологии 10-11 CL) Целта на този курс е да се създаде първичен умение за създаване на уеб-страници и уеб-базирани сайтове. Това развитие е трета урок на тема "Създаване и използване на уеб-страници на таблици"
Преподаване на учениците завършват изпълнението на индивидуални или групови на проекта (2-3 души.) - разработване на уеб-сайт.
Урок Тема: "Създаване и използване на интернет страниците на таблици"
Урок: научат нови умения и да изградят умения за създаване и използване на електронни таблици в интернет - страници; преподават на учениците красиво и ефективно поставя информацията на страницата, като се използват HTML тагове.
Развитие: Разработване на способността да се работи индивидуално и фронтално; разширят своя кръгозор; развитие на уменията на компютърните технологии при създаването на уеб-сайтове.
Образователни: да донесе позитивно отношение към знанието, съвестен отношение към работата, и дисциплина.
Оборудване и материали, необходими за урока:
Компютри, интерактивна бяла дъска, проектор, брошури, презентации урок, задачата за инспекционната дейност.
Вид на урока: Урок учене нов материал
I.Organizatsionny момент.
II.Aktualizatsiya знания. Повторението на материала учи.
Учител. Ние продължаваме да изпълни мечтата си с вас: създаване на сайт за нашия регион, неговата история и хората, които живеят в него.
За да направите това, трябва да се научим да се изгради една маса в уеб - страници инструменти за маркиране на хипертекст документи HTML. Темата на днешния урок, "Създаване и използване на таблици в уеб страници."
Днес ще ви се работи по подгрупи, преди да легне оценка листове, с които ние ще съди за резултатите от екипа в класната стая. лист оценка изпълва капитана на отбора.
Отделните членове на екипа за оценка ще зависи от резултатите от дейността на екипа в класната стая. По този начин всеки от вас трябва да се интересуват от факта, че отборът вкара максимален брой точки.
За проверка на домашната работа:
1) Моля ви да отговорите на следните въпроси:
(За да мисля за отговори на въпросите, дадени от 30 секунди. Ако отборът не знаете отговора, отговорът може да даде на другите отбори. За този отбор получава допълнителни точки. Въпросите са на разположение под формата на таблица. В таблицата с правилните отговори на въпросите, показани на екрана, след като проучването е завършен. Децата страдат в резултат на оценка на листа. Критерии за оценка на борда).
- За да създадете уеб - страницата, която трябва да се напише програма. И на какъв език ще се напише програма за създаване на уеб - страница? (На езика на HTML)
- Какви са двете програми трябва да имат, за да създадете уеб - страница? (Ние трябва да имаме две програми: Notepad, за да създадете текстов програма (Start - Програми - Аксесоари - Notepad); Internet Explorer браузър (той ще покаже информацията в основната си прозорец))
- Каква е технологията за създаване на уеб - страница?
- Каква е структурата на HTML документ? (Страница - шаблон, shablon.Html файл)
2) Сега, да извърши необичаен тест. Аз задавам въпроси, а компютърът ще определи отговорът ви е правилен. (Учениците са отговорни от дъската)
- С помощта на контейнер, направен разделяне на текста на параграфи? (<Р> Текстът на параграф
)- Кои параметри могат да бъдат добавени към маркер
за привеждане в съответствие на текста на параграфа? (
Текстът на параграф
,където ALIGN стойност на атрибут може да бъде център - в центъра,наляво - ляво подравняване, (зададен по подразбиране)
полето - полето подравнен,
оправдае - регулиране ширината)
- Което се използва маркер за разположение на позициите уеб-страници и подпозиции? (
- Кои етикет се използва за задаване на параметрите на текста? ( текст )
- Какво параметри atributovFACE, размер, COLORvy знаеш? (Например, текст , текст , текст )
- Кои етикети определите шрифта? (... - смел, ... - курсив, ... - подчертаване. комбинация от: Удебелен курсив и подчертан
Учител .. Спомнете си, че представляват таблици, и това, което те се нуждаят.
Ученици. Основните елементи на таблицата е колона, ред, клетка. Таблица клетки могат да съдържат разнообразна информация: номер, текст, рисунка, графика.
III.Formirovanie нови знания и умения.
Учител. Тя е по-удобно да се постави информацията в таблицата, а не на празен страница. Ето защо, на масата се използва в уеб-дизайн е изключително добре - не само за традиционните колоните на номера и друга информация, която може да бъде подходящо представени в тази форма, но и като елемент от дизайна.
Посещение на World Wide Web и изучаване на документите за структура Wed внимателно, можем да намерим един невидим "скелет" - сложна мрежа от малки и големи клетки
Следователно, можем да видим, погледнете в интернет-страницата, това е маса. Някои клетки от таблица могат да бъдат комбинирани в едно, и клетките могат да бъдат поставени в текст, графики, изображения, или други таблици. И днес ние се научите как да го направите с помощта на HTML.
На екрана се показва таговете за изграждане на масата. (Slide)
Пример простият кодова таблица.
Учениците пишат в абстрактен маркер за изграждане на масите и техните атрибути.
Учител. форма на маса няколко различни етикети. Таблица определя контейнер
Всяка маса се състои от линии, които са определени от контейнер
Дебелината на разделителните линии в таблицата е създаден с помощта на атрибут ГРАНИЦА = N (когато п = 0 граница е невидим) и за уеднаквяване на информация в хоризонтална клетка използва ALIGN атрибута.
IV.Prakticheskaya част.
Дискусия и изпълнение на практическа работа. Студентите се разпределят печат в хода на практическата работа. По време на практическата работа на учителя съветва студенти.
В хода на практическата работа
1. С помощта на майстор страницата вече е създаден, трябва да създадете уеб-страница с името "Относно:. В HTML таблици"
¨ Направете промените си:
¨ Запазете го като tab.html в WWW папка. За да направите това, изберете Файл - Запиши като ... В запазите документ в списъка Тип на файла, изберете Всички файлове (*. *). В полето Име на файл въведете tab.html и след това щракнете върху Запиши.
2. Комплект 700 пиксела широчина маса (точки) и го поставете в средата на страницата. За да направите това, отворете HTML-кода на страницата ни:
¨ Редактирайте tab.html на файла:
¨ Запазете файла (File - Запазване)
Забележка. Обърнете внимание на лентата на задачите. На него са WWW папка. Notebook с файл tab.html (HTML-код страници) и браузър с нашата "Тема:" Маси vhtml ".
¨ Щракнете върху бутона Refresh или F5. Анализ на получения резултат.
3.Podkrasim маса фон в зелен цвят.
¨ Използване на лентата на задачите, отидете на HTML-кода на страницата
За да направите промени:
| Вторият ред, втората колона |