Продолжаем разговор про 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>
|
Разберёмся, почему я обозначила фрагменты разным цветом. То, что обозначено красным, просто убираем не задумываясь, вписывая на место этих фрагментов фразы типа "здесь я поставлю текст" или что-то подобное (Почему не задумываясь? Чтобы об этом задумываться - надо научиться работать с php). Фразы или слова, которые вы вписываете, будут служить для наглядности, чтобы вы видели в конечном итоге, с каких мест вы что убрали. Потом ненужные надписи вы уберёте.
То, что обозначено синим - убираем без остатка и даже ничего не вписываем. Но сперва давайте подумаем, почему именно мы это убираем. В этом коде присутствуют такие знакомые слова, как "Профиль", "Регистрация", "Вход", "Выход" и пр. Думаю, вы уже догадались, что каждый фрагмент - форма входа, выхода, ссылка на регистрацию и т.д. То есть, если ваш дизайн даже отличается от моего, вы всё равно по этим словам легко определите, что перед вами форма входа-выхода и это нужно убрать, потому что на нашей статичной странице она работать всё равно не будет.
Теперь разберёмся с тем, что я обозначила зелёным цветом. Если вы посмотрите внимательно, вы увидите, что это формы, в которых помещаются: "мини-чат", "Опрос", "Форма входа", "Форма поиска" и "Статистика". Все эти формы так же не будут работать. Так что это всё тоже нужно убрать, ничего не вписывая.
Вполне возможно, что на вашем сайте есть ещё какие-то формы, подобные этим, рассчитанные на динамическое использование. Их вы все убираете, найдя соответствующие фрагменты. Если хотите, впишите на их место что-нибудь типа "здесь я вставлю текст", просто ради того, чтобы увидеть, где и что вы убрали.
Так же у вас не будут работать такие глобальные блоки, как "Меню сайта", "Друзья сайта" и тому подобное. Но саму форму модулей можно и не убирать, если она вам нужна, потому что в неё на место фрагмента типа $GLOBAL_FRIENDS$ можно поставить свой собственный текст, ссылки или баннеры. Если вам эти формы не нужны - вы можете убрать их целиком. Если нужны - убрать только то, что я обозначила красным. На каждое освободившееся место впишите что-нибудь (всё тоже "Здесь будет мой текст"), чтобы потом не потерять, куда именно вы будете вставлять свой текст или ссылки.
Третья строчка сверху <title> $SITE_NAME$ - $PAGE_NAME$ </title> - это то место, куда вы вписываете вместо выделенного красным - название своей страницы. Оно будет выводиться в самой верхней строке браузера.
Copyright MyCorp © $YEAR$ так же не будет работать (это - копирайт системы ucoz). Если вы всё-таки хотите его сохранить - впишите на это место "здесь будет мой текст", потом вам нужно будет составить самостоятельно ссылку или взять логотип юкоза и поставить так, как если бы вы ставили обычную ссылку или баннер - на освободившееся место.
Сейчас я уберу из дизайна всё, что касается php и впишу на места, освободившиеся в модулях, фразу "Здесь будет мой текст" (для наглядности). Теперь весь html-код страницы будет выглядеть так:
<html>
<head>
<title> Здесь название моей страницы </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%">
Здесь будет мой текст
<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"> Здесь будет мой текст </td>
<td width="31"> <img src="http://src.ucoz.ru/t/996/7.jpg" border="0"> </td>
</table>
Здесь будет мой текст
Здесь будет мой текст
<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;"> Здесь будет мой текст </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;"> Здесь будет мой текст </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" style="background:url('http://src.ucoz.ru/t/996/11.gif');padding:5px;"> Здесь будет мой текст </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;"> Здесь будет мой текст </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>
Здесь будет мой текст
Здесь будет мой текст
<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;"> Здесь будет мой текст или копирайт uCoz </td>
<td align="center" style="background:#000000;"> Здесь будет мой текст или ссылка на uCoz </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>
Здесь будет мой текст
</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>
|
Теперь копируем весь код, кладём его в Блокнот и говорим: Файл - Сохранить как. В открывшемся окошке ставим "Тип файла" - "Все файлы". А название файлу даём любое на латинице, с расширением html: например - novoe.html
Теперь загружаем наш новый файл в Файловый менеджер в панели администратора нашего сайта. Для начала создайте под свои эксперименты отдельную папку, чтобы не путаться. Для этого заходим в панель упревления - файловый менеджер - нажимаем кнопочку "Создать папку" (справа вверху), создаём папку, входим внутрь новой папки и загружаем в неё нашу новую страницу. Нажимаем на сам файл - и получаем его адрес. В данном случае: http://trustworthysw.ucoz.ru/nov_str/novoe.html(nov_str - это название новой папки, которую я создала в Файловом менеджере).
Вставляем в адресную строку браузера, или делаем ссылку с Главной страницы - и смотрим, каков результат. Тут могут быть варианты:
1. Загрузили - всё получилось. Не спешите радоваться - проверьте в разных браузерах. Страница должна в любом браузере отображаться корректно и одинаково.
2. Загрузили - а вся страница наполнена какими-то непонятными значками - не спешите расстраиваться. Нужно поменять кодировку.
Когда вы сохраняете файл в блокноте, нажмите на стрелочку напротив надписи "Кодировка" и поставьте кодировку - UTF-8. Снова загрузите сохранённый html-файл в файловый менеджер с тем же названием и снова посмотрите, что получилось. Всё должно встать на свои места и весь текст стать читаемым.
Получилась новая страница с таким же дизайном, как и весь сайт, но статическая. Всё, что мы хотим на неё поставить, нужно делать через текстовый редактор. То есть, вы берёте html-код своей новой страницы, вписываете в него текст, расставляете ссылки в модули, если это вам нужно, вносите другие вам необходимые изменения, после чего сохраняете через блокнот как html-файл с тем же названием - и снова загружаете в Файловый менеджер. Иного пути редактирования страницы в данном случае нет.
Второй пример создания статической страницы. Дизайн 953
Дизайн uCoz 953. Дизайн отличается тем, что большая часть его картинок лежит в документе css, а не в самом html-коде. Поэтому выглядит он несколько иначе, но суть остаётся та же.
<html>
<head>
<title> $SITE_NAME$ - $PAGE_NAME$ </title>
<link type="text/css" rel="StyleSheet" href="http://greatserenada31.ucoz.ru/_st/my.css" />
</head>
<body>
<div id="container">
<div id="logo"> </div>
<table cellpadding="0" cellspacing="0" border="0" width="100%"> <tr>
<td style="padding:10px 20px;color:#E0C494;"> <span style="color:#FFFFFF;font:20pt bold Verdana,Tahoma;"> RPG: Итальянская мафия против Скотланд-ярда. Год 1931 </span> ($URI_ID$!="page1")?> <br> <b> $PAGE_NAME$ </b> </td>
<td align="right" class="topLink" style="padding:10px 20px;color:#E0C494;">
<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> </tr> </table>
<table cellpadding="0" cellspacing="0" border="0" width="100%"> <tr>
<td valign="top" width="223">
<!-- Body -->
<!-- -->
<div class="box">
<h3> Меню сайта </h3>
<div class="boxContent"> $SITE_MENU$ </div> </div>
<!--/-->
<!-- -->
<div class="box">
<h3> Разделы новостей </h3>
<div class="boxContent"> $CATEGORIES$ </div> </div>
<!--/-->
<!-- -->
<div class="box">
<h3> Мини-чат </h3>
<div class="boxContent"> $CHAT_BOX $</div> </div>
<div class="box">
<h3> Наш опрос </h3>
<div class="boxContent"> $POLL$ </div> </div>
<!--/-->
</td>
<td valign="top" style="border:1px solid #AE9A75;background:#000000;padding:10px;">
<table cellpadding="15" cellspacing="0" border="0" width="100%"> <tr>
<td style="border:1px solid #AE9A75;background:url('http://src.ucoz.net/t/953/1.gif') #F9ECD3;"> $CONTENT$ </td> </tr> </table> </td>
<td width="223" valign="top">
<!-- -->
<div class="box">
<h3> Форма входа </h3>
<div class="boxContent" style="text-align:center;"> Вы вошли как <a href="$PERSONAL_PAGE_LINK$" title="Мой профиль"> <b> $USERNAME$ </b> </a> ! <br>
Группа " <u> $USER_GROUP$ </u> " Приветствую Вас <b> $USERNAME$ </b> !
<br> <br> $LOGIN_FORM$ </div>
</div>
<!--/-->
<!-- -->
<div class="box">
<h3> Календарь новостей </h3>
<div class="boxContent" style="text-align:center;"> $WDAY$, $DATE$, $TIME$ <br> <br> $NEWS_CALENDAR$ </div> </div>
<!--/-->
<!-- -->
<div class="box">
<h3> Поиск </h3>
<div class="boxContent" style="text-align:center;"> $SEARCH_FORM$ </div> </div>
<!--/-->
<!-- -->
<div class="box">
<h3> Друзья сайта </h3>
<div class="boxContent"> $GLOBAL_FRIENDS$ </div> </div>
<!--/-->
</td> </tr> </table>
<!-- /Body -->
<br>
<div id="footer"> Copyright MyCorp & copy; $YEAR$ <br> $POWERED_BY$ <br> <br> $COUNTER$ <hr /> $ONLINE_COUNTER$$ONLINE_USERS_LIST$ </div>
</div>
</body>
</html>
|
Когда мы уберём все ненужные нам фрагменты, останется вот такой код:
<html>
<head>
<title> Здесь будет название моей страницы </title>
<link type="text/css" rel="StyleSheet" href="http://greatserenada31.ucoz.ru/_st/my.css" /> </head>
<body>
<div id="container">
<div id="logo"> </div>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td style="padding:10px 20px;color:#E0C494;">
<span style="color:#FFFFFF;font:20pt bold Verdana,Tahoma;"> RPG: Итальянская мафия против Скотланд-ярда. Год 1931 </span> Здесь будет мой текст </td>
<td align="right" class="topLink" style="padding:10px 20px;color:#E0C494;"> Здесь будет мой текст </td> </tr> </table>
<table cellpadding="0" cellspacing="0" border="0" width="100%"> <tr>
<td valign="top" width="223">
<div class="box">
<h3> Меню сайта </h3>
<div class="boxContent"> Здесь будет мой текст </div> </div>
</td>
<td valign="top" style="border:1px solid #AE9A75;background:#000000;padding:10px;">
<table cellpadding="15" cellspacing="0" border="0" width="100%"> <tr>
<td style="border:1px solid #AE9A75;background:url('http://src.ucoz.net/t/953/1.gif') #F9ECD3;"> Здесь будет мой текст </td> </tr> </table> </td>
<td width="223" valign="top">
<div class="box">
<h3> Друзья сайта </h3>
<div class="boxContent"> Здесь будет мой текст </div> </div>
</td> </tr> </table>
<br>
<div id="footer"> Здесь будет мой текст </div>
</body>
</html>
|
Помните, что есть парные и непарные теги! К примеру, тег <br> непарный, он означает переход на новую строку. А вот тег <div> парный, ему должен соответствовать закрывающий тег </div> . То есть, после того, как вы убрали всё лишнее, ещё раз проверьте код. Парные теги обязательно должны быть именно парными. Это можно посчитать, чтобы убедиться, что у вас одинаковое количество открывающих и закрывающих тегов.
Из непарных тегов вам чаще всего будут попадаться теги <br> (переход на новую строку) или <hr> (обозначает горизонтальную линию). Остальные должны быть парными.
Теперь копируем, сохраняем через блокнот как html-файл и загружаем на сайт в Файловый менеджер. Адрес: http://greatserenada31.ucoz.ru/nov_2/novoe2.html .
Если вы скрупулёзно подпишете каждый фрагмент, который удаляете, то потом на странице увидите, всё ли вы убрали и нужны ли вам освободившиеся места. Если нет - просто уберёте ненужные надписи. Если вдруг вы что-то убрали лишнее - ещё раз скопируйте оригинал кода и ещё раз посмотрите, что вы могли убрать лишнего, особенно внимательно проверив все парные теги. Знания html в значительной степени могут облегчить вам жищнь, потому что вы сможете увидеть, где у вас начинаются и заканчиваются таблицы, ячейки и тому подобное. Но даже если вы ничего не понимаете в html, просто будьте внимательны - и у вас всё получится.
Если вы представляете себе, что такое html - вы можете пойти третьим путём: просто скопировать из html-кода страницы все нужные вам сегменты, отвечающие за таблицы, фон, логотип и пр., собрать в одном документе, перевести в html-файл и пользоваться им. Поступайте тек, как вам удобнее. Таким образом, вы можете создать статические страницы для вашего сайта с точно таким же дизайном, какой у вас стоит на всём сайте, загрузить в них любое количество текста, картинок и пр., поставить на них ссылки - и пользоваться на здоровье.
PS. Не увлекайтесь. Помните, что если вы на свой сайт в системе ucoz загрузите только страницы своего собственного производства, держатели ucoz'а в праве удалить ваш сайт. Загружать свои страницы не возбраняется, но основу вашего сайта всё-таки должны составлять оригинальные страницы самого ucoz'а.
Автор: М.В. Гуминенко
|
