[ъ] Использование FrontPage 2003 для разработки индивидуальных веб-узлов

Компьютерный форум OSzone.net (http://forum.oszone.net/index.php)

- Вебмастеру (http://forum.oszone.net/forumdisplay.php?f=22)

[ъ] Использование FrontPage 2003 для разработки индивидуальных веб-узлов

Привет,

Предлагаю вашему вниманию статью "Использование FrontPage 2003 для разработки индивидуальных веб-узлов, созданных с помощью служб Microsoft Windows SharePoint Services"

Цитата:

Веб-узлы, созданные с помощью технологий Microsoft® Windows® SharePoint Services™, полностью редактируемы с помощью Microsoft® Office FrontPage® 2003 – начиная с форматирования шрифтов или графики и заканчивая структурой веб-узла. Все функциональные возможности, доступные в FrontPage 2003, могут использоваться для редактирования страниц веб-узла, созданного с помощью служб Windows SharePoint Services. Таким образом, Вы можете воспользоваться новшествами FrontPage 2003 для быстрого и эффективного редактирования, разработки и расширения функциональности веб-узлов или веб-страниц.

В этом документе описывается:

* Разработка веб-страницы
* Редактирование списков и библиотек
* Редактирование переходов
* Изменение тем

Читать дальше...

Список других статей клуба переводчиков OSZone.net можно найти на этой странице.

Спасибо за внимание!

Спасибо, что создали такую тему, есть вопросы . Пока знакомлюсь с азами хотел свою Web-страничку создать не знаю с чего начать.

начать надо с разработки дизайна, потом выбора схемы верстки(фреймы, таблицы, CSS), затем сома верстка. последствии разработка необходимого интерактива и добавления его .

Отбражение страницы в разных браузерах по разному, создание ссылок конкретно, в IE без черты снизу, в Firefox подчёркнуто. Как с бороться, где можно инфу найти?

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

Вообщето вы тут не по теме, надо было новую создать. Давайте код в студию. Подозреваю что вы задали position:absolute для слоя

вставить div таблицу
пытался замутить слоями сложный дизайн но чёто нифига не получилось, слои тянутся независимо друг от друга, при указании высоты слоя вложенная в слой информация всегда выравнивается по верху, и при указании высоты если текст принудительно в браузере сделать больше то он вылезает за границы блока, а таблички просто подстраиваются под новый размер контента, пришлось табличками всё делать

HTML код:

<table width="100" border="0" cellpadding="0" cellspacing="0">

<tr>

<th scope="col">



<div>Привет!</div>



</th>

</tr>

</table>

да, есть проблема вертикального выравнивания в ie, в других браузерах можно использовать display:table-cell. Так вы нарисуйте приблизительно что надо, вместе подумаем :)

Такой код:

HTML код:

<div style="position: absolute; width: 154px; height: 33px; z-index: 1; left: 354px; top: 262px" id="layer3">

Получается что слой привязан к краю страницы а не к таблице, который центруется....

релятивное позиционирование контейнера может помочь. Однако по стандарту css на элементы таблицы релятивное позиционирование никак не влияет. Можно сравнить следующий пример в разных браузерах. ИЕ как всегда старается, остальные следуют стандарту. Выход: или отменить абсолютное позиционирование или создать контейнер, как в примере. Тестировать в FF или опере

Код:

<HTML>

 <HEAD> 

  <style type="text/css">

        table{

                height: 300px;

        }

        div#f{

                position: absolute;

                border: 1px solid black;

                top:0;left:0;

        } 

        td{

                position:relative;

        }

  </style>

 </HEAD>

 <BODY>

  <table cellpadding="0" cellspacing="0" border="1" width="40%" align="center">

  <tr>

        <td id="a" ><div style="position:relative;"><div id="f">asaмента1</div></div></td> 

        <td id="a"><div id="f">asлемента2</div></td>

        <td id="a"><div id="f">aемента3</div></td>

  </tr>

  </table>  

 </BODY>

</HTML>

Попробую, как что получится, обязательно выложу Screen-ы =) и код при котором использовалось то или иное значение....

Цитата:

Цитата rizz

пришлось табличками всё делать »

Разумней всего было бы делать ИМЕННО ими. Т.к. с дивами всегда проблемы, в плане выравнивания, ведь в ИЕ тот же padding вычисляется от предыдущего элемента (в контейнере), а в том же FF от начала контейнера... (Контейнер, к примеру тот же <td></td>)

PS: С данной ситуацией встречался при обтикании тектса ПОД картинкой.. В IE текст шол столбцом, а в FF обтекал...

Немного вчера ночью посидел и вот что вышло:

Код:

