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



жүктеу 0,7 Mb.
Pdf просмотр
бет6/7
Дата10.02.2020
өлшемі0,7 Mb.
#28691
1   2   3   4   5   6   7

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

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

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

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

 

• 

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  -  лучше  ставить  галочку,  чтобы  не  было  зияющей 

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




жүктеу 0,7 Mb.

Достарыңызбен бөлісу:
1   2   3   4   5   6   7




©g.engime.org 2024
әкімшілігінің қараңыз

    Басты бет
рсетілетін қызмет
халықаралық қаржы
Астана халықаралық
қызмет регламенті
бекіту туралы
туралы ережені
орталығы туралы
субсидиялау мемлекеттік
кеңес туралы
ніндегі кеңес
орталығын басқару
қаржы орталығын
қаржы орталығы
құрамын бекіту
неркәсіптік кешен
міндетті құпия
болуына ерікті
тексерілу мемлекеттік
медициналық тексерілу
құпия медициналық
ерікті анонимді
Бастауыш тәлім
қатысуға жолдамалар
қызметшілері арасындағы
академиялық демалыс
алушыларға академиялық
білім алушыларға
ұйымдарында білім
туралы хабарландыру
конкурс туралы
мемлекеттік қызметшілері
мемлекеттік әкімшілік
органдардың мемлекеттік
мемлекеттік органдардың
барлық мемлекеттік
арналған барлық
орналасуға арналған
лауазымына орналасуға
әкімшілік лауазымына
инфекцияның болуына
жәрдемдесудің белсенді
шараларына қатысуға
саласындағы дайындаушы
ленген қосылған
шегінде бюджетке
салығы шегінде
есептелген қосылған
ұйымдарға есептелген
дайындаушы ұйымдарға
кешен саласындағы
сомасын субсидиялау