Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Оптимизация кода 
:(
    Опции темы
ТипТопыч
Дата 2.1.2007, 21:30 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 27
Регистрация: 10.9.2006

Репутация: нет
Всего: нет



Помогите пожалуйста оптимизировать код страницы, страница должна выглядеть примерно так http://ereality.nm.ru/map/map.html

В общем необходимо уменьшить вес страницы и сделать чтобы в эксплорере при наложении картинок друг на друга (например подъемник на карту шахты) верхняя картинка не закрывала нижнюю- чтоб то что дожно быть прозрачным было прозрачным. smile И чтоб при наведении курсора на картинку работала подсказка..
PM MAIL   Вверх
Arahnoid
Дата 5.1.2007, 14:32 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 46
Регистрация: 4.10.2006

Репутация: нет
Всего: нет



ТипТопыч,  ну это ты точно не ручками верстал а надо именно ручками smile 
признавайся в чем верстал smile 

я думаю легче будет просто переверстать это все 
PM MAIL   Вверх
ТипТопыч
Дата 5.1.2007, 23:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 27
Регистрация: 10.9.2006

Репутация: нет
Всего: нет



Ручками эт как? smile Честно говоря в хтмл я совсем не разбираюсь, так что написал программку, генерирующую страницу... smile 

Теперь вот думаю как бы это получше сделать.. smile 
PM MAIL   Вверх
Arahnoid
Дата 6.1.2007, 16:27 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 46
Регистрация: 4.10.2006

Репутация: нет
Всего: нет



ТипТопыч, с начала возми свою карту и в фотошопе при помощи направляющих раздели ее на сетку(таблицу) а потом сохрани эти кусочки в формате gif
для удобства советую называть их 2-мя цыфрами, первая номер ряда а вторая столбца

вот для таблицы на 3 ряда и 4 колонки
1_1   1_2   1_3   1_4

2_1   2_2   2_3   2_4

3_1   3_2   3_3   3_4

а потом йто все загоняеш в таблицу
Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>

<!--Здесь делаем фон для страницы -->
<style type="text/css">
/*сылка реальная там я сохранил повторяющейся кусочек фона
http://m.foto.radikal.ru/0701/81eb5791c16f.jpg*/
body{background-image: url(http://m.foto.radikal.ru/0701/81eb5791c16f.jpg);
    color:#FFFF00;}

</style>
</head>
hello

<body>
<table align="center">

<!--первый ряд-->
<tr>
       <td>1_1.gif</td>
       <td>1_2.gif</td>
       <td>1_3.gif</td>
       <td>1_4.gif</td>
</tr>

<!--второй ряд-->
<tr>
       <td>2_1.gif</td>
       <td>2_2.gif</td>
       <td>2_3.gif</td>
       <td>2_4.gif</td>
</tr>

<!--третий ряд-->
<tr>
       <td>3_1.gif</td>
       <td>3_2.gif</td>
       <td>3_3.gif</td>
       <td>3_4.gif</td>
</tr>
<table>
</body>
</html>



ну а дальше уже какнибудь сам smile 
PM MAIL   Вверх
Str!pe
Дата 6.1.2007, 20:52 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


профиль удален
****


Профиль
Группа: Участник
Сообщений: 2426
Регистрация: 12.6.2005
Где: На земле.

Репутация: 3
Всего: 152



ТипТопыч, 

У тебя там повторяющихся элементов море! Разреж. Найди такие кусочки мозаики которые повторяются и просто на этом месте каждый раз вставляй картинку одну и ту же! Так вместо допустим 10 рисунков вставишь всего 1. Это что касается шахты. Что касается "земли"... это еще проще... подбери такой же один элемент и вообща запихай его фоновым рисунком.

Совсем забыл.. перед тем что я написал выполни то что написал тебе Arahnoid. Удачи  smile 

Это сообщение отредактировал(а) Str!pe - 6.1.2007, 20:54


--------------------
Со мной можно связаться по скайпу или по аське.
Занимаюсь продвижением сайтов - самой таргетированной рекламой.
PM MAIL ICQ Skype   Вверх
ТипТопыч
Дата 6.1.2007, 21:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 27
Регистрация: 10.9.2006

Репутация: нет
Всего: нет



Проблема в том что картинка не статична и ее периодически приходится редактировать.. И делать это удобнее по секторам, если делать прямоугольниками то слишком замороченно получается...
PM MAIL   Вверх
Str!pe
Дата 6.1.2007, 21:59 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


профиль удален
****


Профиль
Группа: Участник
Сообщений: 2426
Регистрация: 12.6.2005
Где: На земле.

Репутация: 3
Всего: 152



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

Добавлено @ 22:02 
Я как понимаю это игра? Значит это с сервера берется! Могу конечно сойти за психа... но как вариант, скрипт который будет нарезать на картинки. а редактировать цельную картинку. smile 


--------------------
Со мной можно связаться по скайпу или по аське.
Занимаюсь продвижением сайтов - самой таргетированной рекламой.
PM MAIL ICQ Skype   Вверх
ТипТопыч
Дата 9.1.2007, 00:37 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 27
Регистрация: 10.9.2006

Репутация: нет
Всего: нет



Мдя.. Единственное разумное решение, пришедшее в голову- написать "подчишающюю" програмку, которая удаляет все строки с фоновой картинкой, получается вполне сносно smile 
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0572 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.