На сайт Информатика в школе     •    К оглавлению учебника


Разметка Web-страницы с использованием таблицы

Разметку Web-странцы удобно производить с использованием таблицы. Возможны различные варианты разметки. Рассмотрим некоторые из них.


1 вариант

Разметка страницы производится с использованием таблицы шириной на весь экран, независимо от того, каково разрешение экрана (width=100%). В данном случае удобно создать таблицу, состоящую из двух строк и двух столбцов. Верхняя строка будет отведена под заголовок странички, левый столбец будет отведен под меню Web-сайта.

Посмотреть


2 вариант

Разметка страницы производится с использованием таблицы шириной 760 пикселей, выравненной по центру экрана. В данном случае удобно создать таблицу, состоящую из трех строк и одного столбца. Верхняя строка будет отведена под заголовок странички, вторая строка будет отведена под меню Web-сайта, а третья строка отведена непосредственно под содержание сайта.

Посмотреть


Если необходимо разместить внутри текста странички какие-либо иллюстрации, фотографии и пр., то в этом случае также используются таблицы. В приведенном ниже примере во вторую ячейку второй строки вставлена таблица, состоящая из из двух строк и трех столбцов. В первую и в третью ячейки первой строки вставлены рисунки, а во вторую ячейку первой строки - название страницы.

Во все ячейки второй строки введен текст странички.

Посмотреть


Задание

Создайте Web-сайт, состоящий из пяти страничек. Разметку страниц производить при помощи таблицы (можете выбрать любой из предложенных вариантов или придумать свой).

- на каждой страничке должны быть ссылки на другие страницы вашего сайта.

- на каждой страничке должны быть размещены иллюстрации.

- материалы для сайта необходимо найти в Интернете на любую из предложенных тем:

1. Петербург - северная столица.

2. Рассказ о любимом виде спорта.

3. Рассказ об институте, в который вы собираетесь поступать.

4. Рассказ о любимой музыкальной группе.

5. Рассказ о зимних олимпийских играх.

6. Если у вас есть готовая тема, обсудите ее с преподавателем.

Hosted by uCoz