Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: optymalizacja kodu ...
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
trucksweb
16.06.2005, 08:09:09
wlasnie czy ktos moglby mi wskazac bledy i ich rozwiazania w kodzie strony??
jak zrobic, aby kod byl w miare nowoczesny i szybko sie ladowal??

[HTML] pobierz, plaintext 
  1. <TABLE WIDTH=750 BORDER=0 CELLPADDING=0 CELLSPACING=0>
  2. 	<TR>
  3. 		<TD width="254">
  4. 			<IMG SRC="http://www.trucker.waw.pl/templates/rhuk_solarflare_ii/images/trucker2_01.gif" WIDTH=254 HEIGHT=6 ALT="</span>"></TD>
  5. 		<TD COLSPAN=4 ROWSPAN=3 valign="top" align="left">&nbsp; </TD>
  6. 		<TD width="10">
  7. 			<IMG SRC="http://www.trucker.waw.pl/templates/rhuk_solarflare_ii/images/spacer.gif" WIDTH=1 HEIGHT=6 ALT=""></TD>
  8. 	</TR>
  9. 	<TR>
  10. 		<TD width="254">
  11. 			<IMG SRC="http://www.trucker.waw.pl/templates/rhuk_solarflare_ii/images/trucker2_03.gif" WIDTH=254 HEIGHT=57 ALT=""></TD>
  12. 		<TD width="10">
  13. 			<IMG SRC="http://www.trucker.waw.pl/templates/rhuk_solarflare_ii/images/spacer.gif" WIDTH=1 HEIGHT=57 ALT=""></TD>
  14. 	</TR>
  15. 	<TR>
  16. 	  <TD ROWSPAN=4 width="254" valign="top" align="left">          <p><?php mosLoadModules ( 'left' ); ?></p></TD>
  17. 		<TD width="10">
  18. 			<IMG SRC="http://www.trucker.waw.pl/templates/rhuk_solarflare_ii/images/spacer.gif" WIDTH=1 HEIGHT=99 ALT=""></TD>
  19. 	</TR>
  20. 	<TR>
  21. 	  <TD ROWSPAN=3 width="4" background="http://www.trucker.waw.pl/templates/rhuk_solarflare_ii/images/trucker2_05.gif">
  22. 		  <IMG SRC="http://www.trucker.waw.pl/templates/rhuk_solarflare_ii/images/trucker2_05.gif" WIDTH=4 HEIGHT=252 ALT=""></TD>
  23. 	  <TD colspan="3" align="left" valign="top"><?php mosPathWay(); ?></TD>
  24. 	  <TD>&nbsp;</TD>
  25.   </TR>
  26. 	<TR>
  27. 	  <TD width="244" valign="top" align="left"><?php mosLoadModules ( 'user1' ); ?></TD>
  28. 		<TD width="4" valign="top" align="left"><div class="mod">  </div></TD>
  29. 		<TD width="244" valign="top" align="left"><?php mosLoadModules ( 'user2' ); ?>       </TD>
  30. 		<TD width="10">
  31. 			<IMG SRC="http://www.trucker.waw.pl/templates/rhuk_solarflare_ii/images/spacer.gif" WIDTH=1 HEIGHT=87 ALT=""></TD>
  32. 	</TR>
  33. 	<TR>
  34. 	  <TD colspan="3" align="left" valign="top"><?php mosMainBody(); ?>          <p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p></TD>
  35. 		<TD width="10">
  36. 			<IMG SRC="http://www.trucker.waw.pl/templates/rhuk_solarflare_ii/images/spacer.gif" WIDTH=1 HEIGHT=165 ALT=""></TD>
  37. 	</TR>
  38. 	<TR>
  39. 		<TD COLSPAN=5 background="http://www.trucker.waw.pl/templates/rhuk_solarflare_ii/images/trucker2_08.gif">
  40. 			<IMG SRC="http://www.trucker.waw.pl/templates/rhuk_solarflare_ii/images/trucker2_08.gif" WIDTH=740 HEIGHT=14 ALT=""></TD>
  41. 		<TD width="10">
  42. 			<IMG SRC="http://www.trucker.waw.pl/templates/rhuk_solarflare_ii/images/spacer.gif" WIDTH=1 HEIGHT=14 ALT=""></TD>
  43. 	</TR>
  44. 	<TR>
  45. 		<TD COLSPAN=5 valign="middle" align="center"><?php include_once( $GLOBALS['mosConfig_absolute_path'] . '/includes/footer.php' ); ?></TD>
  46. 		<TD width="10">
  47. 			<IMG SRC="http://www.trucker.waw.pl/templates/rhuk_solarflare_ii/images/spacer.gif" WIDTH=1 HEIGHT=52 ALT=""><<span style='color:blue'>/TD>
  48. 	</TR>
  49. </TABLE>
[HTML] pobierz, plaintext


obecny efekt mozna podejrzec tutaj
revyag
16.06.2005, 08:19:05
Żeby kod podążał na najnowszymi standardami to strukturę strony muisz oprzeć o divy a nie tabelkę.
Poza tym nazwy znaczników i ich atrybuty piszemy małymi literami a wszystkie atrybuty powinny być w cudzysłowach.
Ale pierwszy krok to zamiana tabeli na divy.
trucksweb
16.06.2005, 08:38:54
zaraz zastosuje zmiany..

###
byla kiedys taka kombinacja klawiszy na klawiaturze ktora zmieniala duze znaki na male, zna ja moze ktos??
bigZbig
16.06.2005, 10:07:01
Jak masz dobry edytor to szybko zmienisz duze litery na male. Poza tym radzilbym sie po prostu trzymac specyfikacji W3C dla HTML4 (wtedy wcale nie musisz zmieniac tagow na pisane malymi literami) lub dla XHTML (co polecam, a co wiaze sie miedzy innymi ze zmiana tagow na pisane malymi literami, ujmowanie atrybutow w cudzyslowy i paroma innymi zasadami). Strony pisane zgodnie ze specyfikacja laduja sie szybciej. Jest wieksze prawdopodobienstwo ze rozne przegladarki podobnie ja wyswietla (co nie jest niestety oczywiste), no i ma to wplyw na indeksowanie przez wyszukiwarki. Algorytmy pajaczkow indeksujacych strony sa z natury mniej wyrozumiale niz przegladarki.


Natomiast mam pytanie do revyag. Czy są jakieś inne powody - poza trendami dazacymi do calkowitego uniezaleznienia warstwy logicznej od sposobu formatowania - przemawiajace za zmiana tabel na divy? Bo oczywiscie mozna przy pomocy css zmusic divy do tego aby sie zachowywaly jak tabelka, ale po co?
revyag
16.06.2005, 10:19:43
Nie to nie tak.
Jeśli na stronie jest struktura tabelaryczna to trzeba ją tworzyć za pomocą tabel, można divami, ale przy większej złożoności jest to masakra.
Chodziło mi tylko o strukturę strony, więc jeśli jest ona postaci tabelarycznej (<--jest takie słowo ? smile.gif), to jasne, że do jej tworzenia trzeba użyć tabel.(np. to forum).
Poza tym, struktura tworzona w oparciu o divy jest według mnie bardziej przewidywalna od tabel, wymaga mniejszej ilości kodu, łatwiej przewidzieć jej zachowanie, mniejsze szanse że będą błędy w wyświetlaniu.
bigZbig
16.06.2005, 10:30:48
Rozumiem - chodzilo Ci o ten konkretny przyklad strony, ktory trucksweb zamiescil powyzej.
trucksweb
21.06.2005, 18:01:12
witam ponownie, probowalem zamienic tabelke na divy, ale wtedy cala strona sie rozwala.

##
Mam teraz inny problem, a mianowicie pod roznymi stronami z tekstem owa tabelka roznie sie zachowuje. Efekt: tutaj jest dobrze a nieco dalej: tutaj jest juz zle ! o co moze chodzi, przeciez wysokosc jest ustalona ? dry.gif
moze mi ktos pomoc??
tu jest kod:

#kod jest nizej juz poprawiony
revyag
24.06.2005, 09:31:19
Wywal z kodu to :
[HTML] pobierz, plaintext 
  1. <IMG SRC="http://www.trucker.waw.pl/templates/trucker2/images/spacer.gif" WIDTH=1 HEIGHT=99 ALT="">
[HTML] pobierz, plaintext

Masz to pod mosLoadModules
BTW. połapanie się w tym kodzie to masakra, jeszcze się zastanawiasz czy nie zrezygnować z tabelek ?
trucksweb
24.06.2005, 09:36:44
troche pozmienialem, ale nadal tabelka obsuwa sie w dol na niektorych podstronach:(
[HTML] pobierz, plaintext 
  1. <div align="center"><?php mosLoadModules( 'banner', -1 ); ?>
  2. 		<TABLE WIDTH=750 BORDER=0 CELLPADDING=0 CELLSPACING=0>
  3. 	<TR>
  4. 		<TD width="254">
  5. 			<IMG SRC="http://www.trucker.waw.pl/templates/trucker2/images/trucker2_01.gif" WIDTH=254 HEIGHT=6 ALT=""></TD>
  6. 		<TD height="271" ROWSPAN=3 align="left" valign="top"><img src="http://www.trucker.waw.pl/templates/trucker2/images/logo4.png" width="520" height="271" vspace="1" /> </TD>
  7. 		<TD width="10">
  8. 			<IMG SRC="http://www.trucker.waw.pl/templates/trucker2/images/spacer.gif" WIDTH=1 HEIGHT=6 ALT=""></TD>
  9. 	</TR>
  10. 	<TR>
  11. 		<TD width="254">
  12. 			<IMG SRC="http://www.trucker.waw.pl/templates/trucker2/images/trucker2_03.gif" WIDTH=254 HEIGHT=57 ALT=""></TD>
  13. 		<TD width="10">
  14. 			<IMG SRC="http://www.trucker.waw.pl/templates/trucker2/images/spacer.gif" WIDTH=1 HEIGHT=57 ALT=""></TD>
  15. 	</TR>
  16. 	<TR>
  17. 	  <TD ROWSPAN=2 width="254" valign="top" align="left">          <p><?php mosLoadModules ( 'left' ); ?></p></TD>
  18. 		<TD width="10" valign="top">
  19. 			<IMG SRC="http://www.trucker.waw.pl/templates/trucker2/images/spacer.gif" WIDTH=1 HEIGHT=99 ALT=""></TD>
  20. 	</TR>
  21. 	<TR>
  22. 	  <TD align="right" valign="top" style="background-image:url(http://www.trucker.waw.pl/templates/trucker2/images/trucker2_05.gif); background-position:left; background-repeat:repeat-y">
  23. 	  <table width="492" border="0" cellpadding="0" cellspacing="0">
  24.         <tr>
  25.           <td valign="top"><?php mosPathWay(); ?></td>
  26.         </tr>
  27.       </table>
  28. 	  <?php
  29. 	 if (mosCountModules( 'user1' ) + ( 'user2' ) > 0 ) { ?>
  30. 		  <table width="492" border="0" cellspacing="0" cellpadding="0">
  31.             <tr>
  32.               <td width="244" valign="top"><?php mosLoadModules ( 'user1' ); ?></td>
  33.               <td width="4">&nbsp;</td>
  34.               <td width="244" valign="top"><?php mosLoadModules ( 'user2' ); ?></td>
  35.             </tr>
  36.           </table>
  37. 		  <?php
  38. 		  }
  39.  
  40. 		  if (mosCountModules( 'user3' )) { ?>  
  41. 		  <table width="492" border="0" cellspacing="0" cellpadding="0">
  42.             <tr>
  43.               <td width="492" valign="top"><span class="mod">
  44.                 <?php mosLoadModules ( 'user3' ); ?>
  45.               </span></td>
  46.             </tr>
  47.           </table>
  48. 		  <?php
  49. 		  }
  50. 		  ?>
  51. 		  <table width="492" border="0" cellspacing="0" cellpadding="0">
  52.             <tr>
  53.               <td width="492" valign="top"><?php mosMainBody(); ?></td>
  54.             </tr>
  55.           </table></TD>
  56. 	  <TD width="10" valign="top">&nbsp;</TD>
  57.   </TR>
  58. 	<TR>
  59. 		<TD COLSPAN=2 background="http://www.trucker.waw.pl/templates/trucker2/images/trucker2_08.gif">
  60. 			<IMG SRC="http://www.trucker.waw.pl/templates/trucker2/images/trucker2_08.gif" WIDTH=740 HEIGHT=14 ALT=""></TD>
  61. 		<TD width="10">
  62. 			<IMG SRC="http://www.trucker.waw.pl/templates/trucker2/images/spacer.gif" WIDTH=1 HEIGHT=14 ALT=""></TD>
  63. 	</TR>
  64. 	<TR>
  65. 		<TD COLSPAN=2 valign="middle" align="center"><?php include_once( $GLOBALS['mosConfig_absolute_path'] . '/includes/footer.php' ); ?></TD>
  66. 		<TD width="10">
  67. 			<IMG SRC="http://www.trucker.waw.pl/templates/trucker2/images/spacer.gif" WIDTH=1 HEIGHT=52 ALT=""></TD>
  68. 	</TR>
  69. </TABLE>
  70. </div>
[HTML] pobierz, plaintext


moze ktos pomoc??
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.