optymalizacja kodu ... Opcje

[trucksweb]

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 
<TABLE WIDTH=750 BORDER=0 CELLPADDING=0 CELLSPACING=0>
	<TR>
		<TD width="254">
			<IMG SRC="http://www.trucker.waw.pl/templates/rhuk_solarflare_ii/images/trucker2_01.gif" WIDTH=254 HEIGHT=6 ALT="</span>"></TD>
		<TD COLSPAN=4 ROWSPAN=3 valign="top" align="left">&nbsp; </TD>
		<TD width="10">
			<IMG SRC="http://www.trucker.waw.pl/templates/rhuk_solarflare_ii/images/spacer.gif" WIDTH=1 HEIGHT=6 ALT=""></TD>
	</TR>
	<TR>
		<TD width="254">
			<IMG SRC="http://www.trucker.waw.pl/templates/rhuk_solarflare_ii/images/trucker2_03.gif" WIDTH=254 HEIGHT=57 ALT=""></TD>
		<TD width="10">
			<IMG SRC="http://www.trucker.waw.pl/templates/rhuk_solarflare_ii/images/spacer.gif" WIDTH=1 HEIGHT=57 ALT=""></TD>
	</TR>
	<TR>
	  <TD ROWSPAN=4 width="254" valign="top" align="left">          <p><?php mosLoadModules ( 'left' ); ?></p></TD>
		<TD width="10">
			<IMG SRC="http://www.trucker.waw.pl/templates/rhuk_solarflare_ii/images/spacer.gif" WIDTH=1 HEIGHT=99 ALT=""></TD>
	</TR>
	<TR>
	  <TD ROWSPAN=3 width="4" background="http://www.trucker.waw.pl/templates/rhuk_solarflare_ii/images/trucker2_05.gif">
		  <IMG SRC="http://www.trucker.waw.pl/templates/rhuk_solarflare_ii/images/trucker2_05.gif" WIDTH=4 HEIGHT=252 ALT=""></TD>
	  <TD colspan="3" align="left" valign="top"><?php mosPathWay(); ?></TD>
	  <TD>&nbsp;</TD>
  </TR>
	<TR>
	  <TD width="244" valign="top" align="left"><?php mosLoadModules ( 'user1' ); ?></TD>
		<TD width="4" valign="top" align="left"><div class="mod">  </div></TD>
		<TD width="244" valign="top" align="left"><?php mosLoadModules ( 'user2' ); ?>       </TD>
		<TD width="10">
			<IMG SRC="http://www.trucker.waw.pl/templates/rhuk_solarflare_ii/images/spacer.gif" WIDTH=1 HEIGHT=87 ALT=""></TD>
	</TR>
	<TR>
	  <TD colspan="3" align="left" valign="top"><?php mosMainBody(); ?>          <p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p></TD>
		<TD width="10">
			<IMG SRC="http://www.trucker.waw.pl/templates/rhuk_solarflare_ii/images/spacer.gif" WIDTH=1 HEIGHT=165 ALT=""></TD>
	</TR>
	<TR>
		<TD COLSPAN=5 background="http://www.trucker.waw.pl/templates/rhuk_solarflare_ii/images/trucker2_08.gif">
			<IMG SRC="http://www.trucker.waw.pl/templates/rhuk_solarflare_ii/images/trucker2_08.gif" WIDTH=740 HEIGHT=14 ALT=""></TD>
		<TD width="10">
			<IMG SRC="http://www.trucker.waw.pl/templates/rhuk_solarflare_ii/images/spacer.gif" WIDTH=1 HEIGHT=14 ALT=""></TD>
	</TR>
	<TR>
		<TD COLSPAN=5 valign="middle" align="center"><?php include_once( $GLOBALS['mosConfig_absolute_path'] . '/includes/footer.php' ); ?></TD>
		<TD width="10">
			<IMG SRC="http://www.trucker.waw.pl/templates/rhuk_solarflare_ii/images/spacer.gif" WIDTH=1 HEIGHT=52 ALT=""><<span style='color:blue'>/TD>
	</TR>
</TABLE>
[HTML] pobierz, plaintext 

obecny efekt mozna podejrzec tutaj

Ten post edytował trucksweb 16.06.2005, 08:10:27

[revyag]

Ż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]

zaraz zastosuje zmiany..

###
byla kiedys taka kombinacja klawiszy na klawiaturze ktora zmieniala duze znaki na male, zna ja moze ktos??

