Заглавная страница Избранные статьи Случайная статья Познавательные статьи Новые добавления Обратная связь КАТЕГОРИИ:  Археология Биология Генетика География Информатика История Логика Маркетинг Математика Менеджмент Механика Педагогика Религия Социология Технологии Физика Философия Финансы Химия ЭкологияТОП 10 на сайте Приготовление дезинфицирующих растворов различной концентрацииТехника нижней прямой подачи мяча. Франко-прусская война (причины и последствия) Организация работы процедурного кабинета Смысловое и механическое запоминание, их место и роль в усвоении знаний Коммуникативные барьеры и пути их преодоления Обработка изделий медицинского назначения многократного применения Образцы текста публицистического стиля Четыре типа изменения баланса Задачи с ответами для Всероссийской олимпиады по праву 
Мы поможем в написании ваших работ! ЗНАЕТЕ ЛИ ВЫ?
Влияние общества на человека
Приготовление дезинфицирующих растворов различной концентрации Практические работы по географии для 6 класса Организация работы процедурного кабинета Изменения в неживой природе осенью Уборка процедурного кабинета Сольфеджио. Все правила по сольфеджио Балочные системы. Определение реакций опор и моментов защемления |
Тема: веб-сторінки із графічними об’єктами.
Мета: ознайомитись з можливостями розміщення графічних об’єктів на веб-сторінці.
Теоретична частина Найважливішу роль в оформленні сторінки відіграють ілюстрації. Для розміщення рисунків у документі слугує одиночний тег <IMG>, який повинен обов’язково містити атрибут SRC=, значення якого становить адреса файлу зображення. Зображення переноситься на сторінку із збереженням розмірів. Розглянемо різні атрибути за допомогою, яких можна позиціонувати зображення на веб-сторінці. Для цього використовується атрибут align="…". Існують наступні значення цього атрибуту: <img src= "paint2.gif" align="left"> У цьому випадку зображення буде притиснуте до лівого краю. <img src= "paint2.gif" align="right"> Зображення буде притиснуте до правого краю. <img src= "paint2.gif" align="bottom"> У цьому випадку зображення буде розташовуватися зліва. Так зображення розташовуються за замовчуванням, якщо атрибут align не прописаний. <img src= "paint2.gif" align="middle"> За наявності тексту зображення буде розміщено праворуч від нього, а текст буде розташовуватися ліворуч по середині зображення. <img src= "paint2.gif" align="top"> За наявності тексту зображення буде розміщено праворуч від нього, а текст буде розташовуватися вгорі ліворуч від по відношенню до зображення. Наступні атрибути це width="" визначає ширину зображення і height="" визначає висоту зображення. Якщо їх не прописувати зображення відобразиться у своєму вихідному розмірі, але краще прописувати ширину і висоту зображення. Наприклад, це виглядатиме так: <img src= "paint2.gif" align="left" width="96" height="65"> І ще один атрибут це border ="" визначає ширину рамки навколо зображення. У лапках вказується ширина рамки, наприклад, так: <img src= "foto.jpg" align="left" width="96" height="65" border="2">
Практична частина 1. Створіть теку і перейменуйте таким чином: № академічної групи, власне прізвище (14130-1, Студент М.О.). 2. У теці створіть 2 текстових документи, на основі яких можна зробити веб-сторінки (зробіть заголовок, тіло). 3. У свою теку скопіюйте два рисунки (один великий для фону і один маленький) і одну анімацію, перейменуйте їх відповідно paint1.gif, paint2.gif, anim.gif (розширення повинні відповідати зображенням).
4. На основі першого документу зробіть сторінку, що містить всі скопійовані зображення. Код для розмітки веб-сторінки буде наступним: <html> <head> <title> ЗОБРАЖЕНня1 </title> </head> <body background=paint1.gif> <img src=paint2.gif> <img src=anim.gif> </body> </html> 5. Створіть веб-сторінки використовуючи різні значення атрибуту align. 6. Самостійно побудуйте веб-сторінку із застосуванням розглянутих атрибутів. Вона повинна містити 3 картинки, 2 анімації і невеликий пояснювальний текст.
1) Який тег і використовують для розміщення рисунків? 2) Назвіть атрибути, що використовують для позиціонування зображення. 3) Назвіть атрибути, що використовують для визначення розмірів зображення. 4) Який атрибут використовується для визначення параметрів рамки зображення? Література: 1. Осадча К.П. Основи Інтернет [Електронний ресурс]: он-лайн версія електронного підручника / К.П. Осадча. – Режим доступу до підручника: http://lib.mdpu.org.ua/e-book/oi/official/index.htm. 2. Верлань А.Ф. Інформатика / А.Ф. Верлань, Н.В. Апатова. – К.: Форум, 2000. – 223 с. 3. Информатика: учебник / [под ред. Проф. Н.В. Макаровой]. – М.: Финансы и статистика, 1997. – 768 с. 4. Курс информатики / [под ред. Мадзигона В.Н]. – К.: Феникс, 2000. – 368 с.
|
|||||||||
|
|
Последнее изменение этой страницы: 2017-02-07; просмотров: 87; Нарушение авторского права страницы; Мы поможем в написании вашей работы! infopedia.su Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Обратная связь - 3.139.104.214 (0.007 с.) |
