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

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

Ginger

24-12-2006, 18:56

Привет,

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

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

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

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

Читать дальше... (http://oszone.net/4243/)

Список других статей клуба переводчиков OSZone.net можно найти на этой странице (http://www.oszone.net/file/club.html).

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

grob40

06-01-2007, 20:02

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

XCodeR

06-01-2007, 23:39

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

mi-8

29-03-2007, 20:23

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

vsl-777

29-05-2008, 19:16

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

bruder

29-05-2008, 19:53

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

rizz

29-05-2008, 23:51

вставить div таблицу
пытался замутить слоями сложный дизайн но чёто нифига не получилось, слои тянутся независимо друг от друга, при указании высоты слоя вложенная в слой информация всегда выравнивается по верху, и при указании высоты если текст принудительно в браузере сделать больше то он вылезает за границы блока, а таблички просто подстраиваются под новый размер контента, пришлось табличками всё делать
<table width="100" border="0" cellpadding="0" cellspacing="0">
<tr>
<th scope="col">

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

</th>
</tr>
</table>

bruder

30-05-2008, 01:33

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

vsl-777

31-05-2008, 01:32

Такой код:

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

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

bruder

31-05-2008, 02:07

релятивное позиционирование контейнера может помочь. Однако по стандарту 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>

vsl-777

31-05-2008, 02:14

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

stone_wings

31-05-2008, 15:16

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

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

vsl-777

31-05-2008, 15:55

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

<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">

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

<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"> </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"> </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>

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

vsl-777

31-05-2008, 16:10

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

</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]>                               
предел... при разрешение экрана 1280х1024</p>
<p align="left">                               
при разрешении экрана 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>

bruder

31-05-2008, 16:14

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

vsl-777

31-05-2008, 16:17

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

Вот самое то:

<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>