Ten post edytował trucksweb 16.06.2005, 08:44:25

[bigZbig]

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]

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 ? (IMG:http://forum.php.pl/style_emoticons/default/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.

Ten post edytował revyag 16.06.2005, 10:22:02

[bigZbig]

Rozumiem - chodzilo Ci o ten konkretny przyklad strony, ktory trucksweb zamiescil powyzej.

[trucksweb]

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 ? (IMG:http://forum.php.pl/style_emoticons/default/dry.gif)
moze mi ktos pomoc??
tu jest kod:

#kod jest nizej juz poprawiony

Ten post edytował trucksweb 24.06.2005, 09:40:10

[revyag]

Wywal z kodu to :

[HTML] pobierz, plaintext 
<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]

troche pozmienialem, ale nadal tabelka obsuwa sie w dol na niektorych podstronach:(

[HTML] pobierz, plaintext 
<div align="center"><?php mosLoadModules( 'banner', -1 ); ?>
		<TABLE WIDTH=750 BORDER=0 CELLPADDING=0 CELLSPACING=0>
	<TR>
		<TD width="254">
			<IMG SRC="http://www.trucker.waw.pl/templates/trucker2/images/trucker2_01.gif" WIDTH=254 HEIGHT=6 ALT=""></TD>
		<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>
		<TD width="10">
			<IMG SRC="http://www.trucker.waw.pl/templates/trucker2/images/spacer.gif" WIDTH=1 HEIGHT=6 ALT=""></TD>
	</TR>
	<TR>
		<TD width="254">
			<IMG SRC="http://www.trucker.waw.pl/templates/trucker2/images/trucker2_03.gif" WIDTH=254 HEIGHT=57 ALT=""></TD>
		<TD width="10">
			<IMG SRC="http://www.trucker.waw.pl/templates/trucker2/images/spacer.gif" WIDTH=1 HEIGHT=57 ALT=""></TD>
	</TR>
	<TR>
	  <TD ROWSPAN=2 width="254" valign="top" align="left">          <p><?php mosLoadModules ( 'left' ); ?></p></TD>
		<TD width="10" valign="top">
			<IMG SRC="http://www.trucker.waw.pl/templates/trucker2/images/spacer.gif" WIDTH=1 HEIGHT=99 ALT=""></TD>
	</TR>
	<TR>
	  <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">
	  <table width="492" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td valign="top"><?php mosPathWay(); ?></td>
        </tr>
      </table>
	  <?php
	 if (mosCountModules( 'user1' ) + ( 'user2' ) > 0 ) { ?>
		  <table width="492" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="244" valign="top"><?php mosLoadModules ( 'user1' ); ?></td>
              <td width="4">&nbsp;</td>
              <td width="244" valign="top"><?php mosLoadModules ( 'user2' ); ?></td>
            </tr>
          </table>
		  <?php
		  }
 
		  if (mosCountModules( 'user3' )) { ?>  
		  <table width="492" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="492" valign="top"><span class="mod">
                <?php mosLoadModules ( 'user3' ); ?>
              </span></td>
            </tr>
          </table>
		  <?php
		  }
		  ?>
		  <table width="492" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="492" valign="top"><?php mosMainBody(); ?></td>
            </tr>
          </table></TD>
	  <TD width="10" valign="top">&nbsp;</TD>
  </TR>
	<TR>
		<TD COLSPAN=2 background="http://www.trucker.waw.pl/templates/trucker2/images/trucker2_08.gif">
			<IMG SRC="http://www.trucker.waw.pl/templates/trucker2/images/trucker2_08.gif" WIDTH=740 HEIGHT=14 ALT=""></TD>
		<TD width="10">
			<IMG SRC="http://www.trucker.waw.pl/templates/trucker2/images/spacer.gif" WIDTH=1 HEIGHT=14 ALT=""></TD>
	</TR>
	<TR>
		<TD COLSPAN=2 valign="middle" align="center"><?php include_once( $GLOBALS['mosConfig_absolute_path'] . '/includes/footer.php' ); ?></TD>
		<TD width="10">
			<IMG SRC="http://www.trucker.waw.pl/templates/trucker2/images/spacer.gif" WIDTH=1 HEIGHT=52 ALT=""></TD>
	</TR>
</TABLE>
</div>
[HTML] pobierz, plaintext 

moze ktos pomoc??