DreamWeaver. Основные правила работы. Дьячков Ю.А. - 17 стр.

UptoLike

ВУЗ: 

ПГУ | Пенза

Составители: 

Рубрика: 

DreamWeaver. Основные правила работы
17
<title>Пример разделения таблицы</title>
<meta http-equiv="Content-Type" con-
tent="text/html; charset=windows-1251">
<link href="../image/cssv81.css" rel="stylesheet"
type="text/css">
</head>
<body>
Начало общей таблицы
<table width="300" border="1" cellspacing="0"
cellpadding="0">
<tr bgcolor="#FFFF00">
<td colspan="2"><img src="../image/tema.jpg"
width="300" height="40"></td>
</tr>
<tr bgcolor="#0000FF">
<td colspan="2">
Таблица – меню, начало
<table width="300" border="1" cellpadding="0"
cellspacing="0" bordercolor="#392115" bgcol-
or="#99FF99">
<tr align="center">
<td><a href="kult.htm">Главная</a></td>
<td><a
href="kult.htm">Содержание</a></td>
<td><a href="kult.htm">Автор</a></td>
</tr>
Таблица – меню, окончание
</table>
</td>
</tr>
<tr>
<td width="118" valign="top"
class="podvalsampl">Технологические диплом-
ные темы представляют собой разработку или
анализ технологического процесса изготовле-
ния, ремонта и эксплуатации </td>
<td width="180" align="right"
valign="top"><img src="../image/myfoto.jpg"
width="180" height="120" align="right"></td>
</tr>
Окончание общей таблицы
</table>
</body>
</html>
<title>Пример для трех таблиц</title>
<meta http-equiv="Content-Type" con-
tent="text/html; charset=windows-1251">
<link href="../image/cssv81.css" rel="stylesheet"
type="text/css">
</head>
<body>
Первая таблица - титул
<table width="300" border="1" cellspacing="0"
cellpadding="0" style="margin-bottom:2px; ">
<tr>
<td><img src="../image/tema.jpg" width="300"
height="40"></td>
</tr>
</table>
Вторая таблица -меню
<table width="304" border="1" cellpadding="0"
cellspacing="0" bordercolor="#392115" bgcol-
or="#99FF99" style="margin-bottom:2px; ">
<tr align="center">
<td><a href="kult.htm">Главная</a></td>
<td><a href="kult.htm">Содержание</a></td>
<td><a href="kult.htm">Автор</a></td>
</tr>
</table>
Третья таблица - содержание
<table width="304" border="1" cellspacing="0"
cellpadding="0">
<tr>
<td width="117" valign="top"
class="podvalsampl">Технологические диплом-
ные темы представляют собой разработку или
анализ технологического процесса изготовле-
ния, ремонта и эксплуатации </td>
<td width="181"><img
src="../image/myfoto.jpg" width="180"
height="120" align="right"></td>
</tr>
</table>
</body>
</html>
Второй вариант для пользователя предпочтительнее, так как он сразу наблюда-
ет последовательную грузку страницы. Для разработчика такое строение удоб-
но при редактировании страницы
Особенностью таблиц является зависимость ее ячеек друг от друга. Пример та-
кой зависимости приведен ниже.
Простые приемы работы не позволяют сформировать таблицу сложной струк-
туры. В этом случае можно воспользоваться инструментом «рисования» табли-
цы – вкладка Layout стандартной панели. 
                                                    DreamWeaver. Основные правила работы

Пример разделения таблицы            Пример для трех таблиц
             tent="text/html; charset=windows-1251">
                                    type="text/css">
                                             

                                              
Начало общей таблицы                                Первая таблица - титул
                                    cellpadding="0" style="margin-bottom:2px; ">
                        height="40">
                              

   
 
                                               
 
                             

                                    Вторая таблица -меню
Таблица – меню, начало                              
or="#99FF99">                                        
href="kult.htm">Содержание

    
                                Главная
      Главная          Содержание
      Автор                  

      
Автор         

                                               Третья таблица - содержание
Таблица – меню, окончание                                                                    cellpadding="0">

анализ технологического процесса изготовле-            
valign="top">
width="180" height="120" align="right">
                                                

 
                                                 
                                               class="podvalsampl">Технологические диплом-
   Технологические диплом-         анализ технологического процесса изготовле-
ные темы представляют собой разработку или          ния, ремонта и эксплуатации                    src="../image/myfoto.jpg" width="180"
           

                                               
Окончание общей таблицы                             



Второй вариант для пользователя предпочтительнее, так как он сразу наблюда-
ет последовательную грузку страницы. Для разработчика такое строение удоб-
но при редактировании страницы
Особенностью таблиц является зависимость ее ячеек друг от друга. Пример та-
кой зависимости приведен ниже.




Простые приемы работы не позволяют сформировать таблицу сложной струк-
туры. В этом случае можно воспользоваться инструментом «рисования» табли-
цы – вкладка Layout стандартной панели.


                                              17

Страницы