• Уважаемый посетитель!!!
    Если Вы уже являетесь зарегистрированным участником проекта "миХей.ру - дискусcионный клуб",
    пожалуйста, восстановите свой пароль самостоятельно, либо свяжитесь с администратором через Телеграм.

Помогите убрать лишнее из таблицы в HTML

  • Автор темы Автор темы fox082
  • Дата начала Дата начала
F

fox082

Гость
Помогите кто чем может. В веб программировании я еще чайник.
Страницы создаю и редактирую в Word-е, громко не смейтесь

Все бы ничего, но создав табличку из 100 строк и 7-ми столбцов на сайте
столкнулся с тем что страничка весит около 600 кб. Для меня, с
выделенкой это незаметно, но те кто пользуются старенькими номерными
модемами это очень неприятно. Пробывал убрать лишнее специальными программами сжатия HTML убирает всего 5-10%.
В тексте для каждой ячейки напихано столько всякой лишней ерунды:
__________________________
<td width=43 valign=bottom style='width:31.9pt;border:none;border-bottom:
solid #548DD4 1.0pt;mso-border-bottom-themecolor:text2;mso-border-bottom-themetint:
153;mso-border-top-alt:solid #548DD4 .5pt;mso-border-top-themecolor:text2;
mso-border-top-themetint:153;mso-border-top-alt:solid #548DD4 .5pt;
mso-border-top-themecolor:text2;mso-border-top-themetint:153;mso-border-bottom-alt:
solid #548DD4 .5pt;mso-border-bottom-themecolor:text2;mso-border-bottom-themetint:
153;padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
<p class=MsoNormal align=center style='text-align:center'><span
style='font-size:11.0pt;font-family:"Calibri","sans-serif";mso-fareast-font-family:
"Times New Roman";color:#003300'>018<o:p></o:p></span></p>
</td>
<td width=353 nowrap valign=bottom style='width:264.95pt;border:none;
border-bottom:solid #548DD4 1.0pt;mso-border-bottom-themecolor:text2;
mso-border-bottom-themetint:153;mso-border-top-alt:solid #548DD4 .5pt;
mso-border-top-themecolor:text2;mso-border-top-themetint:153;mso-border-top-alt:
solid #548DD4 .5pt;mso-border-top-themecolor:text2;mso-border-top-themetint:
153;mso-border-bottom-alt:solid #548DD4 .5pt;mso-border-bottom-themecolor:
text2;mso-border-bottom-themetint:153;padding:0cm 5.4pt 0cm 5.4pt;
height:15.0pt'>
<p class=MsoNormal><span style='font-size:11.0pt;font-family:"Calibri","sans-serif";
mso-fareast-font-family:"Times New Roman";color:#003300'>Super ****ers 1<o:p></o:p></span></p>
</td>
_______________________________

Это насколько я понял всего две ячейки из семиста
Набивать весь текст в ручную можно до пенсии.
Может кто-нибудь знает что можно сдесь удалить при
помощи автозамены чтобы не сильно пострадала таблица.
Или посоветуйте как быть.
Поскольку помощь может повлечь за собой прибыль
за серъезную помощ я в долгу не останусь.
Готов выслушать любые коммерческие предложения.
 
не знаю, можно ли автоматом, но, если взглянуть так, видно, что на каждую ячейку задан стиль, причем один и тот же. Стиль, если он так важен, можно вообще убрать в отдельный файл.
 
Когда-то много лет назад тоже делал HTML-страницы в Word-е. И обнаружил, что для этого лучше применять Word-97. Он использует HTML-3, а там стилей нет, и созданные страницы вручную чистятся намного проще.
 
Я же написал что я чайник в этом деле. Я вижу что для каждой ячейки повторяются большое количество одинакового текста. Подозреваю что
то что начинается на <td ... и заканчивается на </td>
это есть ячейка. Что именно убрать чтобы не уничтожить табличку? Главное чтобы в итоге была нормальная легкочитаемая таблица, цвет шрифт, размер, и границы ячеек большого значения не имеют.

Под серьезной помощью я имел ввиду либо совет например:

"Замени знаечение mso-border-top-themecolor:text2; .... на ...."
и размер страницы будет не 600 кб а 80 кб" с тебя диск бесплатно.

