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

<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. Размещение сайта на хостинге.

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