Полезное:
Как сделать разговор полезным и приятным
Как сделать объемную звезду своими руками
Как сделать то, что делать не хочется?
Как сделать погремушку
Как сделать так чтобы женщины сами знакомились с вами
Как сделать идею коммерческой
Как сделать хорошую растяжку ног?
Как сделать наш разум здоровым?
Как сделать, чтобы люди обманывали меньше
Вопрос 4. Как сделать так, чтобы вас уважали и ценили?
Как сделать лучше себе и другим людям
Как сделать свидание интересным?
Категории:
АрхитектураАстрономияБиологияГеографияГеологияИнформатикаИскусствоИсторияКулинарияКультураМаркетингМатематикаМедицинаМенеджментОхрана трудаПравоПроизводствоПсихологияРелигияСоциологияСпортТехникаФизикаФилософияХимияЭкологияЭкономикаЭлектроника
|
Черкаський державний бізнес – коледжМІНІСТЕРСТВО ОСВІТИ І НАУКИ УКРАЇНИ Відділення інформаційних систем і технологій
ЗВІТ З практичної роботи №3 з предмета: Основи WEB-технологій
Студента Трунденка В. М. Група 2П-13 Викладач Амброзяк А. В. Оцінка __________________ Дата 18.03.2015
Черкаси-2015 Завдання1: 1) підготуйте три зображення розміром 800х600 у форматі.jpg і збережіть їх у папці де ви розміщуєте файл WEB-сторінки під іменами im01.jpg, im02.jpg, im03.jpg2) Створіть WEB-сторінку і розмістіть на ній три ваші зображення з атрибутами alt3) перегляньте як виглядає ваша сторінка4) змініть (відредагуйте) вашу сторінку встановивши розміри зображень 400х300, 200х200, 400х800 і перегляньте, як змінилися ваші зображення Код: <html> <img src="img1.jpg" width="400" height="300" title="Зображення №1"> </br> <img src="img2.jpg" width="200" height="200" title="Зображення №2"> </br> <img src="img3.jpg" width="800" height="800" title="Зображення №3"> </br> </html> Перегляд сторінки:
Завдання 2 (контрольне): Створіть WEB-сторінку з заголовком та використанням трьох зображень із підписами під ними. На зображення встановіть вспливаючі підписи (title). Зробіть ще три сторінки на яких розмістіть окремо кожне із зображень і зробіть гіперпосилання з головної сторінки на ці сторінки. Гіперпосилання встановіть на самі зображення (при кліпанні на зображення відбувається перехід до іншої сторінки). Повернення на головну сторінку виконайте текстовим гіперпосиланням «НА ГОЛОВНУ», яке розмістіть під зображенням. Код: <html> <head> <h1>Головна</h1> </br> <a href="foto1.htm"> <img src="img1.jpg" width="400" height="300" title="Перейти на зображення"> </a> <a href="foto2.htm"> <img src="img2.jpg" width="400" height="300" title="Перейти на зображення" ></a> <a href="foto3.htm"> <img src="img3.jpg" width="400" height="300" title="Перейти на зображення" ></a> </head></html>Перегляд сторінки:
|