или

"Вышли мне страницы которые которые нужно рефтануть, я сам запущу
автозамену а ты делаешь мне скидку на все диски 50% пишешь пару дисков бесплатно либо платишь столько-то, туда-то."

А можно долго и упорно вдалбливать в меня, какая строчка что обозначает и на что ее можно менять.
 
А есть какая нибудь программа, наподобии Word-а, в которой можно визуально строить и вставлять таблицу из ворда или экселя? Покрайней мере чтобы с нее начать. А то сразу выучить все коды и правильность их применения сложновато.

Понятно. Этот вопрос, оказывается, всего лишь завуалированная реклама порнухи. :he-he:

Ее гораз-до проще рекламировать на досках объявлений, и не надо запариваться со всякими историями про переделку сайта :)
Даже в голову бы не пришло рекламировать содержимое сайта фанатам вэбдизайна. Я могу подарок сделать, либо заплатить.
 
fox082 такая программа есть, и даже несколько. Самая удобная - Macromedia Dreamweaver
 
fox082 написал(а):
Под серьезной помощью я имел ввиду либо совет
Ну хорошо. Вот тебе алгоритм:

1) "Найти и заменить":
на

2) "Найти и заменить"

width=43 valign=bottom style='width:31.9pt;border:none;border-bottom:
solid #548DD4 1.0pt;mso-border-bottom-themecolor:text2;mso-border-bottom-themetint:
153;mso-border-top-alt:solid #548DD4 .5pt;mso-border-top-themecolor:text2;
mso-border-top-themetint:153;mso-border-top-alt:solid #548DD4 .5pt;
mso-border-top-themecolor:text2;mso-border-top-themetint:153;mso-border-bottom-alt:
solid #548DD4 .5pt;mso-border-bottom-themecolor:text2;mso-border-bottom-themetint:
153;padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>

<p class=MsoNormal align=center style='text-align:center'><span
style='font-size:11.0pt;font-family:"Calibri","sans-serif";mso-fareast-font-family:
"Times New Roman";color:#003300'>
на

3) "Найти и заменить"
width=353 nowrap valign=bottom style='width:264.95pt;border:none;
border-bottom:solid #548DD4 1.0pt;mso-border-bottom-themecolor:text2;
mso-border-bottom-themetint:153;mso-border-top-alt:solid #548DD4 .5pt;
mso-border-top-themecolor:text2;mso-border-top-themetint:153;mso-border-top-alt:
solid #548DD4 .5pt;mso-border-top-themecolor:text2;mso-border-top-themetint:
153;mso-border-bottom-alt:solid #548DD4 .5pt;mso-border-bottom-themecolor:
text2;mso-border-bottom-themetint:153;padding:0cm 5.4pt 0cm 5.4pt;
height:15.0pt'>
<p class=MsoNormal><span style='font-size:11.0pt;font-family:"Calibri","sans-serif";
mso-fareast-font-family:"Times New Roman";color:#003300'>
на
4) "Найти и заменить"
width=69 nowrap valign=bottom style='width:52.0pt;border:none;
border-bottom:solid #548DD4 1.0pt;mso-border-bottom-themecolor:text2;
mso-border-bottom-themetint:153;mso-border-top-alt:solid #548DD4 .5pt;
mso-border-top-themecolor:text2;mso-border-top-themetint:153;mso-border-top-alt:
solid #548DD4 .5pt;mso-border-top-themecolor:text2;mso-border-top-themetint:
153;mso-border-bottom-alt:solid #548DD4 .5pt;mso-border-bottom-themecolor:
text2;mso-border-bottom-themetint:153;padding:0cm 5.4pt 0cm 5.4pt;
height:15.0pt'>
<p class=MsoNormal align=center style='text-align:center'><span
style='font-size:11.0pt;font-family:"Calibri","sans-serif";mso-fareast-font-family:
"Times New Roman";color:#003300'>
на

5) "Найти и заменить"
width=60 nowrap valign=bottom style='width:44.8pt;border:none;
border-bottom:solid #548DD4 1.0pt;mso-border-bottom-themecolor:text2;
mso-border-bottom-themetint:153;mso-border-top-alt:solid #548DD4 .5pt;
mso-border-top-themecolor:text2;mso-border-top-themetint:153;mso-border-top-alt:
solid #548DD4 .5pt;mso-border-top-themecolor:text2;mso-border-top-themetint:
153;mso-border-bottom-alt:solid #548DD4 .5pt;mso-border-bottom-themecolor:
text2;mso-border-bottom-themetint:153;padding:0cm 5.4pt 0cm 5.4pt;
height:15.0pt'>
<p class=MsoNormal align=center style='text-align:center'><span
style='font-size:11.0pt;font-family:"Calibri","sans-serif";mso-fareast-font-family:
"Times New Roman";color:#003300'>
на
6) "Найти и заменить"
width=65 nowrap valign=bottom style='width:48.5pt;border:none;
border-bottom:solid #548DD4 1.0pt;mso-border-bottom-themecolor:text2;
mso-border-bottom-themetint:153;mso-border-top-alt:solid #548DD4 .5pt;
mso-border-top-themecolor:text2;mso-border-top-themetint:153;mso-border-top-alt:
solid #548DD4 .5pt;mso-border-top-themecolor:text2;mso-border-top-themetint:
153;mso-border-bottom-alt:solid #548DD4 .5pt;mso-border-bottom-themecolor:
text2;mso-border-bottom-themetint:153;padding:0cm 5.4pt 0cm 5.4pt;
height:15.0pt'>
<p class=MsoNormal align=center style='text-align:center'><span
style='font-size:11.0pt;font-family:"Calibri","sans-serif";mso-fareast-font-family:
"Times New Roman";color:#003300'>
на
7) "Найти и заменить"
width=66 nowrap valign=bottom style='width:49.6pt;border:none;
border-bottom:solid #548DD4 1.0pt;mso-border-bottom-themecolor:text2;
mso-border-bottom-themetint:153;mso-border-top-alt:solid #548DD4 .5pt;
mso-border-top-themecolor:text2;mso-border-top-themetint:153;mso-border-top-alt:
solid #548DD4 .5pt;mso-border-top-themecolor:text2;mso-border-top-themetint:
153;mso-border-bottom-alt:solid #548DD4 .5pt;mso-border-bottom-themecolor:
text2;mso-border-bottom-themetint:153;padding:0cm 5.4pt 0cm 5.4pt;
height:15.0pt'>

<p class=MsoNormal align=center style='text-align:center'><span
style='font-size:11.0pt;font-family:"Calibri","sans-serif";mso-fareast-font-family:
"Times New Roman";color:#003300'>
на
8) "Найти и заменить"
width=79 nowrap valign=bottom style='width:59.05pt;border:none;
border-bottom:solid #548DD4 1.0pt;mso-border-bottom-themecolor:text2;
mso-border-bottom-themetint:153;mso-border-top-alt:solid #548DD4 .5pt;
mso-border-top-themecolor:text2;mso-border-top-themetint:153;mso-border-top-alt:
solid #548DD4 .5pt;mso-border-top-themecolor:text2;mso-border-top-themetint:
153;mso-border-bottom-alt:solid #548DD4 .5pt;mso-border-bottom-themecolor:
text2;mso-border-bottom-themetint:153;padding:0cm 5.4pt 0cm 5.4pt;
height:15.0pt'>
<p class=MsoNormal align=center style='text-align:center'><span
style='font-size:11.0pt;font-family:"Calibri","sans-serif";mso-fareast-font-family:
"Times New Roman";color:#1A0AE6'>
на

9) "Найти и заменить"
на

"Найти и заменить" - это функция замены, в текстовом редакторе, которые поддерживают многострочную замену.

Вот только где взять такой текстовый редактор, я пока не знаю....

Буду думать.
 
А может можно как-то открыть в этом редакторе страничку, удалить теблицу, вставить ее из екселя, чтобы она в HTML прописалась скромно, без той кучи ненужных стилей?
 
fox082
Ага. Вот из Экселя в html сохраняется относительно неплохо:

<tr height=20 style='height:15.0pt'>
<td height=20 class=xl68 style='height:15.0pt;border-top:none'>054</td>
<td class=xl65 style='border-top:none'>Paradise Sex Guadaloupe</td>

<td class=xl69 style='border-top:none'>512x384</td>
<td class=xl70 style='border-top:none' x:num="5.7638888888888885E-2">1:23</td>
<td class=xl69 style='border-top:none' x:num>749</td>
<td class=xl69 style='border-top:none'>MPEG</td>
<td class=xl71 style='border-top:none'><a
href="h**p://*******.narod.ru/porno/screen/054.jpg">Смотреть</a></td>
</tr>

<tr height=20 style='height:15.0pt'>
<td height=20 class=xl68 style='height:15.0pt;border-top:none'>055</td>
<td class=xl65 style='border-top:none' x:str="The Boss ">The Boss<span
style='mso-spacerun:yes'> </span></td>
<td class=xl69 style='border-top:none'>352x288</td>
<td class=xl70 style='border-top:none' x:num="3.6805555555555557E-2">0:53</td>
<td class=xl69 style='border-top:none' x:num>536</td>

<td class=xl69 style='border-top:none'>MPEG</td>
<td class=xl71 ><a
href="h**p://*******.narod.ru/porno/screen/055.jpg">Смотреть</a></td>

Сможешь самостоятельно перекопировать нужные ячейки в нужные страницы?

Кроме того: "style='border-top:none'" вырезать. Но это даже в блокноте можно сделать....

P.S. после разбора проблемы я уберу из темы все ссылки на сайт, т.к. он порнографического характера. И в профайле тоже уберите. У нас в правилах есть пункт 1.11 о запрете порнографической информации.
 
В субботу постараюсь как то автоматизировать это процесс.
Набивать на каждую страницу по 700 ячеек в ручную это
мягко говоря долговато.
Что с меня? Прошу в ICQ 21022233
 
fox082 написал(а):
В субботу постараюсь как то автоматизировать это процесс.
Какой именно процесс? Не понял... Вроде я дал дельный совет, как проще, без перебивки вручную.
 
Могу помочь сконвертировать в чистый HTML...
Далее будете прямо в HTML все вбивать.

Вон, стучитесь по контактам в таглайне
 
Сорри, я просто увидел только текст для двух строк таблицы и просто подумал нужно вставить этот текст много раз а значения внутри ячеек копировать из каждой ячейки отдельно. У меня в наличии есть только ворд и блокнот.
Как и чем это сделать быстрее?
 
Trotil написал(а):
Вот из Экселя в html сохраняется относительно неплохо
Этот текст получается, если сохранить Экселевский файл в html-страницу.

Открыть Эксель.
Сохранить как web-страницу.

Вставить ячейки с 1-100 фильмами в первый файл, 101-200 фильмами в другой файл и т.д. (нумерация условна)

Вставлять нужно между тегами <table>...<table>, основной таблицы, где фильмы.

P.S. Это еще не вся работа, нужно будет стили (style) отдельно прикрепить. Но вы сначала сделайте то, что я сказал. Говорю действия по кусочкам, чтобы вы не запутались.
 
Первую страничку попробывал вот так получилось:
УДАЛЕНО
только цвет ссылок "СМОТРЕТЬ" насколько я понял по умолчанию зеленый, а как его сделать темно-синим? А то не видно. И мои ссылки на скрины я специально делал чтобы открывались в новом окне, для удобства, это в ссылку надо какую то команду вставлять?
 
fox082 написал(а):
. И мои ссылки на скрины я специально делал чтобы открывались в новом окне
По всему тексту таблиц "Найти и заменить" в текстовом редакторе с
href="http://********.narod.ru/****o/screen/
на
target="_blank" href="http://**********.narod.ru/*****o/screen/

Найти:
<div align=center>


<table border=0 cellpadding=0 cellspacing=0 width=805 style='border-collapse:
collapse;table-layout:fixed;width:605pt'>
(начало таблицы)

Заменить на:
<div align="center">
<style type="text/css">
.xl7416210 a
{
color: blue;
}
</style>



<table style=" font-weight: bold; border-collapse: collapse; table-layout: fixed; width: 605pt;" border="0" cellpadding="0" cellspacing="0" width="805">
(жирным выделил изменения)
 
Все вроде получилось, щас доделаю остальные страницы и заменю ими
исходные на сайте.
Что с меня? Прошу на fox082@mail.ru
 
Назад
Сверху