Jump to content

Мне не нравится дизайн сайта, как бы его получше поменять?

Vsevolod-s10

By Vsevolod-s10,
in Discussion of works

 Share

Recommended Posts

Vsevolod-s10 Explorer

Vsevolod-s10

Posted
Posted

vsevolod-s10.h19.ru logun: user password: password

Я сделал этот сайт, а теперь мне кажется что дизайн какой то детский. А один знакомый мне сказал что в разделе "Карелия" и "ЯнисЪярви" написано не интересно. И картинки рыбок которые явно не водятся в ЯнисЪярви не в тему. Тем более страница долго грузится т.к. весь сайт одна большая картинка. Когда я буду переделывать сайт я все таки в место картинок текста вставлю настоящий текст. Я делаю сайт по подобию этого: kareliaextreme.ru Как лучше переделать сайт чтоб дизайн не казался детским?

Link to comment
Share on other sites
Great Rash Explorer

Great Rash

Posted
Posted
Я сделал этот сайт, а теперь мне кажется что дизайн какой то детский.

Дизайна на этом сайте нет.

Как лучше переделать сайт чтоб дизайн не казался детским?

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

Link to comment
Share on other sites
Vsevolod-s10 Explorer

Vsevolod-s10

Posted
  • Author
Posted

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

Link to comment
Share on other sites
Vsevolod-s10 Explorer

Vsevolod-s10

Posted
  • Author
Posted (edited) 

