Жаратылыстану жəне математика факультеті Информатика кафедрасы

Варианты  использования  таблиц  очень  разнообразны.  Достаточно  часто 

таблицы применяют для форматирования страниц сайта. 

Рассмотрим основные поля панели свойств таблицы. 

Таблица выделена целиком 

 

• 

W – ширина таблицы 

• 

H – высота таблицы 

• 

Clear  Row  Heights  –  кнопка  сброса  значений  вертикальных  размеров 

строк 

• 

Clear  Columns  Widths  -  кнопка  сброса  значений  горизонтальных 

размеров строк 

• 

Convert Table Widths to Pixels – перевод относительных горизонтальных 

размеров  ( в процента) в абсолютные (в пикселах) 

• 

Convert Table Widths to Percent – обратная процедура 

• 

CellPad – размер полей ячейки 

• 

CellSpace – расстояние между ячейками 

• 

Align – выравнивание таблицы 

• 

Border – вид рамки таблицы и ячеек 

• 

Bg Color – цвет фона 

• 

Brdr Color – цвет рамки таблицы и ячеек 

• 

Bg Image – фоновый рисунок всей таблицы 

В таблице выделено несколько ячеек 

 

• 

No Wrap – флажок выключает перенос слов на другую строку 

• 

Header  –  выделенные  ячейки  оформляются  как  заголовок  (полужирное 

выделение и выравнивание по центру) 

• 

Bg – фоновый рисунок (с желтой папочкой) 

• 

Bg – фоновый цвет 

• 

Объединить  –  объединяет  выделенные 

ячейки 

• 

Разбить  –  разбивает  выделенные 

ячейки  (Разбивая  и  объединяя  ячейки  можно 

создавать таблицы разных форм). 

    Если  применять  таблицы  для  форматирования  страницы  сайта,  то  лучше 

использовать  прозрачные  рамки.  Продумав  заранее  структуру,  можно,  например, 

получить такое разбиение страницы: 

 

4.Гиперссылки 

Мы  уже  использовали  гиперссылки  при  создании  панели  навигации. 

Dreamweaver  позволяет  создавать  ссылки  с  любого  объекта  (текста,  изображения)  на 

внутренние  страницы  сайта,  страницы  в  Интернет,  любые  документы,  на  адреса 

электронной почты, на конкретные места в документе. 

 

Ссылки на другие страницы 

•  Выберите  текст,  изображение  или  объект,  используемые  в  качестве 

указателя ссылки 

 

• 

На панели свойств в поле Link выберите имя файла (с помощью иконки с 

желтой  папкой  рядом  с  полем)  или  напишите  имя  страницы,  или  адрес  сайта,  на 

который ссылаетесь 

• 

 Если  Вы  хотите  открывать  ссылку  в  новом  окне,  то  в  поле  Target 

укажите атрибут _blank 

 

Ссылки на электронную почту 

• 

Первый способ:  

o

  Начало, как в предыдущем пункте 

o

  На  панели  свойств  в  поле  Link  напишите  mailto:name@box.ru  (где 

name@box.ru  –  это  адрес  электронной  почты  с  которым  Вы  связываете 

ссылку) 

o

  Второй способ: 

o

   Поместите курсор на свободное место, откуда пойдет ссылка 

o

  Через меню: Insert – Email Link (или через панель объектов) 

o

  Заполните поля диалогового окна: в поле Text введите текст для ссылки 

(к  сожалению,  в  этой  версии  программы  не  поддерживается  русский 

шрифт!!!), в поле  E-Mail – введите адрес электронной почты 

 

Ссылки на фрагменты документа 

• 

Маркируем места страниц нашего сайта: курсор установите в начальную 

позицию интересующего Вас текста. 

• 

Даем  команду  вставки  символа  привязки  (именованного  якоря):  Insert  – 

Invisible Tags – Anchor или через панель объектов 

• 

В  диалоговом  окне  вводим  имя  символа  привязки  (лучше  по  латыни!), 

после чего нажимаем Ок 

• 

Создаем ссылку на расставленные «якоря» 

• 

Выберите изображение или текст, с которого будете ссылаться 

• 

В поле Link введите имя символа привязки (якоря), впереди поставив #.  

5. Интерактивные изображения 

Rollover  Image  -  предназначен  для  создания  смены  изображений.  С  его 

помощью можно создать кнопку. Для чего нужно подготовить два файла изображений 

(Напоминаю! Называть по латыни и форматы  GIF или JPEG).  

 

Для  вставки  этого  объекта:  На  панели  объектов  нажмите  иконку  с 

изображением  Rollover  Image.  Или  выполните  цепочку  Insert-Interactive  Image- 

Rollover Image 

Смысл полей: 

Image name - название объекта 

Original image - изображение, которое видно на странице без всяких действий. 

(указываете файл, лежащий у Вас на компьютере)  

Rollover  Image  -  изображение,  сменяющее  оригинал  при  наведении  на  него 

мышкой (указываете файл, лежащий у Вас на компьютере) 

Alternate text - типа комментария, также появляется при наведении мышкой.  

When  Clicked,  Go  TO  URL  -  место,  куда  посетитель  попадет  при  щелчке  по 

изображению (гиперссылка) 

Preload  Rollover  Image  -  лучше  ставить  галочку,  чтобы  не  было  зияющей 

пустоты при наведении.