Робота по створенню та зв’язуванню веб-сторінок

ПЛАН

уроку виробничого навчання на «06» грудня 2013р.

 

Тема №4 «Основи Веб-дизайну»

Тема уроку: Робота по створенню та зв’язуванню веб-сторінок.

Мета уроку: вдосконалити уміння та навики роботи з створення веб-сторінок та їх зв’язування.

Навчальна мета: формування і розвиток умінь і навичок, застосування знань для розв’язання навчально-виробничих задач пошукового характеру.

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

Виховна мета: формування відповідального відношення до виконання роботи з використанням комп’ютерної техніки, дисципліни, сумлінності та відповідальності.

І Матеріально-технічне забезпечення уроку:

1.Наочність та технічні засоби навчання:

2.Комплект персональних комп’ютерів.

II Інструменти та матеріали:

1.Програмне забезпечення: операційна система та візуальний веб-редактор.

Хід уроку.

І. Організаційний момент:

1. Перевірка наявності учнів.

2. Перевірка зовнішнього вигляду учнів.Вступний інструктаж.

І. Повторення матеріалу минулого уроку.

1. повторення питань інструктажу з охорони праці.

2. Повторення порядку створення веб-сторінок.

ІІ. Груповий інструктаж.

1.Інструктаж з питань охорони праці при виконання текучої роботи.

2.Порядок створення та зв’язування веб-сторінок. Основні прийоми створення та форматування Веб-вузла.

ІІІ. Закріплення викладеного матеріалу.

1.Вибіркове опитування по викладеному матеріалу.Потоковий інструктаж

І. Самостійна робота учнів

ІІ. Завдання учнів: картки-завдання з практичними роботами.

ІІІ. Обхід робочих місць з метою:

Перший обхід:

інструктаж з питань охорони праці на робочих місцях операторів комп’ютерного набору. Інструктаж з порядку виконання роботи на робочому місці.

Другий обхід: цільовий обхід робочих місць з метою контролю правильності порядку створення та збереження веб-сторінок.

Третій обхід: обхід робочих місць з метою перевірки проміжних результатів роботи та надання допомоги у вирішенні складних питань. Четвертий обхід: обхід робочих місць з метою перевірки створення та збереження веб-сторінок другого та третього рівня.

П’ятий обхід: обхід робочих місць з метою перевірки виконання роботи по створенню веб-сторінки першого рівня, порядку зв’язування всіх веб-сторінок, форматування веб-вузла. Перевірка роботи веб-вузла в браузері.

Заключний інструктаж

1. Зробити аналіз роботи за день.

2. Показати кращі роботи.

3. Відмітити недоліки, розібрати допущені помилки, вказавши причини.

4. Оголосити оцінки.Завдання додому: повторення матеріалу по створенню веб-сторінок на домашніх ПК.

 

Майстер в/н Ізубенко О.А.

 

Картка-завдання.

Практична робота по темі «Веб-дизайн».

Візуальний веб-редактор «Microsoft Front Page».

Тема: Створення та зв’язування веб-сторінок. Створення фреймів-рамок. Збереження на диск.

Мета роботи: навчитися використовувати можливості візуального редактора FrontPage для створення елементів веб-вузла, форматування тексту веб-сторінок, ство­рення гіперпосилань, вставлення графіки і інших елементів.Завдання.Створіть веб-сайт «Рослини України» із трьома рівнями веб-сторінок. Зв’яжіть їх за допомогою гіперпосилань. Сторінки розділів мають містити фотографії та текстові описи.

 

Блок – схема Веб-сайту

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Порядок виконання роботи.

1.Відкрийте свою папку та створіть в ній папку «». В цій папці відповідно створіть папки: та .

2.За допомогою мережі Інтернет знайдіть та збережіть в папку графічні фай­ли: фото дуба, калини, тополі, барвінку та льону. (при відсутності Інтернет можна використати графічні файли з колекції або інші)

3.Відкрийте вікно програми Microsoft FrontPage.Створіть сторінки Третього рівня — про рослини України: дуб, кали­ну, тополю, сон-траву, барвінок і льон — та збережіть їх у поточній пап­ці «Рослини України» у файлах dub.htm, kalyna.htm, topolya.htm, barvinok.htm, lyon.htm і son-trava.htm. Для цього скористайтеся командою Файл • Создать (Файл • Створи­ти) або кнопкою «Создание новой обычной страницы» (Створення нової звичайної сторінки) стандартної панелі інструментів. Назви файлів зберігайте англійською мовою. Назви веб-вікон задайте українською мовою. (Кнопка – «Изменить»)Підготовка текстів. Створіть за допомогою текстового редактора Word текстові файли з описом кожної з рослин. Збережіть текстові файли в папку Text.Тексти для набору.

Про дуб: «Дуб звичайний черешчатий – листопадне дерево з потужною кроною висотою до 40 м. Віднесено до сімейства букових. Стовбур потужний, у старих дерев кора буро-сірого кольору, з глибокими тріщинами, товщиною до 0,1 м, у молодих черешчатих дубів кора гладенька. Листя дуба лопатеві, чергові, короткочерешкові, овальні. Квітки дерева сидячі, роздільностатеві. Чоловічі квітки зібрані в тонкі висячі сережки, а жіночі – розташовуються в пазухах листків. Черешчатий дуб цвіте з кінця квітня до початоку травня, його плоди, жолуді світло-коричневого кольору, достигають у вересні – жовтні.»

Про калину: «Калина – дуже красива рослина. Це стрункий кущ, з багатьма тонкими вітками, що тягнуться до неба. Із приходом весняного тепла на них набухають бруньки. Потім калина вся вкривається білими суцвіттями-парасольками, вона вбирає тепло сонця та живильну вологу землі. ЇЇ листя яскраво-зелене з нерівними зубчастими краєчками, і в них плутається вітерець. Потім, коли квіти оцвітають, на їхньому місці з'являються маленькі зелені ягідки. Вони поступово стають більшими та восени набувають насичено червоного кольору. Стиглі ягоди калини схожі на яскраві краплини крові, тому в традиції українського народу вони символізують силу життя. Ягоди калини також бувають жовтого та чорного кольору, а деякі види її не скидають листя восени. Калина трохи кисла та терпкувата на смак. З неї готують смачне варення та компот. Зображенням калини прикрашають предмети побуту, крашанки, вишиванки».

Про тополю: «Тополя — дерево незвичайне. Коли кажуть про Україну або пишуть про неї, коли співають українських пісень, не буває такого, щоб при цьому не згадувалася тополя. Як береза для Росії, клен для Канади, олива для Греції, так і тополя — для України! Тополі бувають різні: крислаті, широкі, не занадто стрункі й високі, тонкі, витончені... Вони ростуть усюди: у скверах, парках, садах, у лісі, а особливо вражають уздовж доріг! їдеш трасою — і по обидва боки, як вірні вартові полів і селищ, що видніються за ними, вишикуються тополі. Ці обов'язково стрункі й величні, начебто усвідомлюють свій обов'язок: не підпустити "до об'єкта" сторонніх, закрити від вітру, своєю зеленню зм'якшити дорожні, не завжди корисні і приємні запахи, що неминучі на автомобільних шосе. Стоять тополі й уздовж залізниць — захисники свіжого, чистого повітря. Одне в цих деревах подобається не всім — це тополиний пух, що лоскоче, норовить потрапити в очі й навіть загрожує людям, у кого алергія. А мені подобається, коли тополині пушинки, немов сніжок улітку, літають у повітрі, устеляють дороги, осідають уздовж бордюрів. Мені навіть шкода цих пушинок, коли, трапляється, їх підпалюють і вогник, що біжить по них, здається мені зовсім не веселим, а жорстоким руйнівником світлого цвітіння».Про барвінок: «Барвінок є символом української культури. Ця невибаглива рослина завжди росла і росте біля українських осель, стелиться вздовж стежин. Барвінком прикрашають весільний коровай, його садять біля хати. Барвінок вплітають дівчата у віночок. Він зеленіє навіть під снігом. Барвінок є символом кохання. Барвінок - символ радісної життєвої сили, вічності усталеного буття, провісника весни та емблема викривальних сил; невмирущої пам'яті про покійних; незайманості, цнотливості. Ця вічнозелена рослина має стебло до 60 сантиметрів завдовжки, що лежить на землі, цвіте на весні і на початку літа (у травні–червні). Барвінок розводять у садах та парках як декоративну рослину, причому виведені сорти мають золотисті та сріблясті листки, а також пухнасті (махрові) квіти. З давніх часів барвінок застосовували в медицині. (Треба зауважити, що рослина ця може бути отруйна.) У народній медицині трава барвінку здавна застосовується при проносах, дизентерії, туберкульозі легенів, цинзі, кровотечах, жіночих недугах, емфіземі легенів та ковтуні (хвороба шкіри на голові, коли волосся злипається у тверду грудку). Відваром трави користуються для полоскання рота і горла, при зубному болі та ангіні. Міцний відвар у вигляді примочок, а також товчену свіжу траву застосовують для зупинки кровотеч та лікування ран. Настойку з коріння барвінку (на горілці) — при виразці шлунка. У гомеопатії спиртову настойку трави вживають при тривалих головних болях, носових кровотечах, екземі, висипах на лиці, а також при коклюші. Збирають у барвінка стебла, листя, квіти, корені. Барвінок, поряд з іншими ранніми квітками /підсніжник, пролісок/, вважали провісником весни. Його глянцево-зелене тверде листя не гине ні влітку від спеки, ні зимою від холоду, морозу і снігу. Рослина стала символом радісної життєвої сили, вічності і була перенесена з лісу в сади біля людських жител. Її тулили до всього, що потребувало вічності, краси, життєстійкості: народженій дитині до свічки, щоб життя було довгим і щасливим; до свічок весільних, щоб любов наречених була нев'янучою; до весільного калача, щоб людські серця до молодят горнулися; до весільного гільця - як символ вічного усталеного буття. „Як цей барвінчик ніколи не блідне, так най і життя твоє не блідне”, - казали дружки молодій, молодому, коли закінчували початий матір'ю віночок на голову чи віночок-сердечко, який пришпилювали молодому на грудях. Барвінок на могилах знаменує невмирущу вічну пам'ять про покійних. Тому один із видів барвінку /барвінок малий/ українці називають могильником, або хрещатим барвінком, а в Альпах його нарекли фіалкою мерців. До весілля наречена брала на свій вінок барвінок із родинних могил - щоб шлюб міцно оберігався. Дівчині, яка починала дівувати, мати давала у пазуху крянгу барвінку із найдавнішої родової могили - щоб оберігав її долю, дівочу честь, цноту. Барвінок, за П.Чубинським - разом із ягодами калини - символ дівоцтва, незайманості. Про дівчину, що зганьбилася, казали: "Барвінчик свій потоптала". Барвінок вважали талісманом, який оберігає від диявольської сили, від усякої нечисті та від злих відьомських чарувань. Він допомагає викривати відьом. Якщо почепити вінок з барвінку над вхідними дверима, тоді й відьму видно - вірили у народі. Барвінок ніколи не викидали на смітник, а тільки у воду, щоб він не загинув від спраги.».Про льон: «Це трав’яниста однорічна рослина з тонким стеблом заввишки 30-50 см, з восковим нальотом, розгалуженим у верхній частині. Льон широко вирощується як технічна культура.Батьківщина льону – Індія, і саме там вперше, кілька тисячоліть тому, була створена тканина з цієї рослини. Всього, у світі, понад 200 видів льону, з них на Україні і в Росії вирощують більше 40. З лікувальною метою використовують насіння льону посівного (синій льон), вони світло-коричневого кольору, блискучі, розташовані в кулястій коробочці. Насіння містить слизові та білкові речовини, мінеральні речовини, жирну олію складного складу, глікозид лінамарін, органічні кислоти, каротин, ферменти, вуглеводи. Свіжа трава льону отруйна, тому її не радять вживати всередину. У нашій країні льон висівають переважно в зо­ні Полісся, саме тому його ще називають поліським шов­ком. Поліщуки добре знають, коли, в яку пору краще сія­ти, збирати, слати, тіпати льон, з приводу чого склалося багато народних прикмет. Так, вважали, що сіяти льон найкраще у п'ятницю чи суботу, несучи насіння в поле у білій скатертині».

Про сон-траву: Сон-трава — прекрасне і корисне рослина. Ще в давнину вона вважалася символом переможного зброї, а сік застосовували для змащування наконечників списів. Наші предки вірили, що таким чином можна вигнати злу силу. Отримані в ході боїв рани обробляли за допомогою сон-трави. У давні часи її дуже часто застосовували при ритуальних і магічних обрядах. Сон-траву використовували як оберіг від лихого ока, а засушені квіти зберігали як амулет для залучення багатства в будинок. Легенда свідчить, що людина, що заснув серед сон-трави, зможе передбачати майбутнє. За народними рецептами свіжим соком трави розтирали суглоби при ломоті, а також полегшували родові перейми і купали при різних шкірних захворюваннях. У загальних рисах розкритий простріл (сон-трава) являє собою багаторічну культуру, яка відноситься до сімейства Лютикова. Цвіте в травні-квітні одиночними темно-фіолетовими квітками, за формою схожими на звичайні садові тюльпани. Додаткову декоративність створюють пухнасті ажурні листя. В основному це рідкісне рослина поширена на території Європи, Канади та Північної Америки. Найчастіше простріл можна зустріти в хвойних і сухих листяних лісах. Останнім часом сон-траву частенько висаджують на присадибних ділянках. Якщо ви вирішили самостійно виростити це дивна рослина, обов’язково врахуйте кілька важливих факторів. Простріл добре розвивається на багатих грунтах з хорошою структурою. Дуже любить органічні добрива. На нього згубно впливає надмірна вологість і вогкість. Краще місце для посадки кущів сон-трави — в півтіні. Доросла рослина при пересадці приживається дуже погано. Якщо виникає така необхідність, то зробити це краще до початку вегетаційного періоду — ранньою весною. Старий кущ можна розділити на кілька нирок. Рослина приживеться при регулярному і помірному поливі. Сон-трава морозостійка і в особливому догляді не потребує. У посушливий період може знадобитися додатковий полив. Розмножується простріл насінням, які вітер розносить на значну відстань. Якщо ви вирішили висіяти сон-траву самостійно, краще всього це зробити в листопаді, а вирощені сіянці на зиму покрити листям, щоб вони не вимерзли. Перші квіти з’являться тільки на третьому році життя.

6.Підготовка зображень: за допомогою команди Вставка – Рисунок - Из файла (Малю­нок • з файлу) меню Вставка (Вставка) вставте на відповідні сторінки малюнки. (виберіть Тип файлів – Формати веб-зображень).

7.За допомогою буфера обміну вставте набрані тексти у відповідні веб-сторінки.

8.Відформатуйте створені Веб-сторінки на свій смак! Для цього можна використати інструменти: «Біжучий рядок», графічні примітиви та об’єкти Word Art.

9.Оформлення сторінок. Для оформлення сторінок різними темами виконайте для кож­ної сторінки команду Формат • Тема (Формат • Тема), виберіть в області завдань Тема (Тема) одну з тем і призначте її дляоформлення сторінки, клацнувши значок теми.

10.Збережіть сторінки з відповідними назвами за допомогою команди Файл • Сохранить (Файл • Зберегти) або однойменної кнопки стандартної панелі інструментів. Оскільки для їх оформлення використані вбудовані теми, під час записування з'явиться вікно з повідомленням, що сторінка буде збережена разом із додатковими файлами.

11.Створення сторінок другого рівня: веб-сторінки - «Дерев’янисті рослини» та «Трав’янисті рослини». Створіть та збережіть веб-сторінки у файлах з іменами dereva.htm та kvity.htm.

12.Веб-сторінка: «Дерев’янисті рослини», назва файлу - dereva.htm. На новій сторінці про дерева сформуйте заголовок – Дерева України, а потім виділіть введений текст і застосуйте до нього стиль Заголовок З (Заголовок третього рівня), вибравши відповідне значення зі списку Стиль (Стиль) на панелі інструментів Форматирование (Форматуван­ня). Розташуйте заголовок посередині. Потім за допомогою команди Вставка – Рисунок - Из файла (Малю­нок • з файлу) меню Вставка (Вставка) вставте на сторінку малюнки дуба, калини та тополі із скопійованих вами файлів. За допомогою текстового редактора Word створіть текстовий файл з наступним текстом: «Найстаріше дерево. В урочищі Юзефінська Дача в Рокитнівському районі на Рівненщині росте дуб, якому, за деякими даними 1000, а за іншими – 1300 років! Стовбур цього велетня сягає понад 8 м в обхваті. Його можна побачити на 40-му кілометрі від м. Рокитного. Його огороджено штахетником з табличкою: “Дуб черешчатий. Вік 1300 р. Охороняється державою”.

13.Так само створіть веб-сторінку «Трав’янисті рослини», назва файлу - kvity.htm. За допомогою мережі Інтернет знайдіть народний опис вашої улюбленої рослини. Вставте за допомогою буфера обміну створені тексти на сторінку другого рівня про дерева і квіти.

14.Розмістивши зображення на веб-сторінці, настройте їх розмір у діалоговому вікні Свойства рисунка (Властивості малюнка). Щоб його відкрити, виділіть малюнок за допомогою правої кнопки миші та виберіть у меню Формат (Формат) команду Свойства рисунка (Властивості малюнка). Задайте прийнятний розмір зображен­ня у полях Ширина (Ширина) та Высота (Висота). Для збе­реження його пропорцій має бути встановлений прапорець Сохранять пропорции (Зберігати пропорції).

9.Зробіть кожен малюнок посиланням на сторінку з описом відповідної рослини. Для цього для кожного малюнка вико­найте команду Вставка • Гиперссылка (Вставка • Гіперпосилання). У вікні, що відкриється, виберіть

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

10.Ви­користайте зображення рослин як посилання на відповідні сторінки третього рів­ня.

11. И12. За допомогою команди «Файл-Создать-Создать страницу-Другие шаблоны страниц-Страница рамок-Вертикальная страница» виберіть шаблон з двома вертикальними рамками. Збережіть цю веб-сторінку як головну сторінку під назвою index.htm та назвою веб-вікна «Рослини України».

13. У лівій рамці-фреймі задайте початковою сторінкою веб-сторінку dereva.htm, а в правій рамці-фреймі відповідно веб-сторінку kvity.htm. Збережіть зміни на диск.

14. За допомогою команди «Файл-Просмотреть в Обозревателе» перегляньте в браузері роботу веб-вузла та його компонентів в реальному режимі. Перевірте діяльність всіх гіперпосилань.

15. Самостійна робота. Додайте на ваш розсуд веб-сторінку третього рівня з описом рослини або дерева, які характерні для вашого міста та села або є вашими улюбленими рослинами. Зв’яжіть її з відповідною веб-сторінкою другого рівня.

16. Покажіть веб-вузол керівнику та напишіть у зошиті звіт по виконаній роботі.