<?php
$co=@$_COOKIE['login'];
if ($co != "yes") {
?>
<script language="JavaScript"> 
  window.location.href = "login.php"
</script>
<?php
}
?>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml" lang="en">
	  <head>
	    <title>Рыбалка в озере ЯнисъЯрви</title>
	    <link rel="stylesheet" type="style/css" href="style.css"/>
	  </head>
	  <body>            

             <a href="http://www.vsevolod-s10.h19.ru" onMouseOver="document.pic1.src='http://vsevolod-s10.narod2.ru/sait/r1_1.jpg'" onMouseOut="document.pic1.src='http://vsevolod-s10.narod2.ru/sait/r1_0.jpg'">
             <IMG SRC="http://vsevolod-s10.narod2.ru/sait/r1_0.jpg" style="position:fixed;top:0px;left:0px;" BORDER=0 NAME="pic1"></a>
             <!-- {рыбка 1} -->

             <a href="http://www.vsevolod-s10.h19.ru/karelia.php" onMouseOver="document.pic2.src='http://vsevolod-s10.narod2.ru/sait/r2_1.jpg'" onMouseOut="document.pic2.src='http://vsevolod-s10.narod2.ru/sait/r2_0.jpg'">
             <IMG SRC="http://vsevolod-s10.narod2.ru/sait/r2_0.jpg" style="position:fixed;top:240px;left:0px;" BORDER=0 NAME="pic2"></a>
             <!-- {рыбка 2} -->

             <a href="http://www.vsevolod-s10.h19.ru/janisjarvi.php" onMouseOver="document.pic3.src='http://vsevolod-s10.narod2.ru/sait/r3_1.jpg'" onMouseOut="document.pic3.src='http://vsevolod-s10.narod2.ru/sait/r3_0.jpg'">
             <IMG SRC="http://vsevolod-s10.narod2.ru/sait/r3_0.jpg" style="position:fixed;top:470px;left:0px;" BORDER=0 NAME="pic3"></a>
             <!-- {рыбка 3} -->

             <a href="http://www.vsevolod-s10.h19.ru/photo_1.php" onMouseOver="document.pic4.src='http://vsevolod-s10.narod2.ru/sait/r4_1.jpg'" onMouseOut="document.pic4.src='http://vsevolod-s10.narod2.ru/sait/r4_0.jpg'">
             <IMG SRC="http://vsevolod-s10.narod2.ru/sait/r4_0.jpg" style="position:fixed;top:0px;left:1022px;" BORDER=0 NAME="pic4"></a>
             <!-- {рыбка 4} -->

             <a href="http://www.vsevolod-s10.h19.ru/info.php" onMouseOver="document.pic5.src='http://vsevolod-s10.narod2.ru/sait/r5_1.jpg'" onMouseOut="document.pic5.src='http://vsevolod-s10.narod2.ru/sait/r5_0.jpg'">
             <IMG SRC="http://vsevolod-s10.narod2.ru/sait/r5_0.jpg" style="position:fixed;top:254px;left:1022px;" BORDER=0 NAME="pic5"></a>
             <!-- {рыбка 5} -->

             <a href="http://www.vsevolod-s10.h19.ru/ribalka.php" onMouseOver="document.pic6.src='http://vsevolod-s10.narod2.ru/sait/r6_1.jpg'" onMouseOut="document.pic6.src='http://vsevolod-s10.narod2.ru/sait/r6_0.jpg'">
             <IMG SRC="http://vsevolod-s10.narod2.ru/sait/r6_0.jpg" style="position:fixed;top:466px;left:1066px;" BORDER=0 NAME="pic6"></a>
             <!-- {рыбка 6} -->

             <img src="img.jpg" style="position:absolute;top:0px;left:225px;" />                              <!-- {Движущаяся панельна} -->            

             <a href="http://www.vsevolod-s10.h19.ru/photo1.php" onMouseOver="document.pic7.src='http://vsevolod-s10.narod2.ru/sait/1_1.jpg'" onMouseOut="document.pic7.src='http://vsevolod-s10.narod2.ru/sait/1_0.jpg'">
             <IMG SRC="http://vsevolod-s10.narod2.ru/sait/1_0.jpg" style="position:absolute;top:1313px;left:329px;" BORDER=0 NAME="pic7"></a>
             <!-- {картинка рыбалки 1} -->

             <a href="http://www.vsevolod-s10.h19.ru/photo2.php" onMouseOver="document.pic8.src='http://vsevolod-s10.narod2.ru/sait/2_1.jpg'" onMouseOut="document.pic8.src='http://vsevolod-s10.narod2.ru/sait/2_0.jpg'">
             <IMG SRC="http://vsevolod-s10.narod2.ru/sait/2_0.jpg" style="position:absolute;top:1309px;left:604px;" BORDER=0 NAME="pic8"></a>
             <!-- {картинка рыбалки 2} -->    

             <!———-->

             <a href="http://www.vsevolod-s10.h19.ru" onMouseOver="document.pic1_1.src='http://vsevolod-s10.narod2.ru/sait/r1_0.jpg'" onMouseOut="document.pic1_1.src='http://vsevolod-s10.narod2.ru/sait/r1_1.jpg'">
             <IMG SRC="http://vsevolod-s10.narod2.ru/sait/r1_1.jpg" style="position:fixed;top:0px;left:1500px;" BORDER=0 NAME="pic1_1"></a>
             <!-- {рыбка 1} -->

             <a href="http://www.vsevolod-s10.h19.ru/karelia.php" onMouseOver="document.pic2_1.src='http://vsevolod-s10.narod2.ru/sait/r2_0.jpg'" onMouseOut="document.pic2_1.src='http://vsevolod-s10.narod2.ru/sait/r2_1.jpg'">
             <IMG SRC="http://vsevolod-s10.narod2.ru/sait/r2_1.jpg" style="position:fixed;top:240px;left:1500px;" BORDER=0 NAME="pic2_1"></a>
             <!-- {рыбка 2} -->

             <a href="http://www.vsevolod-s10.h19.ru/janisjarvi.php" onMouseOver="document.pic3_1.src='http://vsevolod-s10.narod2.ru/sait/r3_0.jpg'" onMouseOut="document.pic3_1.src='http://vsevolod-s10.narod2.ru/sait/r3_1.jpg'">
             <IMG SRC="http://vsevolod-s10.narod2.ru/sait/r3_1.jpg" style="position:fixed;top:470px;left:1500px;" BORDER=0 NAME="pic3_1"></a>
             <!-- {рыбка 3} -->

             <a href="http://www.vsevolod-s10.h19.ru/photo_1.php" onMouseOver="document.pic4_1.src='http://vsevolod-s10.narod2.ru/sait/r4_0.jpg'" onMouseOut="document.pic4_1.src='http://vsevolod-s10.narod2.ru/sait/r4_1.jpg'">
             <IMG SRC="http://vsevolod-s10.narod2.ru/sait/r4_1.jpg" style="position:fixed;top:0px;left:1522px;" BORDER=0 NAME="pic4_1"></a>
             <!-- {рыбка 4} -->

             <a href="http://www.vsevolod-s10.h19.ru/info.php" onMouseOver="document.pic5_1.src='http://vsevolod-s10.narod2.ru/sait/r5_0.jpg'" onMouseOut="document.pic5_1.src='http://vsevolod-s10.narod2.ru/sait/r5_1.jpg'">
             <IMG SRC="http://vsevolod-s10.narod2.ru/sait/r5_1.jpg" style="position:fixed;top:254px;left:1522px;" BORDER=0 NAME="pic5_1"></a>
             <!-- {рыбка 5} -->

             <a href="http://www.vsevolod-s10.h19.ru/ribalka.php" onMouseOver="document.pic6_1.src='http://vsevolod-s10.narod2.ru/sait/r6_0.jpg'" onMouseOut="document.pic6_1.src='http://vsevolod-s10.narod2.ru/sait/r6_1.jpg'">
             <IMG SRC="http://vsevolod-s10.narod2.ru/sait/r6_1.jpg" style="position:fixed;top:466px;left:1566px;" BORDER=0 NAME="pic6_1"></a>
             <!-- {рыбка 6} -->

             <a href="http://www.vsevolod-s10.h19.ru/photo1.php" onMouseOver="document.pic7_1.src='http://vsevolod-s10.narod2.ru/sait/1_0.jpg'" onMouseOut="document.pic7_1.src='http://vsevolod-s10.narod2.ru/sait/1_1.jpg'">
             <IMG SRC="http://vsevolod-s10.narod2.ru/sait/1_1.jpg" style="position:fixed;top:2313px;left:329px;" BORDER=0 NAME="pic7_1"></a>
             <!-- {картинка рыбалки 1} -->

             <a href="http://www.vsevolod-s10.h19.ru/photo2.php" onMouseOver="document.pic8_1.src='http://vsevolod-s10.narod2.ru/sait/2_0.jpg'" onMouseOut="document.pic8.src='http://vsevolod-s10.narod2.ru/sait/2_1.jpg'">
             <IMG SRC="http://vsevolod-s10.narod2.ru/sait/2_1.jpg" style="position:fixed;top:2309px;left:604px;" BORDER=0 NAME="pic8_1"></a>
             <!-- {картинка рыбалки 2} --> 

             <a href="exit.php" style="position:absolute;top:80px;left:1000px;">Выйти</a>

             <p style="position:absolute;top:548px;left:833px;">Отправить информацию о сайте</p>
             <p style="position:absolute;top:580px;left:863px;">Вам на e-mail? Ваш e-mail:</p>
	     <form method="post" action="mail.php">
	     <br /><input type="text" name="mail" style="position:absolute;top:627px;left:870px;" />
	     <input type="submit" value="Отправить" style="position:absolute;top:677px;left:900px;">
	     </form>


          </body>
	</html>

