Лабораторна робота№7
Тема: Графіка
Мета: Опанувати технологію використання графічних зображень при оформленні HTML-документа.
Теоретичні відомості.
Графіка Web-сторінок може містити як прості зображення, так і складні. Важливим у використанні графіки е не міра її складності, а ефективність у питаннях передавання тієї інформації, яку необхідно надати користувачам.
Горизонтальні лінії
Горизонтальні лінії е простим способом поділу великих текстів або виділення частини документа.
Для розміщення горизонтальної лінії використовується тег <HR> (Horizontal Rule). Internet Explorer підтримує різні атрибути тега <HR>, які дозволяють управляти, розміром, товщиною, вирівнюванням, кольором і виглядом тіні від лінії.
Атрибути тега <HR>
WIDTH =pixels|percent Дозволяє змінити розмір лінійки, задавши його в пікселях або в процентах від ширини екрана.
ALIGH*LEFT|RIGHT|CENTER Задає вирівнювання частини лінійки (за замовчуванням 1).
SIZE=n Задає товщину лінії (за замовчуванням 1).
COLOR=RGB(a6o назва кольору) Задає колір, яким відображається лінія.
ПРИКЛАД
Файл у форматі HTML:
<HTML> <HEAD>
< TITLE >Моя перша HTML-сторінка</TITLE>
</HEAD> <BODY>
<H2 ALIGN» CENTER>УKPAЇHCbKA МИНУВЩИНА
<HR SIZE=8 WIDTH=40% COLOR=RED>
</H2><BR>
<P ALIGN= CENTER>Єтнoфaфiчний довідник</Р>
</BODY>
</HTML>
Графічні зображення
Графічні зображення, які демонструються на Web-сторінках, зберігаються в окремих файлах. Для вміщення зображення на сторінку використовують тег <IMG SRC=«URL»>, де URL - адреса файла, який містить графічні дані,
Розташування тексту, який слідує за зображенням, і те, як зображення розташоване на сторінці, контролює атрибут ALIGN. За замовчуванням текст з'являється внизу зображення.
Internet Explorer дозволяє використовувати властивості тега IMG, які надають можливість задавати значення висоти і ширини зображення за допомогою атрибутів HIGHT і WIDTH. Висота і ширина вимірюються в пікселях.
Атрибути тега <IMGSRC=«URL»>
WIDTH =px Встановлює ширину зображення (у пікселях).
HIGНТ = рх Встановлює висоту зображення (у пікселях).
ALIGN=TOP|MIDDLE|BOTTOM| LEFT|RIGHT Контролює розташування тексту.
Значення атрибуту ALIGN
ТОР Вирівнює текст по верху зображення.
MIDDLE Вирівнює базову лінію тексту по центру зображення.
BOTTOM Вирівнює базову лінію по низу зображення.
LEFT Розташовує зображення ліворуч, дозволяючи тексту обтікати зображення праворуч
RIGHT Розташовує зображення праворуч, дозволяючи тексту обтікати зображення ліворуч.
Ефективним для розміщення зображень е застосування атрибутів тега <BR>. Використання тега <BR> в його основному варіанті у тексті, який обтікає зображення, просто розбиває рядок без переривання ефекту обтікання. Щоб перервати рядок і очистити поле праворуч або ліворуч від зображення, застосовують атрибут CLEAR.
Атрибут CLEAR тега <BR> використовується для того, щоб зупинити у зазначеній точці обтікання текстом об'єкта, а потім продовжити текст у порожній зоні за об'єктом. Текст, який продовжується за об'єктом, вирівнюється у відповідності із значеннями LEFT, RIGHT або ALL атрибуту CLEAR:
<BR CLEAR=LEFT> - перериває рядок і очищає ліве поле (текст буде продовжений, починаючи з найближчого порожнього лівого поля);
<BR CLEAR=RIGHT> - перериває рядок і очищає праве поле (текст буде продовжений, починаючи з найближчого порожнього правого поля);
<BR CLEAR=ALL> перериває рядок і очищає обидва поля (текст буде продовжений, як тільки ліве і праве поля виявляться порожніми).
Наприклад, якщо зображення вирівняне ліворуч, а текст обтікає його праворуч, тоді необхідно очистити ліве поле, щоб якийсь інший елемент, який слідує за текстом, не виявився розміщеним праворуч від зображення.
Другие работы по теме:
Енергетика як учасник водогосподарського комплексу
Основні поняття про енергетичне використання річок. Повний, технічний і економічний потенціал річок. Поняття енергетичної системи, графіки навантаження. Види гідроелектростанцій. Теплова і атомна електроенергетика, витрати води і схема водопостачання.
Дослідження фототранзистора
Лабораторна робота №4 Тема: Дослідження фототранзистора Мета роботи: Вивчення основних фізичних закономірностей, визначаючих властивості та параметри фототранзисторів, дослідження світлових характеристик цих приладів.
Розрахунок систем теплопостачання
Розрахунок теплових потоків на опалення й гаряче водопостачання п'яти кварталів. Розрахунок річних графіків теплоспоживання по тривалості теплового навантаження. Побудова для відкритої системи теплопостачання підвищеного графіку якісного регулювання.
Мариатеги, Хосе Карлос
Хосе́ Ка́рлос Мариа́теги (исп. Josй Carlos Mariбtegui La Chira, 14 июня 1894 — 16 апреля 1930) — перуанский журналист и социальный философ, теоретик марксизма.
Что такое РНР
Personal Home Page Tools - персональные инструменты для домашней странички. язык написания сценариев, внедренный в HTML. Синтаксис.
Створення простої web-сторінки
Вступ в мову HTML. Структура HTML-документа. Встановлення кольору фону та тексту, створення заголовка. Графіка і посилання на WEB-сторінці, вставка малюнків. Оформлення таблиць та форматування комірок. Комплексна лабораторна робота "Створення HTML-файла".
Графічна бібліотека OpenGl
Програма створення графіки OpenGl. Алгоритми зафарбовування від внутрішньої точки до границь довільного контуру. Алгоритм обчислення координати точки кривої Без'є за заданними параметрами. Створення програм OpenGL мовою С, C++ у середовищі Windows.
Загальні системи комп’ютерної графіки
Класифікація систем комп’ютерної графіки, її різновиди та сфери використання. Міні-комп’ютери як зменшена версія магістральних. Загальна структура і функції комп’ютерної графіки. Растрова графіка, класифікація, призначення і функції її прикладних систем.
Робота з пакетом Grapher 2.0 for Windows
Опис програми Grapher, призначеної для математичної і графічної обробки даних, що описуються одновимірною функцією. Процес побудови графіка. Запис файлу даних мовою програмування Pascal. Моделювання вигляду апроксимаційних кривих та дискретних точок.
Принципи роботи із засобами Web-сервісу
Особливості експлуатації протоколу HTML (гіпертексту). Засоби обміну інформацією у ньому і підготовка даних у форматі HTML з використанням розширених засобів форматування даних. Основи використання таблиць каскадних стилів і активних елементів JavaScript.
Базові конструкції мови HTML
Тема. Мета . Вивчити основні компоненти мови HTML Базові конструкції мови HTML Гіпертекст - це текст, у який вбудовані спеціальні коди, що задають форматування тексту, наявність у ньому ілюстрацій, мультимедійних вставок та гіперпосилань (Hyper Text Markup Language).
Поняття про комп ютерну графіку
Міністерство освіти України Коломийський індустріально-педагогічний технікум РЕФЕРАТ на тему Поняття про комп’ютерну графіку студента групи 1 – Т
Mushrooms Essay Research Paper fungus characterized by
Mushrooms Essay, Research Paper fungus characterized by spore-bearing gills on the underside of an umbrella- or cone-shaped cap. The term mushroom is properly restricted to the plant’s above-ground portion, which is the reproductive organ. Once a delicacy for the elite, edible mushrooms are now grown commercially, especially strains of the meadow mushroom (Agaricus campestris).
Tidy Html Editor Essay Research Paper When
Tidy: Html Editor Essay, Research Paper When editing HTML it’s easy to make mistakes. Wouldn’t it be nice if there was a simple way to fix these mistakes automatically and tidy up sloppy editing into nicely layed out markup? Well now there is! Dave Raggett’s HTML TIDY is a free utility for doing just that. It also works great on the atrociously hard to read markup generated by specialized HTML editors and conversion tools, and can help you identify where you need to pay further attention on making your pages more accessible to people with disabilities.
Basic Html Essay Research Paper There are
Basic Html Essay, Research Paper There are six basic steps you must follow in order to create a web page in HTML. For those who don t know what it HTML is, it is the coding language that is used to create, develop, and maintain these WebPages such as Yahoo, MSN, Altavista, etc. Although there are other complex languages such as XML and DHTML, they are derived from the basics of HTML.
Making A Web Page Essay Research Paper
Making a Web Page For my science project I chose to create a web (internet) page, dealing with science. This project consists of using a computer and a html editor to create a page that can be found on the internet. The next paragraph will explain how to make an internet page. The steps to making a web page to post on the internet, is very easy.
How To Do Frames On Web Sites
Essay, Research Paper How To Do Frames On Web Sites Dividing a web page into frames is quite simple. Frames organize web pages by dividing them into rows or columns. The
Приєднання гіперпосилань до об єкту Опис дій для приєднання гіперпосилань до об єкту
: Навчитися приєднувати гіперпосилання до об’єкту. Хід роботи: Гіперпосиланням називають виділений фрагмент, у разі натискування на який здійснюється переміщення до потрібного місця документа (зазвичай, для отримання детальнішої інформації). У Web – сторінках гіперпосилання є поширеною функцією, це пов’язано, перш за все, з можливістю шукання потрібної інформації.