Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.79/14: Рейтинг темы: голосов - 14, средняя оценка - 4.79
0 / 0 / 0
Регистрация: 28.12.2012
Сообщений: 9

Одностраничный сайт визитка

16.01.2013, 19:31. Показов 2998. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Доброго времени суток!
Давно собирался сделать себе сайт-визитку, на несколько мини-страничек, и вот уже несколько недель разбираюсь с нуля - как купить хостинг, домен, разбираюсь в куче кодов, скриптов и стилей. В общем остались проблемы, которые не знаю как решить, хочу задать пару вопросов, кое что прояснить. Помогите
Итак вот он сайт www.qwa7.net
Есть несколько вопросов:
1. Сайт делаю на чистом html, в программе dreamweaver, сначала сделал просто страничку, прикрутил кнопки с помощью JS и замечательной библиотеки Jquery. Естественно скрипт кнопок писал не я, взял на этом форуме, здесь, теперь мне нужно дописать скрипт, что бы при нажатии на кнопку меню, она не задвигалась под центральный слой, т.е. что бы оставалась открытой в соответствии с той вкладкой на которой я нахожусь.
Последовательность действий должна быть примерно примерно такая:
1.1 Зашел на сайт, все менюшки свернулись, кроме меню home (т.к. первая страница открывается home).
1.2 Перехожу в галерею, вкладка галереи открылась и не закрывается, вкладка домашней страницы закрылась.
1.3 и т.д.
Вот скрипт менюшек:
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
$(window).load(function(){
 $(function() {
                $('#navigation a').stop().animate({'marginLeft':'130px'},150);
                $('#navigation > li').hover(
                    function () {
                        $('a',$(this)).stop().animate({'marginLeft':'-2px'},400);
                    },
                    function () {
                        $('a',$(this)).stop().animate({'marginLeft':'130px'},400);
                    }
                );
            });
});
Вот код:
HTML5
1
2
3
4
5
6
7
8
<div class="left"> 
    <ul id="navigation">
      <li class="home"> <a title="home">Home</a></li>
      <li class="gallery"><a title="gallery">Gallery</a></li>
      <li class="soft"><a title="soft">Soft</a></li>
      <li class="contact"><a title="contact">Contact</a></li>
    </ul>
  </div>
2. Второй вопрос касается центральной части. Я реализовал ее опять через скрипт с помощью AJAX.
Вот скрипт:
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
$(window).load(function(){
$(document).ready(function(){
            $(".center").load("homepage.html");
            $('li.home').click(function(){
                $.ajax({
                    url: "http://www.qwa7.net/homepage.html",
                    cache: false,
                    success: function(html){
                        $(".center").html(html);
                    }
                });
            });
            
            $('li.gallery').click(function(){
                $.ajax({
                    url: "http://www.qwa7.net/gallery.html",
                    cache: false,
                    success: function(html){
                        $(".center").html(html);
                    }
                });
            });
            $('li.soft').click(function(){
                $.ajax({
                    url: "http://www.qwa7.net/soft.html",
                    cache: false,
                    success: function(html){
                        $(".center").html(html);
                    }
                });
            });
            $('li.contact').click(function(){
                $.ajax({
                    url: "http://www.qwa7.net/contacts.html",
                    cache: false,
                    success: function(html){
                        $(".center").html(html);
                    }
                });
            });
            
        });
});
Вопрос состоит в правильности этого скрипта, на IE он не работает, адрес страницы совершенно не меняется, поисковые системы ничего не увидят. За то контент обновляется только внутри, для пользователя это несомненно хорошо, страница не грузится каждый раз полностью. Посоветуйте в какую сторону копать, что гуглить, что бы избавиться от этих минусов...
Или не горит, можно пока оставить как есть.

Вообще, глядя на мой код, что бы вы могли еще посоветовать новичку? Куда дальше копать?
Спасибо за внимание.
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
16.01.2013, 19:31
Ответы с готовыми решениями:

Как сделать такой Одностраничный сайт со скроллом(ну или просто такой скролл)
Как сделать такой &quot;Одностраничный&quot; сайт cо скроллом (ну или просто такой скролл) ? Увидел одностраничный сайт с переходом с помощью...

одностраничный сайт
хочу сделать сайт, разместив только фото с подходящим фоном нужна помощь с реализацией

Нужен одностраничный сайт-магазин
Нужен одностраничный сайт-магазин,Для продажи одного электродного товара с отправкой на почту после оплаты.Подключение оплаты -криптавалюта.

2
супермизантроп
Эксперт JS
3941 / 2979 / 692
Регистрация: 18.04.2012
Сообщений: 8,629
16.01.2013, 20:23
Цитата Сообщение от Qwa7 Посмотреть сообщение
Сайт делаю на чистом html, в программе dreamweaver, сначала сделал просто страничку, прикрутил кнопки с помощью JS и замечательной библиотеки Jquery.
когда говорят про страницу "на чистом html" - это как раз заявляют об отсутствии javasript'a в любом виде
Цитата Сообщение от Qwa7 Посмотреть сообщение
и вот уже несколько недель разбираюсь с нуля
совет вам на будущее - будьте внимательнее, тогда и все вопросы будете решать быстрее

написав сюда, вы просто потеряли время
ибо здесь рассматриваются вопросы, связанные с "чистым javascript'ом", который безо всяких "замечательных" (и не очень "замечательных") библиотек

на странице, где вы создавали тему - на этой - наверху, будь вы внимательнее, вы могли увидеть ссылки на подфорумы, в том числе и на подфорум JQuery
а теперь будете ждать, покуда сюда фанат JQuery не заглянет, или покуда модератор эту вашу тему в тот подфорум не перенесёт
0
0 / 0 / 0
Регистрация: 28.12.2012
Сообщений: 9
17.01.2013, 17:14  [ТС]
Цитата Сообщение от kalabuni Посмотреть сообщение
когда говорят про страницу "на чистом html" - это как раз заявляют об отсутствии javasript'a в любом виде
я сначала на joomla хотел все сделать, но там на первый взгляд нужно больше разбираться, гибкости что ли меньше, и эти шаблоны... . Не в этом суть.

Цитата Сообщение от kalabuni Посмотреть сообщение
совет вам на будущее - будьте внимательнее, тогда и все вопросы будете решать быстрее
Ступил , если можно, пусть модератор перенесет тему...

Добавлено через 20 часов 46 минут
Итак, второй вопрос вроде бы снимается, разобрался как сделать переход между страницами с помошью php, вроде бы все нормально, все работает, хотя ощущение такое, что работает медленней. (может пойти дальше и попробовать еще с базой данных разобраться?)
Вот www.qwa7.net/QSP

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

P.S. Спасибо что перенесли тему
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
17.01.2013, 17:14
Помогаю со студенческими работами здесь

Как составлять одностраничный сайт
Вообщем Css HTML знаю но столкнулся с такой проблемой хочу допустим сверстать сайт из PSD макета...скачал примерно понимаю что где будет...

Написать одностраничный сайт на PHP
Привет всем,прошу помощи у Вас Препод задал написать одностраничный сайт на php, а я его совсем не знаю. Написал сайт на html ,а на php...

Как сделать одностраничный сайт?
&lt;p&gt;Здравствуйте! Подскажите пожалуйста как лучше сделать одностраничный сайт. Какие есть бесплатные способы или не очень дорогие. На данный...

Некорректно работает одностраничный сайт
Здравствуйте, я сделал верстку для одностраничного сайта, и зафиксировал меню в верху, но при переходе по ссылкам данный блок наезжает на...

Собрать несколько страниц в одностраничный сайт
Доброго времени суток! Есть сайт на Битриксе, он разбит на страницы. В каждой из них отдельные сущности &lt;section&gt; . Нужно...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук
volvo 07.12.2025
Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов
Argus19 22.11.2025
Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
Сколько Государство потратило денег на меня, обеспечивая инсулином.
Programma_Boinc 20.11.2025
Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .
Ломающие изменения в C#.NStar Alpha
Etyuhibosecyu 20.11.2025
Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .
Мысли в слух
kumehtar 18.11.2025
Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .
Создание Single Page Application на фреймах
krapotkin 16.11.2025
Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru