Фильтр по:
  

Как разместить на сайте документы Excel (xls).

Как сделать...

  • Страница 1 из 1
  • 1
Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать? Информация для вновь прибывших » Как сделать... » Как разместить на сайте документы Excel (xls). (Способ размещения с использованием бесплатной утилиты HTMLer)
Как разместить на сайте документы Excel (xls).
Дата: Понедельник, 13.02.2012, 05:18 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown

Как разместить на сайте документы Excel (xls)

Способ размещения с использованием бесплатной утилиты HTMLer


...
Для начала, нужно скачать программу: HTMLer Вставляем Excel в страницы сайта...

Программа работает без инсталяции, то бишь, нужно просто извлечь её из архива и запустить.
Подробности о работе с программой смотрим тут: HTMLer Вставляем Excel в страницы сайта
...

Запускаем программу, верхнее меню File » Open » выбираем файл на компе, нажимаем [Открыть].


...

Ждём пока программа обработает файл.

Через несколько секунд (в зависимости от размеров файла) вы увидите вот такое окошко, это значит файл обработан:


...

Жмём File » Save и сохраняем под любым именем:


...

Сохранённый файл открываем «Блокнотом»,



... копируем все, что есть - нажать [Ctrl]+[A] » [Ctrl]+[C]



... и вставляем в форму добавления в режиме HTML


...

Для более презентабельного вида таблицы, присвоить ей класс, например «xlsTable»



... и прописать следующие слили:
Code
<style type="text/css">
table.xlsTable{width:99%;margin:.5em auto;font:90%/100% Verdana,sans-serif;}
table.xlsTable td{padding:3px;border:1px solid #CCC;}
table.xlsTable tr.header{background-color:#FFFDB7;font-weight:bold;text-align:center;}
table.xlsTable tr.header td{vertical-align:middle;}
table.xlsTable tr.stripe0{background-color:#F7F7F7;}
table.xlsTable tr.stripe1{background-color:#E7E7E7;}
</style>

Стили можно настроить как вам удобно. Это - просто для примера.
...

Стили можно добавить прямо в «Редактор исходного кода», сразу после/до кода таблицы.
...

Сохранить изменения.

Результат этих действий, можно наблюдать вот тут: ЛЕДНЕОН-ФЛЕКС «Гибкий неон». Прайс за Июль 2011 года. ...


...

Инфо:
Лишние пробелы пробелы и переносы строк, можно удалить с помощью HTMLcleaner ...

...
По теме:
Как разместить на сайте документы Excel (xls) (Способ размещения с использованием сервиса docs.google.com)
...

Прикрепления: 8186799.png (9.2 Kb) · 6399011.png (6.3 Kb) · 8979548.png (10.7 Kb) · 8164464.png (8.7 Kb) · 0188083.png (8.8 Kb) · 3464077.png (17.5 Kb) · 0411151.png (8.4 Kb) · 4507982.png (15.2 Kb)

 
Дата: Понедельник, 13.02.2012, 06:41 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown

Более простой вариант добавления:


После того, как вы сохранили файл (Жмём File » Save и сохраняем под любым именем) открываем его в обозревателе (в данном примере - ИЕ, но можно любым):


...

Жмём: [Ctrl]+[A] (выделить всё) и [Ctrl]+[C] (скопировать).


...

И просто вставляем в форму добавления сообщения:


...

Дописываем класс таблице:


...

И добавляем стили:


...

Жмём [Ok]


...

Наблюдаем результат.
...

При написании материала использовался прайс: ЛЕДНЕОН-ФЛЕКС «Гибкий неон» за Июль 2011 года. ...
...
Прикрепления: 0858950.png (6.6 Kb) · 2883528.png (6.0 Kb) · 5828973.png (7.8 Kb) · 3965477.png (7.5 Kb) · 8126175.png (10.0 Kb) · 5834833.png (13.0 Kb) · price.xls (301.0 Kb)

 
Дата: Понедельник, 13.02.2012, 07:16 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown

Тот же прайс, ифреймом:



После того, как вы сохранили файл (Жмём File » Save и сохраняем под любым именем) открываем его «Блокнотом»:


...

Добавляем таблице класс, и дописываем в документ стили:


...


...

И сохраняем его в кодировке UTF-8:


...

На запрос о замене - соглашаемся:


...

Заливаем его в Файловый менеджер:


...

И вставляем в форму добавления, в виде HTML кода:
Code
<iframe src="http://likbezz.ru/_source/_files/html/p01/html.htm" style="width:100%;height:500px;margin:0px;padding:0px;border:0px none;" frameborder="0"></iframe>

Где:
http://likbezz.ru/_source/_files/html/p01/html.htm - ссылка до вашего файла.


...

Наблюдаем результат:


...


...
Прикрепления: 7205686.png (8.7 Kb) · 0517958.png (12.3 Kb) · 2879840.png (12.0 Kb) · 7919768.png (8.7 Kb) · 3806032.png (7.3 Kb) · 4690251.png (3.0 Kb) · 0583300.png (12.8 Kb) · html.htm (52.1 Kb)

 
Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать? Информация для вновь прибывших » Как сделать... » Как разместить на сайте документы Excel (xls). (Способ размещения с использованием бесплатной утилиты HTMLer)
  • Страница 1 из 1
  • 1
Поиск:


Мобильная версия