Використання графіки на сторінці. Лабораторна робота з Веб технології та веб дизайн. Робота № 530493

Використання графіки на сторінці

Інформація про навчальний заклад

ВУЗ:

Національний університет Львівська політехніка

Інститут:

Інститут комп’ютерних наук та інформаційних технологій

Факультет:

КН

Кафедра:

Кафедра автоматизованих систем управління

Інформація про роботу

Рік:

2018

Тип роботи:

Лабораторна робота

Предмет:

Веб технології та веб дизайн

Завантажити

Частина тексту файла (без зображень, графіків і формул):

МІНІСТЕРСТВО ОСВІТИ І НАУКИ УКРАЇНИ НАЦІОНАЛЬНИЙ УНІВЕРСИТЕТ «ЛЬВІВСЬКА ПОЛІТЕХНІКА» ІНСТИТУТ КОМП’ЮТЕРНИХ НАУК ТА ІНФОРМАЦІЙНИХ ТЕХНОЛОГІЙ КАФЕДРА АВТОМАТИЗОВАНИХ СИСТЕМ УПРАВЛІННЯ / Лабораторна робота №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-сторінки.

Лабораторна робота Веб технології та веб дизайн

vitavita

29.10.2018 22:38

Коментарі

Ви не можете залишити коментар. Для цього, будь ласка, або зареєструйтесь.

Ділись своїми роботами та отримуй миттєві бонуси!

поділитись