<HTML>

 <HEAD> 

  <style type="text/css">

        table{

                height: 300px;

        }

        div#f{

                position: absolute;

                border: 1px solid black;

                top:0;left:0;

        } 

        td{

                position:relative;

        }

  </style>

 </HEAD>

 <BODY>

        <table border="0" cellpadding="0" cellspacing="0" width="1258">

                <!-- MSTableType="layout" -->

                <tr>

                        <td valign="top" width="1258" height="312">

                        <!-- MSCellType="ContentHead" -->

                        <table cellpadding="0" cellspacing="0" border="0" width="40%" align="center" height="70" style="height: 0px">

  <tr>

        <td id="a" width="15" style="position: relative" ><div style="position:relative;">  

                        <div style="position: absolute; width: 154px; height: 33px; z-index: 1; left: -9px; top: 266px" id="layer3">

        <span lang="en-us">&nbsp;</span><b><font face="Mistral" size="6" color="#400000"><span lang="ru">пример</span></font></b></div>

                        <div style="position: absolute; width: 199px; height: 82px; z-index: 4; left: 658px; top: 326px" id="layer2">

                                <p align="left" style="margin-top: 0; margin-bottom: 0">&nbsp;</p>

                                <p align="left" style="margin-top: 0; margin-bottom: 0">

                                <span lang="ru">Пример 2</span></p>

                                </div>

                        </td> 

  </tr>

  </table>

                        </td>

                </tr>

                </table>

 </BODY>

</HTML>

Проверял на разных экранах отображается правильно, независимо от разрешения.... )))))

Вот полный код страницы, если кому интересно..... =)

</HTML>
<style type="text/css">
table{
height: 300px;
}
div#f{
position: absolute;
border: 1px solid black;
top:0;left:0;
}
td{
position:relative;
}
li.MsoNormal
{mso-style-parent:"";
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Times New Roman";
margin-left:0cm; margin-right:0cm; margin-top:0cm}
</style>

</HEAD>
<BODY topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0">

<div align="center">
<table border="0" cellpadding="0" cellspacing="0" width="1258">

<tr>
<td valign="top" colspan="3" height="312">

<table cellpadding="0" cellspacing="0" border="0" width="40%" align="center" height="70" style="height: 12px">
<tr>
<td id="a" width="15" style="position: relative" ><div style="position:relative;">
<div style="position: absolute; width: 154px; height: 33px; z-index: 1; left: -9px; top: 266px" id="layer3">
<font face="Arial">
<span lang="en-us"> </span></font><b><font face="Arial"><span lang="ru">Пример
№1</span></font></b></div>
<div style="position: absolute; width: 98px; height: 30px; z-index: 5; left: -290px; top: 499px" id="layer4">
<b><u><i>Пример №3</i></u></b></div>
<div style="position: absolute; width: 199px; height: 82px; z-index: 4; left: 658px; top: 326px" id="layer2">
<span lang="ru">Пример №2 </span></div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="245" align="center" valign="top">

 </td>
<td valign="top" width="753">

<p align="left"><![if !vml]><span
style='mso-ignore:vglayout;position:absolute;z-index:1;left:372px;top:261px;
width:2px;height:166px'><img width=2 height=166 src="1-14.files/image001.gif"
v:shapes="_x0000_s1025"></span><![endif]>                &nb sp;              
предел... при разрешение экрана 1280х1024</p>
<p align="left">              &nb sp;                
при разрешении экрана 1600 все так же и ничего никуда не смещается  
</p>
<p align="left"> </p>
<p align="left"> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </td>
<td valign="top" width="260">

 </td>
</tr>
<tr>
<td valign="top" colspan="3" height="57">

 <p> </td>
</tr>
</table>
</div>

</BODY>
</HTML>

вау, такая взрывоопасная смесь форматирования :) Надо бы немного проще написать

Смесь опасная.... много лишнего согласен, но это только для проверки... =)

Вот самое то:

<td valign="top" colspan="3" height="312">

<table cellpadding="0" cellspacing="0" border="0" width="40%" align="center" height="70" style="height: 12px">
<tr>
<td id="a" width="15" style="position: relative" ><div style="position:relative;">
<div style="position: absolute; width: 154px; height: 33px; z-index: 1; left: -9px; top: 266px" id="layer3">
<font face="Arial">
<span lang="en-us"> </span></font><b><font face="Arial"><span lang="ru">Пример
№1</span></font></b></div>
<div style="position: absolute; width: 98px; height: 30px; z-index: 5; left: -290px; top: 499px" id="layer4">
<b><u><i>Пример №3</i></u></b></div>
<div style="position: absolute; width: 199px; height: 82px; z-index: 4; left: 658px; top: 326px" id="layer2">
<span lang="ru">Пример №2 </span></div>
</td>