Вот код страницы, после закрытия тега html у меня ничего нет.

Edited by Vsevolod-s10
Link to comment
Share on other sites
Vsevolod-s10 Explorer

Vsevolod-s10

Posted
  • Author
Posted

Ага, а все же не счет моего сайта, оставить экзотических рыбок как символ рыбалки или придется поменять на тех что водятся в ЯнисЪярви? И скажите, что лучше сделать с фоном (не задним, а с движущейся голубой панелькой посредине) чтоб долго не грузилось? Конечно я текст в новой версии сайта сделаю отдельно от картинки, но фон текста все равно останется. Можно сделать маленькую картинки и ее замостить, но тогда пропадет прикольная штука с канатами. Может что-то еще предложите? И вообще, что в нем лучше изменить?

Link to comment
Share on other sites
Анна Explorer

Анна

Posted
Posted

И скажите, что лучше сделать с фоном (не задним, а с движущейся голубой панелькой посредине) чтоб долго не грузилось? Конечно я текст в новой версии сайта сделаю отдельно от картинки, но фон текста все равно останется. Можно сделать маленькую картинки и ее замостить, но тогда пропадет прикольная штука с канатами. Может что-то еще предложите?

Попробуйте разделить фоновую картинку на части. Верёвочку делим на три картинки:один уголок, одна вертикальная длинная часть и одна горизонтальная длинная часть. Фон заливаем тоже кодом.

