Jump to content
  • 0
Sign in to follow this  
Vera

Как создать красивую таблицу?

Question

Vera    2

Подскажите пожалуйста, как сделать красивую таблицу на странице, например: таблица с описанием различий пакетов продаваемых продуктов?

Share this post


Link to post
Share on other sites

Recommended Posts

  • 0
Guest Vadim   
Guest Vadim

В фотошопе нарисуйте то что душа желает, а потом вставьте в сайт.

Share this post


Link to post
Share on other sites

Новая статья

Как бесплатно получить специализированный хостинг для Adobe Muse сайта. Читайте новую инструкцию по этой ссылке.
  • 0

В фотошопе нарисуйте то что душа желает, а потом вставьте в сайт.

И будет это плохо масштабируемая, тяжелая хреновина сайте. Лучше используйте Google Docs который позволяет вставлять таблицы в другие сайты. Схема как и везде, сначала создаете таблицу, потом Google сгенерирует вам код который нужно вставить на нужную страницу в Muse.

Share this post


Link to post
Share on other sites
  • 0
Guest Vadim   
Guest Vadim

Евгений я о такой таблице:
 
Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Учитывая что ширина сайта в Мус статична, для маштабирования важен только шрифт. А фотошоп в мус передает шрифт как шрифт, правильно?
Второй вариант вставить таблицу как фон а сверху ее написать текстом все что нужно.
 
В любом случае чтоб красиво получилось нужно нарисовать то что хотите чтоб получилось, а потом по этому макету сделать.

PS такую таблицу можно и  в Мусе с помощью блоков сделать.

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Share this post


Link to post
Share on other sites
  • 0

Удобный сервис для генерации таблиц: Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Гибкие настроки отображения, имеются предустановленные темы.

Хорош тем, что не привязывается к какому-либо сервису, готовую таблицу можно перенести из Гугл Докс или Ексель.

Затем, таблицу можно редактировать в браузере при помощи нашей Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Share this post


Link to post
Share on other sites
  • 0
nukasan    72

Учитывая что ширина сайта в Мус статична, для маштабирования важен только шрифт. А фотошоп в мус передает шрифт как шрифт, правильно?  

Объясните пожалуйста, как фотошоп передает шрифт в мюз как шрифт. У меня получается только как картинка

Share this post


Link to post
Share on other sites
  • 0
Score    10

Объясните пожалуйста, как фотошоп передает шрифт в мюз как шрифт. У меня получается только как картинка

Поддерживаю вопрос, хотя догадываюсь, что никак.... но все же!?

Share this post


Link to post
Share on other sites
  • 0
-IM-    65

вопрос уже обсуждали есть системные шрифты которые рендерятся и вставляются как картинка. это все платные шрифты под лицухой. поэтому адобе как честная программа не дает их вставить как шрифт. поэтому вы либо покупаете этот шрифт по лицензии отдельно и присоединяете его к проекту. либо где то достаете другим способом)) либо используйете вебшрифты. кстати не рекомендую если вы достали шрифт интегрировать его в свой комп. удобно ( он появляется в списке) но будет картинкой.  с некоторыми шрифтами приходилось порой даже поступать след образом. делаю проект на подобном шрифте. потом при генерации хтмл прописывать его руками шрифт с заменой того что был. все работало.

муза сканирует системные шрифты на компе и все их делает картинкой

Share this post


Link to post
Share on other sites
  • 0
matador    37

Приветствую.

Я делал подобную, как оранжевую выше, таблицу в Экселе, а потом переносил в Мьюс. Для этого не обязательно использовать Гугл Докс и прочие сервисы. 

Схема такая:

1) Редактируете таблицу в Excel как вам нужно, со шрифтом, цветами, обводкой и т.п.

2) Выделяете таблицу, копируете, и вставляете в новый пустой документ Word

3) Сохраняете документ Word как веб-страницу (просто при сохранении выберите соответствующий "тип файла")

4) Открываете сохраненный документ в текстовом редакторе (например Блокнот или Notepad++). Видите код Html?

5) Табличная часть всегда будет заключена между тегами <table и </table>. Просто найдите и скопируйте этот текст. 

6) В Мьюс вставьте как код Html (Объект - Вставить Html...)

Готово!

Пользуйтесь, экспериментируйте... Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке./default_smile.png" alt=":)"> 

Share this post


Link to post
Share on other sites
  • 0

Приветствую.

Я делал подобную, как оранжевую выше, таблицу в Экселе, а потом переносил в Мьюс. Для этого не обязательно использовать Гугл Докс и прочие сервисы. 

Схема такая:

1) Редактируете таблицу в Excel как вам нужно, со шрифтом, цветами, обводкой и т.п.

2) Выделяете таблицу, копируете, и вставляете в новый пустой документ Word

3) Сохраняете документ Word как веб-страницу (просто при сохранении выберите соответствующий "тип файла")

4) Открываете сохраненный документ в текстовом редакторе (например Блокнот или Notepad++). Видите код Html?

5) Табличная часть всегда будет заключена между тегами <table и </table>. Просто найдите и скопируйте этот текст. 

6) В Мьюс вставьте как код Html (Объект - Вставить Html...)

Готово!

Пользуйтесь, экспериментируйте... Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке./default_smile.png" alt=":)"> 

Можно и сразу из Excel, в Word вставлять не обязательно. Проблема в том, что эти программы генерируют мега-ужасный html-код c кучей своего "мусора". По-этому, действительно, годится только, чтобы экспериментировать (могут возникнуть проблемы с кроссбраузерностью). Ну а если кого это не напрягает, то почему бы и нет))

Я бы рекомендовал пользоваться сервисом, описанным в пред. сообщениях. А если исходник таблицы уже сделан в Excel, то его лучше перенести в этот же сервис - он переконвертирует в "нормальный" код.

Share this post


Link to post
Share on other sites
  • 0

И будет это плохо масштабируемая, тяжелая хреновина сайте. Лучше используйте Google Docs который позволяет вставлять таблицы в другие сайты. Схема как и везде, сначала создаете таблицу, потом Google сгенерирует вам код который нужно вставить на нужную страницу в Muse.

Согласен, тяжелая хреновина, из Экселя/Ворда тоже мусорится и бурда. Гуглдоками пользуюсь давно, но не нашел генерации кода. Простое копир-встав дает тот же результат, что и Эксел. Подскажите, где генерация кода, плиз.

Share this post


Link to post
Share on other sites
  • 0

Приветствую.

Я делал подобную, как оранжевую выше, таблицу в Экселе, а потом переносил в Мьюс. Для этого не обязательно использовать Гугл Докс и прочие сервисы. 

Схема такая:

1) Редактируете таблицу в Excel как вам нужно, со шрифтом, цветами, обводкой и т.п.

2) Выделяете таблицу, копируете, и вставляете в новый пустой документ Word

3) Сохраняете документ Word как веб-страницу (просто при сохранении выберите соответствующий "тип файла")

4) Открываете сохраненный документ в текстовом редакторе (например Блокнот или Notepad++). Видите код Html?

5) Табличная часть всегда будет заключена между тегами <table и </table>. Просто найдите и скопируйте этот текст. 

6) В Мьюс вставьте как код Html (Объект - Вставить Html...)

Готово!

Пользуйтесь, экспериментируйте... Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке./default_smile.png" alt=":)"> 

к сожалению ворд - далеко не самый лучший редактор HTML - мусора пихает уж очень много..

но если надо быстро и много вставить - как вариант ...

Share this post


Link to post
Share on other sites
  • 0

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.  - правда тут только заготовка получится

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке. - тут можно больше хотя все равно допиливать придется 

обратите внимание на темы - быстро и красиво на мало (

Share this post


Link to post
Share on other sites
  • 0
usanych1    1

Мне заказчик прислал таблицу в формате "doc" для вставки в сайт. Я сделал 2 эксперимента.

1. Открыл свой тестовый вордпресс. Через админку вставил в чистую страницу (визуально) таблицу. Потом перешел в функцию "текст". И получил код таблицы, который вставил в Мьюз как HTML-код.

Просто и быстро. Но результат мне не понравился. Не совсем корректный получился.

2. Открыл редактор ворд с таблицой. Скопировал таблицу. Открыл в графическом редакторе Фаст Стоун. Сохранил как картинку и вставил в Мьюз. Получилось терпимо. Так вставлять быстро и удобно. Хочется подкорректировать эту картинку по дизайну? Это можно делать в фотошопе.

Если заказчик захочет подкорректировать данные в таблице, то по второму варианту нет проблем. Присланную заказчиком таблицу в формате "doc" я так же выделю, сохраню как картинку и вставлю в Мьюз картинкой. Всех делов - 2 минуты. И ничего не тяжелая картинка! вес получился 139 Кб. Это немного. Вот, Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке. сами что получилось.

Share this post


Link to post
Share on other sites
Sign in to follow this  

×
×
  • Create New...