2015-05-27
282
Теоретические сведения
Создание графики средствами HTML
Создавать рисунки можно разными способами, используя любые графические пакеты и форматы файлов. В конечном итоге потребуется преобразовать результаты своей работы в один из стандартных для Интернета форматов GIF, JPG или PNG. Для этого надо открыть рисунок в графическом редакторе и выполнить команду Сохранить как, выбрав один из указанных форматов.
1. Базовые дескрипторы
| Тип документа | <HTML>…</HTML> | (начало и конец файла) | |||
| Имя документа | <TITLE>…</TITLE> | (в заголовке) | |||
| Шапка документа | <HEAD>…</HEAD> | (описание документа) | |||
| Тело документа | <BODY>…</BODY> | (содержимое страницы) | |||
| Сценарий | <SCRIPT>…</ SCRIPT > | (времени и теста) | |||
| 2. Для определения структуры документа | |||||
| Заголовок | <Hn>…</Hn> | (n – значение от 1 до 6) | |||
| Заголовок по центру | <Hn ALIGN=CENTER>…</Hn> | ||||
| 3. Для внешнего вида документа | |||||
| Полужирный шрифт | <B>…</B> | ||||
| Курсив | <I>…</I> | ||||
| Подчеркнутый текст | <U>…</U> | ||||
| Отступ | <DD> | ||||
| Центрированный | <CENTER>…</CENTER> | для текста и для графики | |||
| Размер шрифта | <FONT SIZE=«+0»>…</FONT> | + больше, - меньше | |||
| Цвет шрифта | <FONT COLOR=#009900>…</> | 009900 – код цвета | |||
| Выбор шрифта | <FONT FACE=«Georgia»>…</> | Georgia – наз. шрифта | |||
| 4. Описание ссылок | |||||
| Ссылка другое окно | <A HREF=«Главная.html»>...</> | ||||
| Графика | <IMG SRC=«ff.gif»> | ff.gif – код картинки | |||
| Размеры | <IMG SRC=«ff.gif» WIDTH=30% HEIGHT=98%> | ||||
| 5. Для разделителей | |||||
| Сплошная линия <hr align="right" width=60%" hr size="4" font color="ff3399"> | |||||
| Новый абзац <P>…</P> | |||||
| Новая строка <BR> | |||||
| 6. Для создания списков | |||||
| Маркированный список <UL><LI>…</UL> | |||||
| Нумерованный список <OL><LI>…</OL> | |||||
| 7. Для описания фона и цвета | |||||
| Фоновая картинка | <BODY BACKGROUND= «fon_2. jpg»> | ||||
| Цвет фона | < BODY BGCOLOR= «#fffCCC»> | ||||
| Цвет текста | <BODY TEXT== «#000000»> | ||||
| Цвет ссылки | <BODY LINK= «#993399»> | ||||
| Активная ссылка | <BODY ALINK= «#339999»> | ||||
| 8. Для описания таблиц | |||||
| Определить таблицу | <TABLE>….</TABLE> | ||||
| Ячейка таблицы | <TD>…</TD> | ||||
| Растягивание колонки | <TD COLSPAN=2> | ||||
| Растягивание строки | <TD ROWSPAN=4> | ||||
| Цвет ячейки | <TD BGCOLOR= «#ff99CC»> | ||||
| 9. Для описания фреймов | |||||
| Документ с фреймами | <FRAMESET>…</FRAMESET> | ||||
| Высота строк | <FRAMESET ROWS=15%>…</FRAMESET> | ||||
| Ширина колонок | <FRAMESET COLS=20%>…</FRAMESET> | ||||
| Документ | <FRAME SRC= «MENU»> | ||||
| Имя фрейма | <FRAME NAME= "Введение" src="Frameset/Ved.html"> | ||||
| Указание прокрутки | <FRAME SCROLLING="AUTO" / "NO"> | ||||
Использование Microsoft Word для оформления вев-документов
Вставка и редактирование элементов вев-страниц применяется для ее оформления. Вставить специальный элемент можно с помощью панели инструментов Веб-компоненты.
Фон вев-страницы. Изменить фон можно выбрав команду Формат ® Фон, выделить нужный цвет. Также можно воспользоваться дополнительными цветами – Другие цвета, вкладки Обычные и Спектр. Можно добавить фоновый рисунок или узор: нажать кнопку Способы заливки, выбрать фоновый узор, тип градиентной заливки или текстурный рисунок, нажать ОК.
Бегущая строка представляет собой текст, перемещающийся по странице. Чтобы добавить бегущую строку на веб-страницу:
· Установить точку вставки на пустой строке веб-страницы;
· Нажать кнопку Бегущая строка панели инструментов Веб-компоненты.
· Заполнить поле Введите текст бегущей строки;
· Настроить скорость, цвет фона, параметры движения и количества повторений бегущей строки;
· Нажать кнопку ОК.
Горизонтальные линии используются на веб-страницах для разделения текста на части. Это позволяет включить в одну веб-страницу как бы несколько разделов структурированного материала. Чтобы добавить на веб-страницу горизонтальную линию:
· Установить точку вставки в то место, где предполагается разместить горизонтальную линию;
· выбрать команду Вставка ® Рисунок ® Картинки;
· в панели Коллекция клипов выделить элемент Разделители из коллекции MS Office в списке Просматривать, а также элемент Картинки в списке Искать объекты и нажать кнопку Начать.
· Щелкнуть на понравившемся разделителе, в документе появится горизонтальная линия.
Вставка рисунков. Чтобы ускорить процедуру загрузки веб-страницы, содержащей рисунки, нужно придерживаться правил: не использовать очень большие рисунки; использовать рисунки, сохраненные в формате GIF или JPEG.
Чтобы добавить рисунок на веб-страницу:
· Установите точку вставки в то место веб-страницы, куда необходимо вставить рисунок.
· Выбрать команду Вставка ® Рисунок. Чтобы вставить рисунок из галереи Microsoft ClipArt, выбрать команду Картинки. Появится область задач Коллекция клипов. Чтобы вставить рисунок из графического файла, выбрать команду Из файла. Появится диалоговое окно Добавление рисунка.
· Выделить рисунок, который необходимо вставить, и нажать кнопку Вставка или просто щелкнуть на понравившемся рисунке
