Окончание текста.
3.3. Под руководством преподавателя выполнить разметку текста в соответствии с Приложением 8.1, используя тэги языка HTML (табл. 8.1).
!!! В процессе работы необходимо сохранять размеченный документ в созданной папке.
3.4. Выполнить цветовое оформление документа.
1. Цвет фона листа - BGCOLOR = "#00FFFF".
2. Выбрать в качестве фона листа рисунок вспомогательного файла, используя атрибут background = "Название рисунка .тип" внутри тега <BODY>.
2. Цвет шрифта содержания страницы COLOR = "# ff88FF".
3. Цвет выделенных слов в абзаце COLOR = "# FF0000".
4. Вставка объектов
4.1. Создать гиперссылки для перехода от строки содержания к соответствующему абзацу текста (см. табл. 8.1), например:
<a href="#Личные"> ЛИЧНЫЕ СТРАНИЦЫ </a> ,
где при нажатии на текст ЛИЧНЫЕ СТРАНИЦЫ (он расположен между двух разделительных линий) осуществляется вызов закладки #Личные.
Эта ссылка создаётся в пределах текущей страницы, для фразы, на которую следует создать Закладку. В данном случае закладка будет иметь вид:
<a name="#Личные"> ЛИЧНЫЕ СТРАНИЦЫ </a>,
где ЛИЧНЫЕ СТРАНИЦЫ – это начало третьего абзаца основного текста (см. Приложение 8.1).
В конце страницы ввести слово ПЕРЕХОД, назначив его гиперссылкой по адресу http://prims/:
<p> <a href=”http://prims/”> ПЕРЕХОД </a></p>.
Проверить работоспособность гиперссылок.
4.2. В конце страницы создать таблицу, состоящую из трех строк и трех столбцов, используя теги:
<table border="1" width="532" height="113" align=center><caption align=
= right><b>Таблица 1</b></caption>
<tr> <td>№</td><td>Цвет</td><td>Код</td></tr>
<tr><td>1 </td><td> Синий </td><td>0000BB</td></tr>
<tr><td>2 </td><td> Красный </td><td>FF0000</td></tr>
<tr><td>3 </td><td> Зеленый </td><td>00GG00</td></tr>
</table>
Откорректировать размеры и цвет ячеек и линий, используя операторы типа:
<table border="33" width="532" height="113" bgcolor="#000000">. . .</table>
<td width="151" height="35">. . .</td>
4.3. Вставить два рисунка из вспомогательных файлов, используя следующий синтаксис:
<img border="0 или 1" src="адрес рисунка" width="значение высоты" height="значение ширины" size=”top”>.
Примерный синтаксис адреса:
C:/Мои документы/Web (Фамилия студента)/Фото.bmp/. Если рисунок находится в той же папке, что и данный файл *.htm, то достаточно указать имя и тип файла, например Фото.bmp.
Приложение 8.1 основные понятия www
WWW (Word Wide Web) относится к службе Internet. Это механизм, который применяет гипертекстовые связи для соединения страниц и ресурсов, составляющих основу web - приложения. Web приложение рассматривают на двух уровнях: уровне сайта как целого и уровне web - страницы.
САЙТ ТИПЫ САЙТОВ ЛИЧНЫЕ СТРАНИЦЫ НЕКОММЕРЧЕСКИЕ САЙТЫ КОРПОРАТИВНЫЙ САЙТ КОНТЕНТ САЙТЫ ТОПОЛОГИЯ САЙТА WEB - СЕРВЕР WEB -БРОУЗЕР HTML
САЙТ (Site) - это набор из нескольких десятков, сотен или даже тысяч web - страниц (HTML или XML - документов), связанных единой темой, общим оформлением, взаимными гипертекстовыми ссылками. Обычно сайты располагаются в пределах одного домена, хотя отдельные части сайта могут располагаться на нескольких узловых компьютерах, обслуживаться несколькими серверами. Сайт - это информационная единица в отличие от сервера WWW (программа) или от узла сети интернет (компьютер). Принципиальным отличием сайта от других носителей информации является его нелинейность. Это значит, что набор из нескольких страниц, благодаря гипертекстовым ссылкам, не складывается в простую линейную последовательность.
ТИПЫ САЙТОВ. Обычно сайты классифицируют по принадлежности владельца, потому что такая классификация хорошо отражает стиль и качество дизайна приложения. Принято выделять четыре типа сайтов: личные страницы, некоммерческие сайты, корпоративные сайты, контент сайты.
ЛИЧНЫЕ СТРАНИЦЫ (home page) - это самая массовая и непритязательная категория web - сайтов. По традиции их называют страницами, хотя многие из них представляют собой полноразмерные сайты. Большинство из них никакого интереса не представляют.
НЕКОММЕРЧЕСКИЕ САЙТЫ - это не столь многочисленная, но более интересная разновидность приложений. Это страницы учебных заведений, университетов, научных центров, объединений, международных или благотворительных организаций.
КОРПОРАТИВНЫЙ САЙТ имеет своей главной целью создать у посетителя образ фирмы, запоминающийся и привлекательный. Разумеется, без хорошего дизайна здесь не обойтись. Большинство корпоративных сайтов содержит информацию не только о самой фирме, но и о её продуктах - то есть информацию, которая должна обновляться сравнительно часто и которая иногда нужнее чем самой фирме.
КОНТЕНТ САЙТЫ - самая влиятельная и заметная разновидность интернетовских приложений. К этой категории относятся поисковые системы, сайты новостей, колонки обозревателей, развлекательные и образовательные ресурсы и вообще всё, что может представлять интерес для обширной группы читателей. Особенно вычурный дизайн контентным сайтам не нужен. Рассчитанные на многократные регулярные визиты, такие сайты стремятся свести оформительские элементы к минимуму, чтобы читатели не тратили время на перекачивание графики и чтобы ничто не отвлекало их от того, ради чего они пришли на сайт.
ТОПОЛОГИЯ САЙТА. Магистральные связи между страницами сайта всегда складываются в некоторую структуру, отражающую внутренние связи содержания сайта. Принято выделять два основных типа структур: древовидные (иерархические), линейные. Древовидное строение сайта предполагает, что содержимое каждой страницы (кроме первой) входит на правах подраздела в страницу более высокого уровня. Такая структура имеет начало - первая страница, корень дерева и его ветви, но не имеет конца. Вы можете спускаться и подниматься с уровня на уровень и перемещаться по горизонтали пока не исчерпаете всё содержимое. Древовидная структура лучше всего подходит для коллекций достаточно разнообразного или сложного материала - каталогов, сборников, статей или ссылок. Но если материал выстраивается в логическую цепочку - как, к примеру, главы одной книги или последовательные шаги оформления заказа в электронном магазине, целесообразно воспользоваться линейной структурой. Линейная цепочка должна иметь начало и конец. Причём, если войти в эту цепочку не сначала, будет трудно поймать нить изложения.
WEB - СЕРВЕР - это программа, работающая на удалённом компьютере, которая предоставляет в ответ на запросы пользователя ту или иную информацию.
WEB -БРОУЗЕР - это программа, с помощью которой пользователь запрашивает у web - сервера информацию и просматривает её. Примером такой программы является Microsoft Internet Explorer.
Информация на страницах сайта описывается с помощью специального языка HTML (Hyper Text Markup Language), который помимо текста содержит специальные описатели или тэги, используемые для разметки страницы, управления шрифтом, цветом, внедрения в текст графических и других объектов. Документы HTML - могут быть созданы с помощью любого текстового редактора или специализированного HTML - редактора - конвертора. Следует отметить, что все приложения Microsoft Office оснащены такого рода инструментарием, а точнее имеют конверторы для преобразования документов в формат HTML. В данных практических заданиях используется Microsoft FrontPage - довольно мощная программа, которая может быть использована для создания сайтов любого типа.
ПЕРЕХОД
Таблица 1 |
||
№ |
Цвет |
Код |
1 |
Синий |
0000BB |
2 |
Красный |
FF0000 |
3 |
Зеленый |
00GG00 |
Практическое занятие №9 (4 часа)
ПРИКЛАДНЫЕ ПРОГРАММНЫЕ СРЕДСТВА MS OFFICE
ДЛЯ РАЗРАБОТКИ WEB - САЙТОВ (WEB-УЗЛОВ)
Вопросы занятия: 1. Создание WEB-страниц средствами MS Word.
2. Создание WEB-страниц средствами MS Excel.
3. Создание WEB-страниц средствами FrontPage.
4. Создание WEB-узлов средствами FrontPage.
СОДЕРЖАНИЕ ЗАНЯТИЯ
1. Создание WEB-страниц с помощью MS Word
Создать в папке Мои документы рабочую папку Web2(Фамилия студента). Скопировать вспомогательные файлы из папки, указанной преподавателем в созданную папку.
Открыть MS Word. Создать документ под названием Продукция.
Ввести заголовок Продукция ООО «Студрасчет».
Ввести описание продукции:
Системный блок Р-IV, тактовая частота 1000 МГц, HDD 60 Гбайт, FDD, CD-50. (Вставить рисунок).
Монитор 17’’ Samtron 55E .(Вставить рисунок).
Клавиатура Chicony .(Вставить рисунок).
Для оформления страницы использовать объекты, расположенные во вспомогательных файлах, указанных преподавателем. Сохранить готовый документ как Web-страницу под названием Продукция в созданную папку. Просмотреть ее в WS Internet Explorer. Примерный вид страницы показан в Приложении 9.1. Познакомиться с кодом Web-страницы, сделать вывод.