1. Для оформления своей домашней страницы (Рабочая папка/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=”Это моя биография”>.
· Сохраните внесенные изменения в документе и откройте страничку в броузере.
2. В текстовом редакторе Блокнот самостоятельно внесите текст с рассказом о своих увлечениях в документ (Рабочая папка\Mysite\Hobby\index.html), оформите его по своему усмотрению.
|
|
3. задание №3 выполните самостоятельно.
4. При разработке веб-документа для агрофирмы «Пурсей» воспользуйтесь следующими рекомендациями:
· Для опредения цвета фона документа светло-серый (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>.
· Создать маркированный список постоянных клиентов фирмы:
5. Сохранить созданный документ в файле с именем Фирма.html в папке Пурсей.
6. Просмотреть документ в окне браузера.
7. Создать веб-документ, содержащий данные о ценах реализации продукции агрофирмы «Пурсей», сохранить его в файле с именем Цены.html в папке Пурсей.
8. Указать название документа: «Цены на продукцию».
9. Определить цвет фона создаваемого документа (по своему усмотрению).
10. Создать таблицу, содержащую данные о розничных ценах реализации овощей: столбцы – Вид продукции, Ед.изм., Цена, руб/ед, строки – Томаты, Огурцы, Перец, Баклажаны и т.д. Таблицу разместить по центру страницы, обрамить линиями толщиной 2 пиксела. Задать заголовок таблицы: Розничные цены реализации овощей.
|
|
11. Создать веб-документ, в котором объединить два созданных ранее веб-документа в горизонтальные фреймы. Для каждого фрейма предусмотреть линейки прокрутки. Сохранить его в файле с именем Реализация.html в папке Пурсей.
12. Превратить текстовый файл в полноценный документ 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>
13. Самостоятельно создайте личную веб-страницу с помощью Мастера веб-страниц MS Word.
Отчет о выполнении работы должен содержать:
Последовательность создания сайтов и результаты, полученные в окне браузера.
Контрольные вопросы:
1. Перечислите основные способы создания веб-документов.
2. Назовите преимущества и недостатки каждого из способов.
3. Что такое теги?
4. Перечислите основные структурные теги HTML-документа.
5. Как вставить в документ горизонтальную линию?
6. Как создать бегущую строку?
7. Как создать новый HTML-документ с помощью MS Word?
8. Какие элементы форматирования не сохраняются при преобразовании документа Word в формат HTML?
9. Как разместить гиперссылку в HTML-документе?