Позиционирование объектов с помощью таблиц

т       

Сайт создан по технологии «Конструктор сайтов e-Publish»

 

Позиционирование объектов с помощью таблиц

Покажем как еще можно располагать объекты на странице. Самый распространенный метод позиционирования объектов на странице – позиционирование с помощью таблиц.

Добавим таблицу, поставим курсор в начало рабочего поля и щелкнем по кнопке «Таблица».

Покажем как еще можно располагать объекты на странице. Самый распространенный метод позиционирования объектов на странице – позиционирование с помощью таблиц.

Добавим таблицу, поставим курсор в начало рабочего поля и щелкнем по кнопке «Таблица».

 

Появится окно «Свойства таблицы».

Появится окно «Свойства таблицы».

 

Выставим количество столбцов равным 2 и количество строк 1 

 

Выставим количество столбцов равным 2 и количество строк 1 

 

 

Выставим высоту и ширину таблицы. Ширина и высота могут быть фиксированными и не фиксированными. Фиксированная таблица – это таблица с жестко заданными размерами. Не фиксированная таблица – это таблица, размеры которой определяет помещенный в нее объект(картинка, Flash – анимация, текст, другая таблица).

Сделаем нашу таблицу не фиксированной высоты и ширины.

Выставим высоту и ширину таблицы. Ширина и высота могут быть фиксированными и не фиксированными. Фиксированная таблица – это таблица с жестко заданными размерами. Не фиксированная таблица – это таблица, размеры которой определяет помещенный в нее объект(картинка, Flash – анимация, текст, другая таблица).

Сделаем нашу таблицу не фиксированной высоты и ширины.

 

Так же как и в свойствах изображения если указана толщина бордюра, можно выбрать ее цвет, но сделаем толщину бордюра равной 0.

Так же как и в свойствах изображения если указана толщина бордюра, можно выбрать ее цвет, но сделаем толщину бордюра равной 0.

 

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

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

 

Если снять галочку напротив надписи «Прозрачный», станет активной кнопка «Сменить цвет» и можно будет выбрать цвет фона под таблицей.

Если снять галочку напротив надписи «Прозрачный», станет активной кнопка «Сменить цвет» и можно будет выбрать цвет фона под таблицей.

 

Но, оставим фоны как есть. И щелкнем на «ОК».

Но, оставим фоны как есть. И щелкнем на «ОК».

 

Наша таблица вставилась на страницу.

Табличка такая маленькая, потому что она не фиксированных размеров и в нее еще не помещено никаких объектов.

 

 

Наша таблица вставилась на страницу.

Табличка такая маленькая, потому что она не фиксированных размеров и в нее еще не помещено никаких объектов.

 

 

 

Перетащим наше изображение в первый столбец таблицы. Для этого щелкнем по нему и, не отпуская левую клавишу мышки, переместим, так, чтобы курсор замигал в первом столбце.

Перетащим наше изображение в первый столбец таблицы. Для этого щелкнем по нему и, не отпуская левую клавишу мышки, переместим, так, чтобы курсор замигал в первом столбце.

 

Отпустим левую клавишу мышки. Картинка переместилась.

 

 

Отпустим левую клавишу мышки. Картинка переместилась.

 

 

 

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

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

 

Отпустим левую клавишу мыши. Текст вставился во второй столбец. Снимем выделение, щелкнув мышкой в любом месте рабочего поля.

Для удобства работы в режиме редактирования таблица отображается на странице пунктиром, после конвертации в HTML рамка таблицы исчезнет (т. к. бордюр таблицы равен 0).

 

Отпустим левую клавишу мыши. Текст вставился во второй столбец. Снимем выделение, щелкнув мышкой в любом месте рабочего поля.

Для удобства работы в режиме редактирования таблица отображается на странице пунктиром, после конвертации в HTML рамка таблицы исчезнет (т. к. бордюр таблицы равен 0).