Просмотреть все документы в окне браузера.
Методика выполнения работы
Для оформления своей домашней страницы (Рабочая папка/Mysite) выполните следующие действия:
Загрузите CorelDraw.
Просмотрите стандартный набор текстур, представленных в CorelDraw и выберете наиболее понравившуюся Вам для заполнения страницы. Подготовьте файл, заполненный однородной текстурой. Сохраните этот файл в папке Рабочая папка/Mysite/Images с именем backgrawnd.gif. Туда же поместите фотографии, которые Вы хотели бы разместить на странице, назвав файл mypicture.jpg.
Откройте файл index.html для редактирования и дополните тег <BODY> атрибутом background=”Images\ backgrawnd.gif”.
После тегов, определяющих стиль заголовков (<H1 ALIGN=”CENTER”> Добро пожаловать на мою домашнюю страничку!<H1>) добавьте строку кода:
<IMG SRC=”C:\ Рабочая папка\Mysite\Images\ mypicture.jpg”
ALIGN=”LEFT”WIDTH=”150”HEIGHT=”223”HSPASE=”5”A
LT=”Это моя биография”>.
Сохраните внесенные изменения в документе и откройте страничку в броузере.
В текстовом редакторе Блокнот самостоятельно внесите текст с рассказом о своих увлечениях в документ (Рабочая папка\Mysite\Hobby\index.html), оформите его по своему усмотрению.
задание №3 выполните самостоятельно.
При разработке веб-документа для агрофирмы «Пурсей» воспользуйтесь следующими рекомендациями:
Для опредения цвета фона документа светло-серый (silver) использовать параметр BGCOLOR: <BODY: BGCOLOR= silver>.
для оформления заголовков использовать следующие теги: первого уровня: <H1 ALLIGN=center><FONT COLOR=purple> Агрофирма «Пурсей» </FONT><H1>; второго уровня: <H2> <FONT COLOR= fuchsia> <MARQUEE> выгодное предложение </MARQUEE></FONT><H2>.
Разместить логотип фирмы: <IMAGE SRC=logo.jpg BORDER=3 ALT= «Эмблема»>.
Для создания абзацев использовать тег: <P>, для разрыва строки - <BR>.
При создании абзаца с адресом фирмы и телефоном использовать теги: <ALLIGN = RIGHT><I> АДРЕС, ТЕЛЕФОН </I>.
Для вставки горизонтальной разделительной линии зеленого цвета: <HR COLOR = green>.
Создать маркированный список постоянных клиентов фирмы:
Сохранить созданный документ в файле с именем Фирма.html в папке Пурсей.
Просмотреть документ в окне браузера.
Создать веб-документ, содержащий данные о ценах реализации продукции агрофирмы «Пурсей», сохранить его в файле с именем Цены.html в папке Пурсей.
Указать название документа: «Цены на продукцию».
Определить цвет фона создаваемого документа (по своему усмотрению).
Создать таблицу, содержащую данные о розничных ценах реализации овощей: столбцы – Вид продукции, Ед.изм., Цена, руб/ед, строки – Томаты, Огурцы, Перец, Баклажаны и т.д. Таблицу разместить по центру страницы, обрамить линиями толщиной 2 пиксела. Задать заголовок таблицы: Розничные цены реализации овощей.
Создать веб-документ, в котором объединить два созданных ранее веб-документа в горизонтальные фреймы. Для каждого фрейма предусмотреть линейки прокрутки. Сохранить его в файле с именем Реализация.html в папке Пурсей.
Превратить текстовый файл в полноценный документ HTML:
<! DOCTYPE HTML PUBLIC “ - //W3C//DTD HTML 3.2//EN”>
<HTML>
<TITLE> Моя домашняя страничка </TITLE>
</HEAD>
BG COLOR=”#FFFFFF” TEXT=”#000000”
LINK=”#000FF” VLINK=”#800080” ALINK=”#FF0000”>
<H1 ALIGN=”CENTER”> Добро пожаловать на мою домашнюю страничку!<H1>
<BR>
<P ALIGN=”JUSTIFY”>
 : :nbsp: Спасибо Вам, уважаемый посетитель, за то, что вы нашли время и возможность заглянуть на мою страничку во Всемирной сети. Здесь Вашему вниманию предложена информация о
<A HREE-“/HOBBY/index.html” TITLE=”Рассказ о моем хобби, в частности о коллекционировании марок»> моих увлечениях </A> моей биографии, моих друзьях, работе и семье. В отдельной рубрике я предлагаю Вашему вниманию несколько собственных фотографий. Надеюсь, они Вам понравятся.
</P>
<BR>
<P ALIGN=”JUSTIFY”>
 : :nbsp: К сожалению, в настоящий момент моя домашняя страничка находится в стадии разработки, поэтому еще
<STRONG> далеко не все разделы доступны для просмотра. Я искренне надеюсь, что этот ресурс, будет постоянно обновляться и в ближайшем будущем многие из перечисленных рубрик займут свое законное место. Например, в течение ближайшей недели здесь будет опубликовано:
</P>
<UL TYPE=”SQUARE”>
<L1> Моя биография </L1>
<L1> Рассказ о моей семье </L1>
<L1> Несколько фотографий </L1>
</UL>
<P ALIGN=”CENTER”>
Заходите на мою страничку почаще!
С уважением,
<EM>< STRONG> N N»! </STRONG></EM>
</P>
<BR>
<P ALIGN=”CENTER”> Автор страницы N N.2009
e-mail: <A HREE=”mailto:nn@server.ru&subject=отзывы посетителей”>
nn@server.ru </A>
</P>
</BODY>
</HTML>
Самостоятельно создайте личную веб-страницу с помощью Мастера веб-страниц MS Word.
Отчет о выполнении работы должен содержать:
Последовательность создания сайтов и результаты, полученные в окне браузера.
Контрольные вопросы:
Перечислите основные способы создания веб-документов.
Назовите преимущества и недостатки каждого из способов.
Что такое теги?
Перечислите основные структурные теги HTML-документа.
Как вставить в документ горизонтальную линию?
Как создать бегущую строку?
Как создать новый HTML-документ с помощью MS Word?
Какие элементы форматирования не сохраняются при преобразовании документа Word в формат HTML?
Как разместить гиперссылку в HTML-документе?