Хочу создать сайт студии Монолит

Smirnoffremastering · August 31, 2009

Хочу создать сайт студии Монолит на бесплатном хостинге UCOZ.

http://www.monolit-record.ucoz.ru/

Надо на основе другого сайта сделать страницы. И каталоги.

А я только начинаю этим заниматься.

Меня все посылают сюда. Помогите мне, пожалуйста!

Вот я скопировал коды главной страницы. Как бы мне её переписать для моего сайта? И как каталоги создавать?


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<title>СОЮЗ - Сборник популярной музыки</title>
<meta name='yandex-verification' content='796b4c2f78abd358' />
<meta name="verify-v1" content="t59bx8UNyAVgJ6+93vBAsoQ0ZFhX6z9g2DDjegCskUY=" />
<meta name="description" content="Союз сборник популярной музыки">
<meta name="keywords" content="союз сборник, студия союз, ретрохиты, старые песни, союз сборники">
<link type="text/css" rel="StyleSheet" href="http://magimu.ucoz.ru/_st/my.css" />

<script src="/newstyle/tabber.js" type="text/javascript"></script>
<script type="text/javascript" src="/js/qTip.js"></script>
<script type="text/javascript" src="/js/jquery.alphanumeric.pack.js"></script>

<script type="text/javascript" src="jquery.js"></script>

<script> 
function op(obj) { 
x=document.getElementById(obj); 
if(x.style.display == "none") x.style.display = "block"; 
else x.style.display = "none" 
} 
</script>
<link type="text/css" rel="StyleSheet" href="http://s22.ucoz.net/src/layer3.css" /><script type="text/javascript" src="http://s22.ucoz.net/src/u.js"></script><style type="text/css">.UhideBlockL {display:none}</style>
</head>

<body>


<!--U1HEADER1Z--><div id="topnavbar">

<div class="topnavbarleft">

<a href="http://soyuz.ru/" target=blank>СОЮЗ</a>

</div>

<div class="topnavbarright">



<a href="http://www.soyuz-record.ru/index/8" target="_blank" class="pu1A" title="Панель управления">Моя панель</a>

 · 
<a href="http://www.soyuz-record.ru/index/14" class="pu1A" target="_blank" title="Прочитать сообщения">Писем нет</a>

 · <a href="http://soyuz-record.ru/tmpls/?a=fm;n=1;f=sz" class="pu1A" target=blank title="Загрузить фото">Загрузить фото</a>

 · <a href="http://www.soyuz-record.ru/index/10" class="pu2A">Выход</a>



</div>
</div>

<div id="wrap">


<div id="header">

<div class="headerleft">
<a href="/"><img src="/ns/logo.png" alt="МирМэджи - это просто бум!" /></a>
</div>

<div class="headerright">

</div>

</div>

<div id="navbar">

<div id="navbarleft">

<ul id="nav">

 <li><a href="/">Главная</a></li>
 <li><a href="/dir">Каталог</a></li>
 <li><a href="/forum/49">Сборники</a></li>
 <li><a href="/forum/59">Альбомы</a></li>
 <li><a href="/forum/33">Видео</a></li>

 <li><a href="/faq">Правила</a></li>
 <li><a href="/forum/61">Раритет</a></li>
 <li><a href="/index/0-5">Спасибо</a></li>

</ul>
</div>

<div id="navbarright">

<form method="post" style="margin:0;padding:0;" name="searchform" action="http://soyuz-record.ru/forum/" onsubmit="this.submit.disabled=true;">
<input type="text" name="kw" id="s" value="Поиск по сайту..." onfocus="if (this.value == 'Поиск по сайту...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Поиск по сайту...';}" />

<td class="gTableBottom" colspan="0" align="center"><input class="searchSubmitFl" name="submit" id="sbutt" type="submit" value="OK" />
<input type="hidden" name="a" value="6" />
</form>

</div>

</div><!--/U1HEADER1Z-->


<div style="clear:both;"></div>


<div id="content">
<div id="contentleft">

<div class="adsense-post">

<h3>союз сборник популярной музыки</h3>
<!--U1SOYUZ1Z--><table border="0" width="100%" bgcolor="#ffffff" cellspacing="1" cellpadding="0" class="sotab2"><tr>

