|
Общее Веб-разработка в целом, идеи, проекты... |
25.02.2013, 17:05
|
#1
|
Знающий
Регистрация: 29.11.2010
Сообщений: 244
Написано 31 полезных сообщений (для 49 пользователей)
|
ОДжин
Поздравьте меня, слепил свой первый сайт (вернее почти слепил, сейчас как бы техно-демка)
Он получился весьма бесполезным, но надеюсь хотябы в портфолио сойдет
ССЫЛКА
(Делаю на php, jquery, mysql, ну короче стандартный набор)
UPD: если заинтересовали скрипты, позволяющие обновлять страницы без перезагрузки, можете смело брать, я не меркантильный, ыыы)
__________________
Intel Core i3-4005U (1.7 ГГц), 4 ГБ ОЗУ, nVidia GeForce 940M 4 ГБ, Win8.1
|
(Offline)
|
|
25.02.2013, 19:50
|
#2
|
.
Регистрация: 05.08.2006
Сообщений: 10,429
Написано 3,454 полезных сообщений (для 6,863 пользователей)
|
Ответ: ОДжин
АА НЕТ, МОИ ГЛАЗА!..
В общем вот тебе самое то что бросается в глаза:
1. Структура страницы должна быть такой:
<!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. Отступы для строк кода, лишние пустые строки, всё это ужасно не красиво и не хорошо выглядит. Читать такой код просто невозможно.
В общем ты лучше помедленнее осваивай новые технологии, а лучше научись качественно обращаться с минимальными.
|
(Offline)
|
|
25.02.2013, 21:16
|
#3
|
Знающий
Регистрация: 29.11.2010
Сообщений: 244
Написано 31 полезных сообщений (для 49 пользователей)
|
Ответ: ОДжин
1 - да, да, знаю, называется "сделал как-нибудь, но чтоб работало". И работает)))
2 - а почему таблицы не использовать?
3 - см первый пункт) много раз все перерабатывалось на скорую руку и еще будет перерабатываться, и это мое оправдание
и еще: спасибо что отписался
__________________
Intel Core i3-4005U (1.7 ГГц), 4 ГБ ОЗУ, nVidia GeForce 940M 4 ГБ, Win8.1
|
(Offline)
|
|
25.02.2013, 22:00
|
#4
|
.
Регистрация: 05.08.2006
Сообщений: 10,429
Написано 3,454 полезных сообщений (для 6,863 пользователей)
|
Ответ: ОДжин
Сообщение от ANIK123
1 - да, да, знаю, называется "сделал как-нибудь, но чтоб работало". И работает)))
3 - см первый пункт) много раз все перерабатывалось на скорую руку и еще будет перерабатываться, и это мое оправдание
и еще: спасибо что отписался
|
Учись сразу разрабатывать как полагается, иначе потом прийдётся переучиваться, а это в разы болезненней..
Сообщение от ANIK123
2 - а почему таблицы не использовать?
|
http://stackoverflow.com/questions/8...layout-in-html
|
(Offline)
|
|
25.02.2013, 23:46
|
#5
|
Знающий
Регистрация: 29.11.2010
Сообщений: 244
Написано 31 полезных сообщений (для 49 пользователей)
|
Ответ: ОДжин
почитал о "вреде" таблиц, буду использовать их меньше)
что еще скажето о моем великом творении?
__________________
Intel Core i3-4005U (1.7 ГГц), 4 ГБ ОЗУ, nVidia GeForce 940M 4 ГБ, Win8.1
|
(Offline)
|
|
26.02.2013, 00:00
|
#6
|
.
Регистрация: 05.08.2006
Сообщений: 10,429
Написано 3,454 полезных сообщений (для 6,863 пользователей)
|
Ответ: ОДжин
|
(Offline)
|
|
Сообщение было полезно следующим пользователям:
|
|
26.02.2013, 01:16
|
#7
|
[object Object]
Регистрация: 01.08.2008
Адрес: В России
Сообщений: 4,361
Написано 2,473 полезных сообщений (для 6,856 пользователей)
|
Ответ: ОДжин
На мониторах с разрешением 1024x768 появляется горизонтальный скроллбар, который дико раздражает
__________________
Retry, Abort, Ignore? █
Intel Core i7-9700 4.70 Ghz; 64Gb; Nvidia RTX 4090 3070
AMD Ryzen 7 3800X 4.3Ghz; 64Gb; Nvidia 1070Ti
AMD Ryzen 7 1700X 3.4Ghz; 8Gb; AMD RX 570
AMD Athlon II 2.6Ghz; 8Gb; Nvidia GTX 750 Ti
|
(Offline)
|
|
26.02.2013, 03:35
|
#8
|
Знающий
Регистрация: 29.11.2010
Сообщений: 244
Написано 31 полезных сообщений (для 49 пользователей)
|
Ответ: ОДжин
Сообщение от Randomize
На мониторах с разрешением 1024x768 появляется горизонтальный скроллбар, который дико раздражает
|
и что делать? тупо уменьшить ширину "контента"?
__________________
Intel Core i3-4005U (1.7 ГГц), 4 ГБ ОЗУ, nVidia GeForce 940M 4 ГБ, Win8.1
|
(Offline)
|
|
05.03.2013, 06:17
|
#9
|
Знающий
Регистрация: 29.11.2010
Сообщений: 244
Написано 31 полезных сообщений (для 49 пользователей)
|
Ответ: ОДжин
дошел до переработки "дизайна", а именно до перехода с таблиц на православные слои (в которых походу только одно преимущество: меньше кода получится. наверное. может быть)
и застрял
никак не получается воссоздать рамку (оранжевую такую, из картинок, желание обрамляет - ну вы выдели) используя слои
хотя ранее смастерил ее с помощью таблиц за минуту
суть возникающих проблем даже пытаться высказывать не буду))
что делать?
__________________
Intel Core i3-4005U (1.7 ГГц), 4 ГБ ОЗУ, nVidia GeForce 940M 4 ГБ, Win8.1
|
(Offline)
|
|
05.03.2013, 15:20
|
#10
|
.
Регистрация: 05.08.2006
Сообщений: 10,429
Написано 3,454 полезных сообщений (для 6,863 пользователей)
|
Ответ: ОДжин
Рядовая проблема, и ты уже в ступоре.
Тебе нужно поиграться с float:left и float:right. Затем немного с background-repeat.
Или если тебе пофигу на старые броузеры, смело юзай border-image: http://css-tricks.com/understanding-border-image/
|
(Offline)
|
|
06.03.2013, 04:49
|
#11
|
Знающий
Регистрация: 29.11.2010
Сообщений: 244
Написано 31 полезных сообщений (для 49 пользователей)
|
Ответ: ОДжин
ну вот например <- как растянуть боковую часть рамки на всю высоту?
__________________
Intel Core i3-4005U (1.7 ГГц), 4 ГБ ОЗУ, nVidia GeForce 940M 4 ГБ, Win8.1
Последний раз редактировалось ANIK123, 06.03.2013 в 10:58.
|
(Offline)
|
|
06.03.2013, 15:57
|
#12
|
.
Регистрация: 05.08.2006
Сообщений: 10,429
Написано 3,454 полезных сообщений (для 6,863 пользователей)
|
Ответ: ОДжин
Вот, блок который имеет блоки по углам и сторонам, а также внутренний блок, который задаёт размер исходя из контента.
Также можно задать максимальный размер по разным осям, что я и сделал по ширине просто для примера.
http://jsfiddle.net/yhYtP/5/
В Опере не проверял, потому что мне на неё по*уй.
|
(Offline)
|
|
Сообщение было полезно следующим пользователям:
|
|
18.03.2013, 11:11
|
#13
|
Знающий
Регистрация: 29.11.2010
Сообщений: 244
Написано 31 полезных сообщений (для 49 пользователей)
|
Ответ: ОДжин
Оказалось что гугл не хавает мои аякс-запросы, и соответственно не видит контента, хотя я был наслышан о дружбе гугла и аякса
выглядит это как-то так:
$.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("упс, проблемяка");
}
});
так вот: моя страница из кеша гугла выдает "проблемяку"
я уже извратился с определением бота и выдачей ему нужной инфы без аякса, но все же
__________________
Intel Core i3-4005U (1.7 ГГц), 4 ГБ ОЗУ, nVidia GeForce 940M 4 ГБ, Win8.1
|
(Offline)
|
|
18.03.2013, 14:52
|
#14
|
.
Регистрация: 05.08.2006
Сообщений: 10,429
Написано 3,454 полезных сообщений (для 6,863 пользователей)
|
Ответ: ОДжин
Не знаю где ты слышал, но роботы не работают с JS.
Либо делаешь полную статику, либо пишешь совместимые запросы, которые робот понимает - но это накладно и геморой. Следственно делать статику в разы лучше.
Если например у тебя на сайте стрелочки, чтобы перелистывать статьи, то сделай их <a> элементом, далее при нажатии без JS - он перенаправит и загрузит полную страницу с этой статьёй.
А если есть JS, то он отменит перенаправление и сделает AJAX запрос на данные этой статьи, и подгрузит в динамике, ну и естественно не забывай про pushState - чтобы обновить ссылку в броузере без перенаправления.
Таким образом у тебя AJAX контент, но и ссылки полностью работают и подгружают всё статично, и в придачу гугл с ними работает как нужно.
Это большая тема последние пол года - Single Page Websites, сделать и индексацию, и крутой Experience броузинга - без перенаправлений.
И не простая задача.
|
(Offline)
|
|
Сообщение было полезно следующим пользователям:
|
|
20.03.2013, 15:45
|
#15
|
Знающий
Регистрация: 29.11.2010
Сообщений: 244
Написано 31 полезных сообщений (для 49 пользователей)
|
Ответ: ОДжин
Вот что меня интересует: насколько часто поисковый робот будет заходить к Оджину? А то вижу в кеше гугла снимок еще 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);
}
правильно делаю?
__________________
Intel Core i3-4005U (1.7 ГГц), 4 ГБ ОЗУ, nVidia GeForce 940M 4 ГБ, Win8.1
|
(Offline)
|
|
Ваши права в разделе
|
Вы не можете создавать темы
Вы не можете отвечать на сообщения
Вы не можете прикреплять файлы
Вы не можете редактировать сообщения
HTML код Выкл.
|
|
|
Часовой пояс GMT +4, время: 11:01.
|