Теоретические сведения
Создание графики средствами 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, выбрать команду Картинки. Появится область задач Коллекция клипов. Чтобы вставить рисунок из графического файла, выбрать команду Из файла. Появится диалоговое окно Добавление рисунка.
· Выделить рисунок, который необходимо вставить, и нажать кнопку Вставка или просто щелкнуть на понравившемся рисунке