Javascript-форум (https://javascript.ru/forum/)
-   Ваши сайты и скрипты (https://javascript.ru/forum/project/)
-   -   Какая-то фигня с отображением страницы.. (https://javascript.ru/forum/project/35973-kakaya-fignya-s-otobrazheniem-stranicy.html)

Ahterknica 27.02.2013 20:20

Какая-то фигня с отображением страницы..
 
Такое дело.
Значится, делала я сайт, с трудом пополам, совершенно не умея, но костяк сделала. Все по большей части создано через dreamweawer, соответственно просматривала я его через кнопочку "предварительный просмотр в браузере". Хром, как и везде у меня, если это имеет значение.
Так вот, когда я закинула страничку через ftp на хостинг, то у меня отображается все кошмарно коряво. Вместо меняющейся картинки фоном, изображение подвисает и страница остается кривой.

Вопрос.! У меня где-то корявый код, у меня слишком большие изображения (2 мб в среднем) или дело в хостинге?

Вот ссылка на то, как ЭТО выглядит: кошмар-кошмар.

Может дело вообще в моем компе, а у других оно будет приличным?

ksa 27.02.2013 20:22

Цитата:

Сообщение от Ahterknica
Значится, делала я сайт, с трудом пополам, совершенно не умея, но костяк сделала.

Прям поветрие какое-то! На тему "кто еще не делал сайт"... :D

Ahterknica 27.02.2013 20:29

Цитата:

Сообщение от ksa
Прям поветрие какое-то! На тему "кто еще не делал сайт"...

Да ладно вам, не думаю, что плохо - делать то, чего не умеешь.

ksa 27.02.2013 20:36

Цитата:

Сообщение от Ahterknica
не думаю, что плохо - делать то, чего не умеешь

Почему народ не пробует оперировать? Хирургические инструменты правда не скачаешь бесплатно... :D

Ahterknica 27.02.2013 20:56

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

Deff 27.02.2013 21:54

Ahterknica,
1. Выбросьте прозрачность картинки paper-transparent.png, сделайте её в формате jpg, полупрозрачность устанавливайте с помощью opacity
http://htmlbook.ru/css/opacity
Операция двойного наложения полупрозрачных тяжелых по весу картинок с размножением отнимает на рендинг страницы кучу ресурсов
После правки можно смотреть менее существенное,
Хотя имхо фон не айс http://qps.ru/8poW7
http://qps.ru/8poW7

Ahterknica 27.02.2013 21:57

фон - это меняющиеся фотографии, которые как раз и не отображаются толком...

Ahterknica 27.02.2013 22:05

Цитата:

Сообщение от Deff (Сообщение 237753)
Ahterknica,
1. Выбросьте прозрачность картинки paper-transparent.png, сделайте её в формате jpg, полупрозрачность устанавливайте с помощью opacity
http://htmlbook.ru/css/opacity
Операция двойного наложения полупрозрачных тяжелых по весу картинок с размножением отнимает на рендинг страницы кучу ресурсов
После правки можно смотреть менее существенное,
Хотя имхо фон не айс http://qps.ru/8poW7
http://qps.ru/8poW7

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

а ваши последние ссылки не понятно на что указывают..(

Ahterknica 27.02.2013 22:14

Вообще, подскажите, кто шарит во всем этом, нормально ли на одну страницу вешать 4-5 фотографий размером по 2-3 мб? или это очень много?
мне кажется, что из-за их размера такая беда. Но в то же время, когда я их уменьшаю до такого состояния, что страдает качество, фон все равно зависает.

ksa 27.02.2013 22:26

Цитата:

Сообщение от Ahterknica
нормально ли на одну страницу вешать 4-5 фотографий размером по 2-3 мб?

Нет.
Если только этоне фотки супер-пупер фотографа или художника...

Deff 27.02.2013 22:28

Цитата:

Сообщение от Ahterknica
Я кстати изначально воспользовалась свойством opacity, когда делала это полупрозрачное меню, но тогда буквы разделов тоже

Вы впихивайте фон в одельный div устанавливаемый в начале body
его масштабируете
width:100%;height:100%;position:fixed;
он отдельный и на нём ничего не висит;
для небольших div c фоновой прозрачностью делаем так

<div style="border:1px solid red;font-weight:bold;width:270px;height:140px;position:relative;">
        <div id=fon style="background-image:url(http://javascript.ru/forum/images/smilies/agree.gif);opacity:0.2;position:absolute;width:100%;height:100%;"></div>
<p style="padding:8px;">
, когда делала это полупрозрачное меню, но тогда буквы разделов тоже
, когда делала это полупрозрачное меню, но тогда буквы разделов тоже
</p>

Ahterknica 27.02.2013 22:32

В оригинале это должно выглядеть примерно так. А фоновые картинки меняются.


Ahterknica 27.02.2013 22:35

Цитата:

Сообщение от ksa (Сообщение 237765)
Нет.
Если только этоне фотки супер-пупер фотографа или художника...

А если у меня супер-пупер фотки и вся фишка в них?
вопрос-то во влиянии их размеров на скорость загрузки страницы..

ksa 27.02.2013 22:37

Цитата:

Сообщение от Ahterknica
А если у меня супер-пупер фотки и вся фишка в них?

Это гордыня... :D

Цитата:

Сообщение от Ahterknica
вопрос-то во влиянии их размеров на скорость загрузки страницы..

Чем больше контент - тем дольше загрузка.
Пользователей смартов и планшетов твой сайт просто добъет и оставит без штанов за трафик...
Пожалей людей, смири гордыню. ;)

Ahterknica 27.02.2013 23:03

ну блиин, у нас ведь правда офигенные фотографии.)

Ahterknica 27.02.2013 23:43

Цитата:

Сообщение от Deff
для небольших div c фоновой прозрачностью делаем так

Спасибо. Так и сделала.
Но видимо, все же не фон влиял на загрузку страницы..

Ahterknica 27.02.2013 23:44

Теперь все это дело тормозит так: http://whitesea-camp.ru.preview.ihc.ru/

Ahterknica 29.03.2013 12:32

Кстати, тут вся лажа была из-за хостинга. поменяла хост - все стало прилично.


Часовой пояс GMT +3, время: 22:28.