Методика выполнения работы. 1. Для оформления своей домашней страницы (Рабочая папка/Mysite) выполните следующие действия

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:&nbsp:nbsp: Спасибо Вам, уважаемый посетитель, за то, что вы нашли время и возможность заглянуть на мою страничку во Всемирной сети. Здесь Вашему вниманию предложена информация о

<A HREE-“/HOBBY/index.html” TITLE=”Рассказ о моем хобби, в частности о коллекционировании марок»> моих увлечениях </A> моей биографии, моих друзьях, работе и семье. В отдельной рубрике я предлагаю Вашему вниманию несколько собственных фотографий. Надеюсь, они Вам понравятся.

</P>

<BR>

<P ALIGN=”JUSTIFY”>

&nbsp:&nbsp: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-документе?


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: