| Главная » Статьи » Интернет и сети » Сайт в Ucoz |
Система uCoz. Создание статической страницы
| Продолжаем разговор про ucoz. Поговорим на немного более специфическую тему. Допустим, вы захотели на своём сайте в разделе Статьи выложить собственное произведение, фанфик, чью-то книжку или очень большую статью. Однако, каждая страница статей на ucoz имеет определённый лимит: 60 000 знаков. Это примерно 10 страниц А4, даже немного меньше. Таким образом, если вы захотите выложить книгу или статью, к примеру, в 40 страниц, вам придётся разделить её на 4 части и каждую загрузить отдельно на новую страницу. Другой пример: вам нужно выложить статью, которая занимает всего 11 страниц. А вы можете выложить только 10. Либо вам придётся делить весь текст на две части, либо 11-ю страницу выкладывать отдельно. Как вариант - можно попытаться последнюю страницу выложить в поле комментариев к статье. Но это тоже не слишком удобно. Как быть? Для того, чтобы решить эту проблему, есть следующий способ: создать статическую страницу на сайте и выложить на неё всё, что вам нужно. В статической странице может уместиться текст практически любого объёма и всё будет зависеть только от вашего произволения и здравого смысла (вы должны понимать, что если вы выложите одним документом 1000 страниц или хотя бы 500 страниц - грузиться такая страница будет очень долго). Чем статическая страница отличается от динамической? Статическая страница не изменяется под воздействием каких-либо манипуляций пользователя. То есть, прямо с сайта с ней ничего нельзя сделать. Её можно изменить только одним способом: взять её html-код, поместить его в любой html-редактор (например, в Блокнот), внести изменения, снова сохранить как html-страницу и загрузить обратно на сайт. О статических страницах я говорила все предыдущие уроки. Это страницы с расширением файла .htm или .html. Динамические страницы могут изменяться под воздействием пользователя, потому что они формируются из базы данных по запросу браузера. Динамические страницы используют в частности язык сценариев PHP. Весь сайт системы ucoz создан именно на динамических страницах. Статическую страницу можно создать любую. Например, поместить на неё любой дизайн, совершенно отличный от дизайна всего сайта (только при этом не забыть загрузить всю сопутствующую графику для этой страницы в Файловый менеджер, или на radikal.ru, прописав полные ссылки к рисункам). Но согласитесь, что если страница будет сильно отличаться от всего сайта - это не слишком эстетично. Можно прописать точно такой же дизайн, как на всех остальных страницах, но это легко в том случае, если вы хотя бы немного разбираетесь в html - вам ничего не стоит посмотреть на дизайн чужой страницы - и быстренько написать его код. Но есть более простой способ, при котором ничего заново прописывать не придётся. Идём следующим путём: на вашем сайте uCoz - Вход в панель управления - Управление дизайном - Редактор страниц - жмём на ссылку "Страницы сайта". Перед нами в окошке открывается шаблон, который начинается стандартно: <html> - и заканчивается так же стандартно для любой html-страницы: </html> . Вот с этим самым шаблоном мы и будем работать. 1. Скопируйте весь шаблон в блокнот или другой текстовый редактор, какой вам нравится. 2. В этом шаблоне есть обычный html, стили css и разнообразные фрагменты php типа: $SITE_NAME$ - $PAGE_NAME$ <!-- Header --> <!--/--> и тому подобные. Все эти значки служат как раз для того, чтобы страница была динамичная, то есть изменяемая. Нам нужно провести ювелирную работу и убрать из html-файла всё лишнее, потому что в нашей новой страничке все эти динамические атрибуты работать не будут. Каждый из них связан только со своим фрагментом сайта и не станет управлять другим подобным фрагментом. Я приведу два различных html-кода страницы из двух разных сайтов и отмечу все фрагменты, которые нужно удалить. Первый пример создания статической страницы. Дизайн 996 Дизайн uCoz 996. <html> <head> <title> $SITE_NAME$ - $PAGE_NAME$ </title> <link type="text/css" rel="StyleSheet" href="http://trustworthysw.ucoz.ru/_st/my.css" /> </head> <body style="background:#0C1B33; margin:0px; padding:0px;"> <table cellpadding="0" cellspacing="0" border="0" width="100%" height="100%"> <tr> <td width="25" height="100%" style="background:url('http://src.ucoz.ru/t/996/1.gif') top left repeat-y;" valign="top"> <img src="http://src.ucoz.ru/t/996/1.gif" border="0"> </td> <td valign="top" height="100%"> <!-- Header --> <table border="0" cellpadding="0" cellspacing="0" height="195" width="100%" style="background:url('http://src.ucoz.ru/t/996/2.gif');"> <tr> <td width="80"> <img src="http://src.ucoz.ru/t/996/3.jpg" border="0"> </td> <td align="right" style="background:url('http://src.ucoz.ru/t/996/4.jpg') left no-repeat;"> <span style="color:#B3BBDB;font:20pt bold Verdana,Tahoma;"> RPG Star Wars 1,5</span> </td> <td width="87"> <img src="http://src.ucoz.ru/t/996/5.jpg" border="0"> </td> <td align="center" width="250" style="background:url('http://src.ucoz.ru/t/996/6.jpg');padding:20px 0 20px 0;color:#000000;" class="topLink"> $WDAY$, $DATE$, $TIME$ <br /> <br /> <br /> Вы вошли как <a href="$PERSONAL_PAGE_LINK$"> <b> $USERNAME$ </b> </a> | Группа " <u> $USER_GROUP$ </u> " Приветствую Вас <b> $USERNAME$ </b> | <a href="$RSS_LINK$"> RSS </a> <br /> <br /> <br /> <a href="$HOME_PAGE_LINK$" title="Главная"> Главная </a> | <a href="$PERSONAL_PAGE_LINK$" title="Мой профиль"> Мой профиль </a> | <a href="$REGISTER_LINK$" title="Регистрация" > Регистрация </a> | <a href="$LOGOUT_LINK$" title="Выход"> Выход </a> | <a href="$LOGIN_LINK$" title="Вход"> Вход </a> </td> <td width="31"> <img src="http://src.ucoz.ru/t/996/7.jpg" border="0"> </td> </table> <!-- /Header --> <!-- Body --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td valign="top" style="width:216px;"> <!-- --> <table border="0" cellpadding="0" cellspacing="0" width="216"> <tr> <td height="36" colspan="3" style="background:url('http://src.ucoz.ru/t/996/8.gif');padding-left:20px;color:#ACC5FF;"> <b> Меню сайта </b> </td> </tr> <tr> <td width="26" valign="top" style="background:url('http://src.ucoz.ru/t/996/9.gif');"> <img src="http://src.ucoz.ru/t/996/10.gif" border="0"> </td> <td width="175" style="background:url('http://src.ucoz.ru/t/996/11.gif');padding:5px;">$SITE_MENU$ </td> <td width="15" valign="top" style="background:url('http://src.ucoz.ru/t/996/12.gif'); "> <img src="http://src.ucoz.ru/t/996/13.gif" border="0"> </td> </tr> <tr> <td colspan="3"> <img src="http://src.ucoz.ru/t/996/14.gif" border="0"> </td> </tr> </table> <!--/--> <!-- --> <table border="0" cellpadding="0" cellspacing="0" width="216"> <tr> <td height="36" colspan="3" style="background:url('http://src.ucoz.ru/t/996/8.gif');padding-left:20px;color:#ACC5FF;"> <b> Разделы новостей </b> </td> </tr> <tr> <td width="26" valign="top" style="background:url('http://src.ucoz.ru/t/996/9.gif');"> <img src="http://src.ucoz.ru/t/996/10.gif" border="0"> </td> <td width="175" style="background:url('http://src.ucoz.ru/t/996/11.gif');padding:5px;"> $CATEGORIES$ </td> <td width="15" valign="top" style="background:url('http://src.ucoz.ru/t/996/12.gif'); "> <img src="http://src.ucoz.ru/t/996/13.gif" border="0"> </td> </tr> <tr> <td colspan="3"> <img src="http://src.ucoz.ru/t/996/14.gif" border="0"> </td> </tr> </table> <!--/--> <!-- --> <table border="0" cellpadding="0" cellspacing="0" width="216"> <tr> <td height="36" colspan="3" style="background:url('http://src.ucoz.ru/t/996/8.gif');padding-left:20px;color:#ACC5FF;"> <b> Мини-чат </b> </td> </tr> <tr> <td width="26" valign="top" style="background:url('http://src.ucoz.ru/t/996/9.gif');"> <img src="http://src.ucoz.ru/t/996/10.gif" border="0"> </td> <td width="175" style="background:url('http://src.ucoz.ru/t/996/11.gif');padding:5px;"> $CHAT_BOX$ </td> <td width="15" valign="top" style="background:url('http://src.ucoz.ru/t/996/12.gif');"> <img src="http://src.ucoz.ru/t/996/13.gif" border="0"> </td> </tr> <tr> <td colspan="3"> <img src="http://src.ucoz.ru/t/996/14.gif" border="0"> </td> </tr> </table> <table border="0" cellpadding="0" cellspacing="0" width="216"> <tr> <td height="36" colspan="3" style="background:url('http://src.ucoz.ru/t/996/8.gif');padding-left:20px;color:#ACC5FF;"> <b> Наш опрос </b> </td> </tr> <tr> <td width="26" valign="top" style="background:url('http://src.ucoz.ru/t/996/9.gif');"> <img src="http://src.ucoz.ru/t/996/10.gif" border="0"> </td> <td width="175" style="background:url('http://src.ucoz.ru/t/996/11.gif');padding:5px;"> $POLL$ </td> <td width="15" valign="top" style="background:url('http://src.ucoz.ru/t/996/12.gif');"> <img src="http://src.ucoz.ru/t/996/13.gif" border="0"> </td> </tr> <tr> <td colspan="3"> <img src="http://src.ucoz.ru/t/996/14.gif" border="0"> </td> </tr> </table> <!--/--> </td> <td valign="top"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td width="34" height="34"> <img src="http://src.ucoz.ru/t/996/15.gif" border="0"> </td> <td style="background:url('http://src.ucoz.ru/t/996/16.gif');"> </td> <td width="34" height="34"> <img src="http://src.ucoz.ru/t/996/17.gif" border="0"> </td> </tr> <tr> <td style="background:url('http://src.ucoz.ru/t/996/18.gif');"> </td& gt<td style="background:#000000;"> $CONTENT$ </td> <td style="background:url('http://src.ucoz.ru/t/996/19.gif');"> </td> </tr> <tr> <td width="34" height="34"> <img src="http://src.ucoz.ru/t/996/20.gif" border="0"> </td> <td style="background:url('http://src.ucoz.ru/t/996/21.gif');"> </td> <td width="34" height="34"> <img src="http://src.ucoz.ru/t/996/22.gif" border="0"> </td> </tr> </table> </td> <td valign="top" style="width:216px;"> <!-- --> <table border="0" cellpadding="0" cellspacing="0" width="216"> <tr> <td height="36" colspan="3" style="background:url('http://src.ucoz.ru/t/996/8.gif');padding-left:20px;color:#ACC5FF;"> <b> Форма входа </b> </td> </tr> <tr> <td width="26" valign="top" style="background:url('http://src.ucoz.ru/t/996/9.gif');"> <img src="http://src.ucoz.ru/t/996/10.gif" border="0"> </td> <td width="175" align="center" style="background:url('http://src.ucoz.ru/t/996/11.gif');padding:5px;"> $LOGIN_FORM$ </td> <td width="15" valign="top" style="background:url('http://src.ucoz.ru/t/996/12.gif'); "> <img src="http://src.ucoz.ru/t/996/13.gif" border="0"> </td> </tr> <tr><td colspan="3"><img src="http://src.ucoz.ru/t/996/14.gif" border="0"> </td> </tr> </table> <!--/--> <!-- --> <table border="0" cellpadding="0" cellspacing="0" width="216"> <tr> <td height="36" colspan="3" style="background:url('http://src.ucoz.ru/t/996/8.gif');padding-left:20px;color:#ACC5FF;"> <b> Поиск </b> </td> </tr> <tr> <td width="26" valign="top" style="background:url('http://src.ucoz.ru/t/996/9.gif');"> <img src="http://src.ucoz.ru/t/996/10.gif" border="0"> </td> <td width="175" align="center" style="background:url('http://src.ucoz.ru/t/996/11.gif');padding:5px;"> $SEARCH_FORM$ </td> <td width="15" valign="top" style="background:url('http://src.ucoz.ru/t/996/12.gif'); "> <img src="http://src.ucoz.ru/t/996/13.gif" border="0"> </td> </tr> <tr> <td colspan="3"> <img src="http://src.ucoz.ru/t/996/14.gif" border="0"> </td> </tr> </table> <!--/--> <!-- --> <table border="0" cellpadding="0" cellspacing="0" width="216"> <tr> <td height="36" colspan="3" style="background:url('http://src.ucoz.ru/t/996/8.gif');padding-left:20px;color:#ACC5FF;"> <b> Родные и близкие </b> </td> </tr> <tr> <td width="26" valign="top" style="background:url('http://src.ucoz.ru/t/996/9.gif');"> <img src="http://src.ucoz.ru/t/996/10.gif" border="0"> </td> <td width="175" style="background:url('http://src.ucoz.ru/t/996/11.gif');padding:5px;">$GLOBAL_BLIZKIE$ </td> <td width="15" valign="top" style="background:url('http://src.ucoz.ru/t/996/12.gif');"> <img src="http://src.ucoz.ru/t/996/13.gif" border="0"> </td> </tr> <tr> <td colspan="3"> <img src="http://src.ucoz.ru/t/996/14.gif" border="0"> </td> </tr> </table> <!--/--> <!-- --> <table border="0" cellpadding="0" cellspacing="0" width="216"> <tr> <td height="36" colspan="3" style="background:url('http://src.ucoz.ru/t/996/8.gif');padding-left:20px;color:#ACC5FF;"> <b> Друзья сайта </b> </td> </tr> <tr> <td width="26" valign="top" style="background:url('http://src.ucoz.ru/t/996/9.gif');"> <img src="http://src.ucoz.ru/t/996/10.gif" border="0"> </td> <td width="175" style="background:url('http://src.ucoz.ru/t/996/11.gif');padding:5px;">$GLOBAL_FRIENDS$ </td> <td width="15" valign="top" style="background:url('http://src.ucoz.ru/t/996/12.gif');"> <img src="http://src.ucoz.ru/t/996/13.gif" border="0"> </td> </tr> <tr> <td colspan="3"> <img src="http://src.ucoz.ru/t/996/14.gif" border="0"> </td> </tr> </table> <!--/--> <!-- --> <table border="0" cellpadding="0" cellspacing="0" width="216"> <tr> <td height="36" colspan="3" style="background:url('http://src.ucoz.ru/t/996/8.gif');padding-left:20px;color:#ACC5FF;"> <b> Статистика </b> </td> </tr> <tr> <td width="26" valign="top" style="background:url('http://src.ucoz.ru/t/996/9.gif');"><img src="http://src.ucoz.ru/t/996/10.gif" border="0"> </td> <td width="175" align="center" style="background:url('http://src.ucoz.ru/t/996/11.gif');padding:5px;"> $COUNTER$ <hr /> $ONLINE_COUNTER$$ONLINE_USERS_LIST$ </td> <td width="15" valign="top" style="background:url('http://src.ucoz.ru/t/996/12.gif');"> <img src="http://src.ucoz.ru/t/996/13.gif" border="0"> </td> </tr> <tr> <td colspan="3"> <img src="http://src.ucoz.ru/t/996/14.gif" border="0"> </td> </tr> </table> <!--/--> </td> </tr> </table> <!-- /Body --> <!-- Footer --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td width="25" height="25"> <img src="http://src.ucoz.ru/t/996/23.gif" border="0"> </td> <td colspan="2" style="background:url('http://src.ucoz.ru/t/996/24.gif');"> </td> <td width="25" height="25"> <img src="http://src.ucoz.ru/t/996/25.gif" border="0"> </td> </tr> <tr> <td style="background:url('http://src.ucoz.ru/t/996/26.gif');"> </td> <td align="center" style="background:#000000;"> Copyright MyCorp & copy; $YEAR$ </td> <td align="center" style="background:#000000;"> $POWERED_BY$ </td> <td style="background:url('http://src.ucoz.ru/t/996/27.gif');"> </td> </tr> <tr> <td width="25" height="25"> <img src="http://src.ucoz.ru/t/996/28.gif" border="0"> </td> <td colspan="2" style="background:url('http://src.ucoz.ru/t/996/29.gif');"> </td> <td width="25" height="25"> <img src="http://src.ucoz.ru/t/996/30.gif" border="0"> </td> </tr> </table> <!-- /Footer --> </td> <td width="25" height="100%" style="background:url('http://src.ucoz.ru/t/996/31.gif') top right repeat-y;" valign="top"> <img src="http://src.ucoz.ru/t/996/31.gif" border="0"> </td> </tr> </table> </body> </html> Источник: http://experimentsite.ucoz.ru/publ/1-1-0-6 | |
| Просмотров: 7300 | Комментарии: 9 | Рейтинг: 0.0/0 |
| Всего комментариев: 8 | |||||||||
| |||||||||
