Извините, ничего не найдено.

Не расстраивайся! Лучше выпей чайку!
Регистрация
Справка
Календарь

Вернуться   forum.boolean.name > Веб-программирование > Общее

Общее Веб-разработка в целом, идеи, проекты...

Ответ
 
Опции темы
Старый 25.02.2013, 17:05   #1
ANIK123
Знающий
 
Аватар для ANIK123
 
Регистрация: 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
moka
.
 
Регистрация: 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
ANIK123
Знающий
 
Аватар для ANIK123
 
Регистрация: 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
moka
.
 
Регистрация: 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
ANIK123
Знающий
 
Аватар для ANIK123
 
Регистрация: 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
moka
.
 
Регистрация: 05.08.2006
Сообщений: 10,429
Написано 3,454 полезных сообщений
(для 6,863 пользователей)
Ответ: ОДжин

Ну вот W3C ещё поругается на тебя, перечень ошибок:
http://validator.w3.org/check?uri=ht...Inline&group=0
(Offline)
 
Ответить с цитированием
Сообщение было полезно следующим пользователям:
ANIK123 (26.02.2013)
Старый 26.02.2013, 01:16   #7
Randomize
[object Object]
 
Аватар для Randomize
 
Регистрация: 01.08.2008
Адрес: В России
Сообщений: 4,354
Написано 2,470 полезных сообщений
(для 6,850 пользователей)
Ответ: ОДжин

На мониторах с разрешением 1024x768 появляется горизонтальный скроллбар, который дико раздражает
__________________
Retry, Abort, Ignore? █
Intel Core i7-9700 4.70 Ghz; 64Gb; Nvidia RTX 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
ANIK123
Знающий
 
Аватар для ANIK123
 
Регистрация: 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
ANIK123
Знающий
 
Аватар для ANIK123
 
Регистрация: 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
moka
.
 
Регистрация: 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
ANIK123
Знающий
 
Аватар для ANIK123
 
Регистрация: 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
moka
.
 
Регистрация: 05.08.2006
Сообщений: 10,429
Написано 3,454 полезных сообщений
(для 6,863 пользователей)
Ответ: ОДжин

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

В Опере не проверял, потому что мне на неё по*уй.
(Offline)
 
Ответить с цитированием
Сообщение было полезно следующим пользователям:
ANIK123 (06.03.2013)
Старый 18.03.2013, 11:11   #13
ANIK123
Знающий
 
Аватар для ANIK123
 
Регистрация: 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
moka
.
 
Регистрация: 05.08.2006
Сообщений: 10,429
Написано 3,454 полезных сообщений
(для 6,863 пользователей)
Ответ: ОДжин

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

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

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

Это большая тема последние пол года - Single Page Websites, сделать и индексацию, и крутой Experience броузинга - без перенаправлений.
И не простая задача.
(Offline)
 
Ответить с цитированием
Сообщение было полезно следующим пользователям:
Reizel (18.03.2013)
Старый 20.03.2013, 15:45   #15
ANIK123
Знающий
 
Аватар для ANIK123
 
Регистрация: 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)
 
Ответить с цитированием
Ответ


Опции темы

Ваши права в разделе
Вы не можете создавать темы
Вы не можете отвечать на сообщения
Вы не можете прикреплять файлы
Вы не можете редактировать сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.


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


vBulletin® Version 3.6.5.
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Перевод: zCarot
Style crйe par Allan - vBulletin-Ressources.com