Link to comment
Share on other sites
Vsevolod-s10 Explorer

Vsevolod-s10

Posted
  • Author
Posted

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

Link to comment
Share on other sites
Sivv Explorer

Sivv

Posted
Posted

внести пять копеек? я бы сделала шрифт помельче, и в заголовках, и в тексте, все-таки очень крупно, а телефон и так выделен, его не пропустишь:)

плюс я бы поменяла как-то в меню заголовки - очень они похожи на вордовые украшенные.. может, их сдержаннее как-то оформить, раз у вас такие яркие рыбки?)

ммм. подумала - я, конечно, больше верстальщик, просто дизайном увлекаюсь постольку, поскольку. Может, вы правы - рыбок ярких сменить на те, которые водятся в ЯнисъЯрви? залить весь фон одним цветом (а то белый проглядывает), и заголовки оформить единообразно в стиле, связанном вот с этими веревочками (т.е. может быть на подложке, как ярлычки)?

И еще у меня на мониторе 1600px в ширину, меню второй раз появляется справа.

  • Like 1
Link to comment
Share on other sites
bonyany Explorer

bonyany

Posted
Posted

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

а... вот еще... блок "Отправить информацию о сайте Вам на e-mail? Ваш e-mail" сделай уже... что бы каждое слово с новой строки начиналось и про вопросительный знак тоже не забудь (на новой строке размести)... а так повторюсь - нормально вполне... достойно...

Link to comment
Share on other sites
Vsevolod-s10 Explorer

Vsevolod-s10

Posted
  • Author
Posted

Спасибо за советы, ко всем им я прислушаюсь, сейчас обмозгую как лучше сделать. Рыб я решил убрать, а место них сделать надписи на фоне картинок подходящих по смыслу (фотоаппарат в пункте "ФОТО"). Еще есть идея чтоб пункты увеличивались плавно, но пока как это сделать я не знаю, как нибудь наверное через JavaScript.

Link to comment
Share on other sites
Vsevolod-s10 Explorer

Vsevolod-s10

Posted
  • Author
Posted

|————————————————————————————————————-|

| чтоб пункты увеличивались плавно, но пока как это сделать я не знаю, как нибудь наверное через JavaScript |

|————————————————————————————————————-|

Узнал

Link to comment
Share on other sites
Vsevolod-s10 Explorer

Vsevolod-s10

Posted
  • Author
Posted

Еще такой вопрос,

когда делал столкнулся с тем что при увеличение картинка залезает на фон.

http://vsevolod-s11.h19.ru/

Это плохо, ничего страшного или наоборот хорошо. Оцените пока пожалуйста только залезание рыбки на синею картинку.

Link to comment
Share on other sites
Vsevolod-s10 Explorer

Vsevolod-s10

Posted
  • Author
Posted
Временно удаляет элемент из документа. Занимаемое им место не резервируется и веб-страница формируется так, словно элемента и не было. Изменить значение и сделать вновь видимым элемент можно с помощью скриптов, обращаясь к свойствам через объектную модель. В этом случае происходит переформатирование данных на странице с учетом вновь добавленного элемента.

Как этот тег может быть связан с музыкой?

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to topic listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept