Внимание! Кавычки вводить только на английской раскладке клавиатуры!

<TABLE BORDER=1 WIDTH=”100%” HEIGHT=100>

<TR>начало кода строки

<TD>начало кода ячейки

Заголовок сайта

</TD>конец кода ячейки

</TR>конец кода строки

</TABLE>

4.Выполните действия, заключенные в рамку.

После внесения изменений в Блокноте выполняйте следующие действия:

· сохраните изменения в папке сайта (меню Файл, команда Сохранить как);

· сверните окно Блокнота на панель задач;

· в окне программы Internet Explorer щелкните мышью на кнопке Обновить;

· разверните окно Блокнота на весь экран, щелкнув мышью на соответствующей кнопке панели задач.

5.Вторая таблица состоит из двух столбцов и такого количества строк, сколько гиперссылок вы планируете создать на своей главной странице сайта (в нашем случае, из трех строк). Следует ввести HTML-код, который бы осуществил:

· ширину первого столбца — 30 % от ширины таблицы;

· высоту строки 40 пикселей;

· объединил 3 ячейки второго столбца (атрибут ROWSPAN).

Наберите структуру второй таблицы после первой таблицы (между тэгами </TABLE>и</BODY>.

<TABLE BORDER=1 WIDTH=”100%”>начало таблицы

<TR> начало кодапервой строки

<TD WIDTH=”30%” HEIGHT=40 >начало первой ячейки

Ссылка 1

</TD>конец кода первой ячейки

<TD ROWSPAN=3>начало кода второй ячейки

Информация о сайте

</TD>конец кода второй ячейки

</TR>конец кода первой строки

<TR> начало кодавторой строки

<TD HEIGHT=40 >начало первой ячейки

Ссылка 2

</TD>конец кода первой ячейки

</TR>конец кода второй строки

<TR> начало кодатретьей строки

<TD HEIGHT=40 >начало первой ячейки

Ссылка 3

</TD>конец кода первой ячейки

</TR>конец кода третьей строки

</TABLE>конец таблицы

6.Сохранить изменения и просмотреть страницу в Internet Explorer. Для этого повторить действия, описанные в пункте 4.

7.Добавьте HTML-код третьей таблицы между последним тэгом </TABLE> и тэгом </BODY>.

<TABLE BORDER=1 WIDTH=”100%” HEIGHT=100>

<TR>

<TD>

Сведения о разработчиках сайта

</TD>

</TR>

</TABLE>

8.Сохраните изменения в файле index.htm и просмотрите страницу в Internet Explorer .

Задание 4

Создайте на главной странице сайта панель навигации, содержащую гиперссылки на все страницы сайта. Гиперссылка в общем виде создается с помощью тэга <A> </A>. В общем виде: <A HREF=”адрес, куда перейти”> объект ссылки (текст, рисунок и т.д.)</A>. Гиперссылки в нашем случае будут располагаться во второй таблице в первой ячейке. Создайте на титульной странице сайта гиперссылку на электронный адрес владельца сайта. Сведения о разработчиках сайта содержатся в третьей таблице.

1.Открыть документ из именной папки документ index.htm.

2.Перейдите в Блокнот из программы Internet Explorer. Для этого выберите меню Вид→Просмотр HTML-кода.

3.Для создания гиперссылки на страницу 1.htm внесите следующие изменения в код первой ячейки второй таблицы:

<TD WIDTH=”30%” HEIGHT=40 >

<A HREF=”1.htm”> Ссылка 1 </A>

</TD>

4.Аналогично создайте гиперссылки на страницы 2.htm, 3.htm:

<TD HEIGHT=40 ><A HREF=”2.htm”>Ссылка 2</A>

</TD>

<TD HEIGHT=40 ><A HREF=”3.htm”>Ссылка 3</A>

</TD>

5.Сохраните изменения в файле index.htm и просмотрите страницу в Internet Explorer.

6.Добавьте в третью таблицу код, осуществляющий гиперссылку на электронный адрес владельца сайта. В качестве электронного адреса выберем свой адрес

<TABLE BORDER=1 WIDTH=”100%” HEIGHT=100>

<TR>

<TD>

<A HREF=”Mailto: свой адрес”> Написать письмо</A>

</TD>

</TR>

</TABLE>

7.Сохраните изменения в файле index.htm и просмотрите страницу в Internet Explorer.

контрольные вопросы

  1. Что такое сайт.
  2. Цели создания сайта.
  3. Разработка технического задания.
  4. Регистрация домена.
  5. Разработка сайта - важнейший этап создания сайта.
  6. Размещение сайта на хостинге.

Преподаватель: Иванова Н. Н.

Наши рекомендации