forum.boolean.name

forum.boolean.name (http://forum.boolean.name/index.php)
-   Общее (http://forum.boolean.name/forumdisplay.php?f=139)
-   -   ОДжин (http://forum.boolean.name/showthread.php?t=17933)

ANIK123 25.02.2013 17:05

ОДжин
 
Поздравьте меня, слепил свой первый сайт (вернее почти слепил, сейчас как бы техно-демка)
Он получился весьма бесполезным, но надеюсь хотябы в портфолио сойдет
ССЫЛКА
(Делаю на php, jquery, mysql, ну короче стандартный набор)
UPD: если заинтересовали скрипты, позволяющие обновлять страницы без перезагрузки, можете смело брать, я не меркантильный, ыыы)

moka 25.02.2013 19:50

Ответ: ОДжин
 
АА НЕТ, МОИ ГЛАЗА!.. :(

В общем вот тебе самое то что бросается в глаза:
1. Структура страницы должна быть такой:
PHP код:

<!DOCTYPE html>
<
html lang="en">
<
head>
  <
meta charset="utf-8">
  <
title></title>
  <
link href="/css/style.css" rel="stylesheet" />
  <
script type="text/javascript" src="/scripts/script.js"></script>
</head>
<body>
  your content here
</body>
</html> 

Обязательно самое первое - DOCTYPE, при этом юзай что я написал - он самый новый, html5.
Далее идёт head и там объявляются все CSS и JS файлы.
А потом идёт body и уже там контент.

2. ТАБЛИЦА! Не используй таблицы (table) для структуры сайта. Заместо используй DIV и в CSS, float, display, position и т.п. для уже определения как они отображаются.

3. Отступы для строк кода, лишние пустые строки, всё это ужасно не красиво и не хорошо выглядит. Читать такой код просто невозможно.

В общем ты лучше помедленнее осваивай новые технологии, а лучше научись качественно обращаться с минимальными.

ANIK123 25.02.2013 21:16

Ответ: ОДжин
 
1 - да, да, знаю, называется "сделал как-нибудь, но чтоб работало". И работает)))
2 - а почему таблицы не использовать?
3 - см первый пункт) много раз все перерабатывалось на скорую руку и еще будет перерабатываться, и это мое оправдание
и еще: спасибо что отписался :)

moka 25.02.2013 22:00

Ответ: ОДжин
 
Цитата:

Сообщение от ANIK123 (Сообщение 253772)
1 - да, да, знаю, называется "сделал как-нибудь, но чтоб работало". И работает)))
3 - см первый пункт) много раз все перерабатывалось на скорую руку и еще будет перерабатываться, и это мое оправдание
и еще: спасибо что отписался :)

Учись сразу разрабатывать как полагается, иначе потом прийдётся переучиваться, а это в разы болезненней..

Цитата:

Сообщение от ANIK123 (Сообщение 253772)
2 - а почему таблицы не использовать?

http://stackoverflow.com/questions/8...layout-in-html

ANIK123 25.02.2013 23:46

Ответ: ОДжин
 
почитал о "вреде" таблиц, буду использовать их меньше)
что еще скажето о моем великом творении?

moka 26.02.2013 00:00

Ответ: ОДжин
 
Ну вот W3C ещё поругается на тебя, перечень ошибок:
http://validator.w3.org/check?uri=ht...Inline&group=0

Randomize 26.02.2013 01:16

Ответ: ОДжин
 
На мониторах с разрешением 1024x768 появляется горизонтальный скроллбар, который дико раздражает

ANIK123 26.02.2013 03:35

Ответ: ОДжин
 
Цитата:

Сообщение от Randomize (Сообщение 253798)
На мониторах с разрешением 1024x768 появляется горизонтальный скроллбар, который дико раздражает

и что делать? тупо уменьшить ширину "контента"?

ANIK123 05.03.2013 06:17

Ответ: ОДжин
 
дошел до переработки "дизайна", а именно до перехода с таблиц на православные слои (в которых походу только одно преимущество: меньше кода получится. наверное. может быть)
и застрял
никак не получается воссоздать рамку (оранжевую такую, из картинок, желание обрамляет - ну вы выдели) используя слои :(
хотя ранее смастерил ее с помощью таблиц за минуту -_-
суть возникающих проблем даже пытаться высказывать не буду))
что делать?

moka 05.03.2013 15:20

Ответ: ОДжин
 
Рядовая проблема, и ты уже в ступоре.
Тебе нужно поиграться с float:left и float:right. Затем немного с background-repeat.
Или если тебе пофигу на старые броузеры, смело юзай border-image: http://css-tricks.com/understanding-border-image/

ANIK123 06.03.2013 04:49

Ответ: ОДжин
 
ну вот например <- как растянуть боковую часть рамки на всю высоту?

moka 06.03.2013 15:57

Ответ: ОДжин
 
Вот, блок который имеет блоки по углам и сторонам, а также внутренний блок, который задаёт размер исходя из контента.
Также можно задать максимальный размер по разным осям, что я и сделал по ширине просто для примера.
http://jsfiddle.net/yhYtP/5/

В Опере не проверял, потому что мне на неё по*уй.

ANIK123 18.03.2013 11:11

Ответ: ОДжин
 
Оказалось что гугл не хавает мои аякс-запросы, и соответственно не видит контента, хотя я был наслышан о дружбе гугла и аякса
выглядит это как-то так:
Код:

$.ajax({
        url: "/content.php",
        dataType: "json",
        type:"GET",
        data:{sort_by:sort_by_param, show:show_param, page:page},
        success: function(data, status){
                alert("готово!");
        },
        error: function(data, status){
                alert("упс, проблемяка");
        }
});

так вот: моя страница из кеша гугла выдает "проблемяку"
я уже извратился с определением бота и выдачей ему нужной инфы без аякса, но все же

moka 18.03.2013 14:52

Ответ: ОДжин
 
Не знаю где ты слышал, но роботы не работают с JS.
Либо делаешь полную статику, либо пишешь совместимые запросы, которые робот понимает - но это накладно и геморой. Следственно делать статику в разы лучше.

Если например у тебя на сайте стрелочки, чтобы перелистывать статьи, то сделай их <a> элементом, далее при нажатии без JS - он перенаправит и загрузит полную страницу с этой статьёй.
А если есть JS, то он отменит перенаправление и сделает AJAX запрос на данные этой статьи, и подгрузит в динамике, ну и естественно не забывай про pushState - чтобы обновить ссылку в броузере без перенаправления.

Таким образом у тебя AJAX контент, но и ссылки полностью работают и подгружают всё статично, и в придачу гугл с ними работает как нужно.

Это большая тема последние пол года - Single Page Websites, сделать и индексацию, и крутой Experience броузинга - без перенаправлений.
И не простая задача.

ANIK123 20.03.2013 15:45

Ответ: ОДжин
 
Вот что меня интересует: насколько часто поисковый робот будет заходить к Оджину? А то вижу в кеше гугла снимок еще 11-го числа, хоть и шлю ему сайтмапу
Код:

if( $curl = curl_init() ) {
    curl_setopt($curl, CURLOPT_NOBODY, true);
    curl_setopt($curl, CURLOPT_URL, "http://google.com/webmasters/sitemaps/ping?sitemap=".$sitemap_location);
    curl_exec($curl);
    curl_setopt($curl, CURLOPT_URL, "http://webmaster.yandex.ru/wmconsole/sitemap_list.xml?host=".$sitemap_location);
    curl_exec($curl);

    curl_close($curl);

}

правильно делаю?


Часовой пояс GMT +4, время: 18:01.

vBulletin® Version 3.6.5.
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Перевод: zCarot