МІНІСТЕРСТВО ОСВІТИ І НАУКИ УКРАЇНИ НАЦІОНАЛЬНИЙ УНІВЕРСИТЕТ «ЛЬВІВСЬКА ПОЛІТЕХНІКА» ІНСТИТУТ КОМП’ЮТЕРНИХ НАУК ТА ІНФОРМАЦІЙНИХ ТЕХНОЛОГІЙ КАФЕДРА АВТОМАТИЗОВАНИХ СИСТЕМ УПРАВЛІННЯ / Лабораторна робота №8 з дисципліни ' Веб-технології та веб-дизайн ' на тему: ' Використання графіки на сторінці ' Лабораторна робота №8 Тема роботи: Використання графіки на сторінці. Мета роботи: Вивести зображення на екран і художньо оформити Web-сторінку. Порядок виконання роботи 1.Ознайомтеся з текстом лабораторної роботи. 2.Відкрийте WEB-браузер Internet Explorer, запустіть програму створену на першій лабораторній роботі. 3.В Internet Explorer’ і зайдіть в меню View\Source або на інформативному полі клацніть правою клавішею миші і виберіть пункт View\Source. 4.Перед вами запуститься програма Notepad, і ви можете добавляти текст і нові дескриптори, що запропоновані вище, в тіло вашого HTML-документу. 5.Вставте в текст програми дескриптор рисунку і т.д.(див. завдання). 6.По завершені роботи збережіть свій файл для подальшого використання на наступних лабораторних роботах. Постановка завдання: 1.Знайдіть на жорсткому диску 3-4 графічних файли з такими можливими розширеннями: *.jpg, *.jpeg, *.bmp, *.gif і т.д. 2.Підключіть один з них у свою сторінку, і задайте різні розміри того самого малюнку на вашій сторінці. 3.Створіть рамку навколо вашого рисунку, проекспериментуйте з різними товщинами рамки. 4.Створіть опис вашого рисунку, і переконайтеся, як він працює: відключивши в браузері виведення рисунків на екран. 5.Вирівняйте зображення відносно тексту атрибутом alt. 6.Застосовувати атрибут clear для форматування тексту дескриптором <BR>. Код програми: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Згадую основи HTML</title> </head> <body bgcolor="#add8e6" text="black" background="1490921753-Festival_of_Colors_tickets.jpg" link="#7fff00" vlink="white" alink="red" > <h2><center>Гуаш - різновид фарб</center></h2> <p align="center"><strong>Гуа́ш</strong> (фр. Gouache, італ. guazzo —водяна фарба) — різновид водорозчинних фарб. На відміну від акварелі — непрозорі через домішки крейди, свинцевих білил чи каоліну. Це досить щільні, але недостатньо міцні фарби, і при нанесенні товстим шаром осипаються, не мають блиску. Гуашшю можна працювати не тільки на папері, але і на ґрунтованому полотні, на тканині, картоні, фанері. Гуаш широко застосовується в декораційному живописі, при виконанні різних ескізів. Дуже часто використовують його для кольорових начерків. Гуаші виготовляють з суміші кольорових пігментів і клею з додаванням білил. Гуаш зручний в роботі і, що важливо, дає можливість вносити виправлення в процесі роботи. Шар фарби середньої товщини сохне від 30 хвилин до 3 годин в залежності від вологості повітря.</p> <hr width="50%"> <div align="center"> <br clear="all">Фестиваль кольорів</br> <img src="holi-air-300x225.jpg" alt="Фестиваль кольорів" width="100" height="100" border="1" > <img src="holi-air-300x225.jpg" alt="Фестиваль кольорів" width="200" height="200" border="2" > <img src="holi-air-300x225.jpg" alt="Фестиваль кольорів" width="300" height="300" border="3" > <img src="holi-air-300x225.jpg" alt="Фестиваль кольорів" width="200" height="200" border="2" > <img src="holi-air-300x225.jpg" alt="Фестиваль кольорів" width="100" height="100" border="1" > </div> </body> </html> Результат виконання програми / Висновок Під час виконання цієї лабораторної роботи я оволоділа практичними навичками виведення зображення на екран і художнього оформлення Web-сторінки.