<td class="sotab">
<a href="/forum/34-655-1"><img src="/s_min/s_01.jpg" border="0"></a>
</td>

<td class="sotab">
<a href="/forum/35-656-1"><img src="/s_min/s_2.png" border="0"></a>
</td>

<td class="sotab">
<a href="/forum/36-17-1"><img src="/s_min/s_03.jpg" border="0"></a>
</td>

<td class="sotab">

<a href="/forum/38-18-1"><img src="/s_min/s_05.jpg" border="0"></a>
</td>

<td class="sotab">
<a href="/forum/39-19-1"><img src="/s_min/s_06.jpg" border="0"></a>
</td>

<td class="sotab">
<a href="/forum/40-20-1"><img src="/s_min/s_07.jpg" border="0"></a>
</td>

<td class="sotab">
<a href="/forum/42-21-1"><img src="/s_min/s_09.jpg" border="0"></a>
</td>

</tr></table>

<table border="0" width="100%" bgcolor="#ffffff" cellspacing="1" cellpadding="0" class="sotab2"><tr>

<td class="sotab">
<a href="/forum/43"><img src="/s_min/s_10.jpg" border="0"></a>
</td>

<td class="sotab">
<a href="/forum/44-22-1"><img src="/s_min/s_11.jpg" border="0"></a>
</td>

<td class="sotab">
<a href="/forum/45-23-1"><img src="/s_min/s_12.jpg" border="0"></a>
</td>

<td class="sotab">
<a href="/forum/2"><img src="/s_min/s_13.jpg" border="0"></a>
</td>

<td class="sotab">
<a href="/forum/3"><img src="/s_min/s_14.jpg" border="0"></a>
</td>

<td class="sotab">
<a href="/forum/4"><img src="/s_min/s_15.jpg" border="0"></a>
</td>

<td class="sotab">
<a href="/forum/5-7-1"><img src="/s_min/s_16.jpg" border="0"></a>
</td>

</tr></table>


<table border="0" width="100%" bgcolor="#ffffff" cellspacing="1" cellpadding="0" class="sotab2"><tr>

<td class="sotab">
<a href="/forum/6-8-1"><img src="/s_min/s_17.jpg" border="0"></a>
</td>

<td class="sotab">
<a href="/forum/7"><img src="/s_min/s_18.jpg" border="0"></a>
</td>

<td class="sotab">
<a href="/forum/8"><img src="/s_min/s_19.jpg" border="0"></a>
</td>

<td class="sotab">
<a href="/forum/9"><img src="/s_min/s_20.jpg" border="0"></a>
</td>

<td class="sotab">
<a href="/forum/10"><img src="/s_min/s_21.jpg" border="0"></a>
</td>

<td class="sotab">
<a href="/forum/11-13-1"><img src="/s_min/s_22.jpg" border="0"></a>
</td>

<td class="sotab">
<a href="/forum/12"><img src="/s_min/s_23.jpg" border="0"></a>
</td>

</tr></table>



<table border="0" width="100%" bgcolor="#ffffff" cellspacing="1" cellpadding="0" class="sotab2"><tr>

<td class="sotab">
<a href="/forum/13-15-1"><img src="/s_min/s_24.jpg" border="0"></a>
</td>

<td class="sotab">
<a href="/forum/14-16-1"><img src="/s_min/s_25.jpg" border="0"></a>
</td>

<td class="sotab">
<a href="/forum/15-24-1"><img src="/s_min/s_26.jpg" border="0"></a>
</td>

<td class="sotab">
<a href="/forum/16"><img src="/s_min/s_27.jpg" border="0"></a>
</td>

<td class="sotab">
<a href="/forum/17-26-1"><img src="/s_min/s_28.jpg" border="0"></a>
</td>

<td class="sotab">
<a href="/forum/18-27-1"><img src="/s_min/s_29.jpg" border="0"></a>
</td>

<td class="sotab">
<a href="/forum/19"><img src="/s_min/s_30.jpg" border="0"></a>
</td>

</tr></table>



<table border="0" width="100%" bgcolor="#ffffff" cellspacing="1" cellpadding="0" class="sotab2"><tr>

<td class="sotab">
<a href="/forum/20-29-1"><img src="/s_min/s_31.jpg" border="0"></a>
</td>

<td class="sotab">
<a href="/forum/21-36-1"><img src="/s_min/s_32.jpg" border="0"></a>
</td>

<td class="sotab">
<a href="/forum/22-34-1"><img src="/s_min/s_33.jpg" border="0"></a>
</td>

<td class="sotab">
<a href="/forum/23"><img src="/s_min/s_34.jpg" border="0"></a>
</td>

<td class="sotab">
<a href="/forum/24"><img src="/s_min/s_35.jpg" border="0"></a>
</td>

<td class="sotab">
<a href="/forum/25"><img src="/s_min/s_36.jpg" border="0"></a>
</td>

<td class="sotab">
<a href="/forum/26"><img src="/s_min/s_37.jpg" border="0"></a>
</td>

</tr></table>



<table border="0" width="100%" bgcolor="#ffffff" cellspacing="1" cellpadding="0" class="sotab2"><tr>

<td class="sotab">
<a href="/forum/27"><img src="/s_min/s_38.jpg" border="0"></a>
</td>

<td class="sotab">
<a href="/forum/28"><img src="/s_min/s_39.jpg" border="0"></a>
</td>

<td class="sotab">
<a href="/forum/29-35-1"><img src="/s_min/s_40.jpg" border="0"></a>
</td>

<td class="sotab">
<a href="/forum/30-33-1"><img src="/s_min/s_41.jpg" border="0"></a>
</td>

<td class="sotab">
<a href="/forum/31-30-1"><img src="/s_min/s_42.jpg" border="0"></a>
</td>

<td class="sotab">
<a href="/forum/57"><img src="/s_min/s_43.jpg" border="0"></a>
</td>

<td class="sotab">
<a href="/forum/64-603-1"><img src="/s_min/sz-44-sr.gif" border="0"></a>
</td>

</tr></table>


<table border="0" width="506px" bgcolor="#ffffff" cellspacing="1" cellpadding="0" class="sotab2"><tr>

<td class="sotab">
<a href="/forum/51-31-1"><img src="/s_min/ws_01.jpg" border="0"></a>
</td>

<td class="sotab">
<a href="/forum/52-32-1"><img src="/s_min/ws_02.jpg" border="0"></a>
</td>

<td class="sotab">
<a href="/forum/53-47-1"><img src="/s_min/ws_03.jpg" border="0"></a>
</td>

<td class="sotab">
<a href="/forum/54-50-1"><img src="/s_min/ws_04.jpg" border="0"></a>
</td>

<td class="sotab">

<a href="/forum/55-51-1"><img src="/s_min/ws_05.jpg" border="0"></a>
</td>

<td class="sotab">
<a href="/forum/56-52-1"><img src="/s_min/ws_06.jpg" border="0"></a>
</td>

</tr></table><!--/U1SOYUZ1Z-->
</div>
</div>

<div id="sidebar">
<!--U1SIDEBAR1Z-->

<div class="video">
<h3>Всесоюзное обновление</h3>

<div class="nin17">
<img src="/logo/blsin.png" border="0"><a href="/forum/59-814-1">Вячеслав Малежик - Альбом 1</a><br><img src="/logo/blsin.png" border="0"><a href="/forum/59-1404-1">Михаил Круг - Жиган-лимон (1994)</a><br><img src="/logo/blsin.png" border="0"><a href="/forum/59-1418-1">Эдуард Кидэ - Долгожданный сон 94/93 Не ...</a><br><img src="/logo/blsin.png" border="0"><a href="/forum/43-157-1">Союз 10 Сборник популярной музыки (1993)...</a><br><img src="/logo/blsin.png" border="0"><a href="/forum/59-1692-1">Brazzaville “21st century girl”</a><br><img src="/logo/blsin.png" border="0"><a href="/forum/59-1691-1">Brazzaville “East L.A. Breeze”</a><br><img src="/logo/blsin.png" border="0"><a href="/forum/59-1690-1">Brazzaville “Welcome To Brazzaville”</a><br><img src="/logo/blsin.png" border="0"><a href="/forum/59-1689-1">Brazen Abbot (N. Kotzev) "Live And ...</a><br><img src="/logo/blsin.png" border="0"><a href="/forum/59-1688-1">Tomas Bodin "I Am"</a><br><img src="/logo/blsin.png" border="0"><a href="/forum/59-1687-1">Blackmore's Night "Secret Voyag...</a><br><img src="/logo/blsin.png" border="0"><a href="/forum/33-1686-1">Blackmore's Night "Paris Moon (...</a><br>

</div>

</div>


<div class="video">
<h3>
<div style="float:right"><b><A href="/board/0-0-0-0-1">Создать свой лот</a></b></div>
<div style="text-align:left;">Куплю-продам СОЮЗ</div>
</h3>

<table border="0" width="100%" cellspacing="0" cellpadding="0"><tr>  <td width="80%" align="left"> <a href="/board/3-1-0-8">Аудиокассеты разные</a> </td>  <td width="20%" align="right"> <a href="/board/3">Продам</a> </td>  </tr></table><table border="0" width="100%" cellspacing="0" cellpadding="0"><tr>  <td width="80%" align="left"> <a href="/board/2-1-0-7">Альбомы 1994-1997 список внутр...</a> </td>  <td width="20%" align="right"> <a href="/board/2">Куплю</a> </td>  </tr></table><table border="0" width="100%" cellspacing="0" cellpadding="0"><tr>  <td width="80%" align="left"> <a href="/board/3-1-0-6">Танцевальный рай (кассеты)</a> </td>  <td width="20%" align="right"> <a href="/board/3">Продам</a> </td>  </tr></table>

</div>


<div class="video">
<h3>Всесоюзный розыск</h3>

Если у Вас есть что-либо из этого списка,
то мы будем крайне благодарны, если Вы сможете поделиться с нами!<br>

<a href="" onClick="op('div2'); return false;">Стереорипы с аудиокассет<br></a>

<div id="div2" style="display:none">
<A href="#"><font color="#808080" style="font-size: 8pt"></font></a>
<b>Союз 3-4, 8</b></div>

<a href="" onClick="op('div3'); return false;">Оригинальные обложки кассет<br></a>

<div id="div3" style="display:none">
<A href="#"><font color="#808080" style="font-size: 8pt"></font></a>
<b>Союз 1-9</b></div>

<a href="" onClick="op('div4'); return false;">Рипы с дисков<br></a>

<div id="div4" style="display:none">
<A href="#"><font color="#808080" style="font-size: 8pt"></font></a>
<b>Союз 24-26, 28-29, 31-33 - полные версии<br>
Euro Союз 2-4<br>

В десяточку! 5, 12-13, 16<br>
Самый русский хит 1, 3, 5-8<br>
Это новый хит 4<br>
Дискотека Арлекина 1-4<br>
Лучшая дискотека 1-5, 7<br>
Это все для тебя 2-3<br>
Новое и лучшее 1-3<br>
Горячая десятка зима 97<br>
Двигай попой - 1-2, 4-5, 7, 10-11, 13-14<br>

Еще одна вечеринка 1<br>
Вечеринка продолжается! 2<br>
Starco (1995)<br>
Russian lyric collection 1-2<br>
2000% живой энергии 1-2<br>
</b></div>

<a href="" onClick="op('div5'); return false;">Рипы с видеокассет (dvd)<br></a>

<div id="div5" style="display:none">
<A href="#"><font color="#808080" style="font-size: 8pt"></font></a>

<b>Союз 15, 17-19, 22-34 - видеоклипы</b></div>

</div>

<div class="video">
<h3>ON-LINE на союзе</h3>
<div class="tOnline" id="onl1">Онлайн всего: <b>2</b></div> <div class="gOnline" id="onl2">Гостей: <b>0</b></div> <div class="uOnline" id="onl3">Пользователей: <b>2</b></div> и <a class="groupUser" href="http://www.soyuz-record.ru/index/8-1067" target="_blank">pv47</a>, <a class="groupModer" href="http://www.soyuz-record.ru/index/8-4" target="_blank">smirnoffremastering</a>

</div><!--/U1SIDEBAR1Z-->
</div>

</div>

<div style="clear:both;"></div>


</div>

<div id="footer">
<p>
<!--U1BFOOTER1Z--><div class="fotm">
<table border="0" width="90%" cellspacing="0" cellpadding="0" align="center">
<tr>
<td width="79%" align="center">

© 2007-2009 Посвящено <A href="/">СОЮЗу</a> и <A href="/index/0-6">контакты</a> · Хостинг от <a href="http://www.ucoz.ru/" title="Hosted by uCoz (s22)">uCoz</a> 
 · <A href="http://mirmagi.ru/" target="_blank">МирМэджи</a> · 
<A href="http://wkusmeda.ru/" target="_blank">Кулинария</a> · 
<A href="http://lekali.ru/" target="_blank" >Мода</a>

</td>
<td width="11%" align="center">

<!--LiveInternet counter--><script type="text/javascript"><!--
document.write("<a href='http://www.liveinternet.ru/click' "+
"target=_blank><img src='http://counter.yadro.ru/hit?t26.6;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";"+Math.random()+
"' alt='' title='LiveInternet: показано число посетителей за"+
" сегодня' "+
"border=0 width=88 height=15><\/a>")//--></script><!--/LiveInternet-->

</td></tr></table>
</div><!--/U1BFOOTER1Z-->
</p>
</div>

<script type="text/javascript">
$('.vcode').click(function(){$(this).next().toggle('slow'); return false;});
</script>


</body>

</html>
<!-- 0.01239 (s22) -->

Edited August 31, 2009 by Иван Шумов

Иван Шумов · August 31, 2009

1. используйте теги форума

2. прошу простить, но кто-нибудь разбейте сервера ucoz, ну честное слово ....

Smirnoffremastering · August 31, 2009

Надо убрать шаблон и вместо него вставить наверх шаблон этого сайта.

И подогнать эмблемы по размеру.

Я переписал страницу - смотрите, может, подскажете нужные коды?

http://www.monolit-record.ucoz.ru/

Edited August 31, 2009 by Smirnoffremastering

Flare · September 3, 2009

Для начала сотрите большой кусок кода до первого , включая и его.

На странице должен быть только один <!DOCTYPE …

В конце документа у вас несколько закрывающих </body> и </html>

Они тоже должны быть на странице в единственном экземпляре.

Так же нужно проверить все открывающие и закрывающие <table>, <tr> и <td>, а так же их правильную вложенность.

Searcher · September 4, 2009

Smirnoffremaster..., вы не пытались изучать html и css?

In_Variant · September 12, 2009

Честно говоря, не могу понять что вы хотите... Вы хотите, чтобы вам рассказали как делать сайт? Я так понимаю вы взяли готовый шаблон или cms. Зачем на первой же стадии изучения сайтостроения? Вы как голый в баню. Не торопитесь. Освойтесь. По-хорошему, там переделывать нужно все!

1. Если это первый ваш сайт и вы впервые сели за html, то первоначально потренируйтесь на кошках, ПРОШТУДИРОВАВ htmlbook.ru и еще несколько полезных книжек (от o'reilly, например).

Такой сайт какой вы захотели сделать сможете сделать месяца через 3, если будете сидеть неустанно за изучением.

2. Перед началом создания сайта попробуйте разработать дизайн. Сначала хотя бы на бумаге. Схематично прикиньте где будет логотип, где картинки, где-что. Даже если вы уже прикинули, подумайте, а точно ли хорошо это будет смотреться на сайте.

Говорю это потому, что, зайдя на по вашей ссылке, я ужаснулась. Дизайн не то что нулевой, а минусовой. (повторюсь)По-хорошему, там переделывать нужно все.

3. Вы видели логотип, который вы поместили на сайт? Если не хотите пугать посетителей, то придумайте нормальный логотип, а если это утвержденный от компании, то хоть нарисуйте по-нормальному в Photoshop или Fireworks.

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

По поводу построения сайта (если будете делать своими руками): каталог лучше делайте таблицей во избежании заезжания элементов друг на друга. Но при построении такого дела таблицами есть свои подводные камни. Почитаейте о верстве таблицами на этом и других форумах.

Все остальное, имхо, лучше делать дивами. Удобнее верстать и страница быстрее грузится.

Удачи.

Sign In

Хочу создать сайт студии Монолит

Question

Smirnoffremastering

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

Иван Шумов

Link to comment

Share on other sites

Smirnoffremastering

Link to comment

Share on other sites

Flare

Link to comment

Share on other sites

Searcher

Link to comment

Share on other sites

In_Variant

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information