 |
| | LinkBack | Themen-Optionen | Thema bewerten | Ansicht |
|
#1
16.01.06, 08:48
| |||
| |||
Nach ca. 4 Wochen Entwicklung ist die neue Seite www.gut-gmbh.de jetzt auf Typo3 umgestellt. Neben der Mehrsprachigkeit sollte die Darstellung von der Bildschirmauflösung abhängig sein. Ausserdem sollten spezifische Kundenseiten in Menustruktur implementiert werden. Entwickler: 1 Dauer: ca 4 Wochen (wird noch fortgesetzt) Seitenanzahl derzeit etwa 60 (deutsch/englisch) Verwendete Ext.: Screen resolution detection 1.1.2 Page JavaScript Selector 0.3.0 Indexed Search Engine 2.1.3 News tt_news 2.2.24          |
|
#2
16.01.06, 10:11
| ||||
| ||||
| Was soll man dazu sagen? Sorry, aber das ist vorsintflutlicher Layouttabellenwahn mit Unmengen von spacer-gifs. Deswegen ist eine Trennung von Layout und Inhalt praktisch überhaupt nicht gegeben. Außerdem extrem unvalider Code. Sieht schwer nach WYSIWIG-Editor-Output aus. Wenn das von einem Profi gemacht wurde, dann ist es in struktureller Hinsicht richtig schlecht. Ein CSS-basiertes Layout ist schließlich nicht die Technologie von morgen, sondern von heute. Geändert von lutz (16.01.06 um 10:16 Uhr). |
|
#3
16.01.06, 10:20
| |||
| |||
| Lustige Seite, vielleicht solltest du deine Bilder im Header etwas kleiner machen, 100kb für solch eine winzig Grafik ist ein wenig viel. |
|
#4
16.01.06, 10:25
| ||||
| ||||
| ich weiss nicht was ihr immer habt... ich denke CSS Layouts sind ne super sache... aber wirklich immer alles mit CSS umsetzten ?... ich hab mich mit CSS Layouts bis jetzt nur kurz beschaeftigt... aber meiner meinung nach ist das im vergleich zu tabellen layouts extermer aufwand... mag sein das es damit zusammenhaengt das ich mich damit noch nicht oft genug beschaeftigt habe... aber ich weiss nicht was imemr gegen tabellen spricht ?!... und wenn es darum geht das man die seite auch auf einem PDA etc. ansehen kann: ich glaube nicht das sich jemand die seite mit dem PDA anschaut... bei sowas denke ich sind eher newsseiten etc. die sowas PDA/handy etc kompatibel machen sollten... ich finde ein CSS Layout so hinzubekommen das es auf allen browsern gleich aussieht ist um einiges mehr arbeit als ein tabellen layout... belehrt mich!  gruß, exe
__________________  |
|
#5
16.01.06, 10:32
| |||
| |||
Hallo Lutz, vielen Dank für Deine Anmerkung. Ich weiss die Seite wurde nicht von einem Profi, sondern von einem Anfänger (mir) gemacht. In den 4 Wochen ist übrigens die Einarbeitung mit drin. Die Frage ist, erfüllt die Seite Ihren Zweck oder nicht. Ob unvalider Code verwendet oder nicht, kann ich nicht sagen. Ich häng einfach mal eines von den 3 HTML-Templates dran. Die Frage nach den Spacern und dem Tabellenwahn ist richtig, sie gilt jedoch nur für die Startseite mit den Rollover-Effekten des Bildes, deren HTML-Code direkt aus einem anderen Programm übernommen wurde. Für die Unterseiten gilt das jedoch nicht. Dort ist Layout und Inhalt getrennt. Aber eines ist klar als "Techniker" macht man eine Seite anders als ein "Designer", wobei diese Bemerkung bitte nicht negativ zu verstehen ist. Es ist einfach eine Festellung, die ich schon öfter erlebt habe, und beide Seiten haben Vor- und Nachteile. Mit dem CSS hast Du sicher recht. Dort sind noch Verbesserungen notwendig. CSS ist aber aufgrund der Zeit im Moment nocht nicht komplett implementiert. Aber das kommt noch. Grüße Dirk Vorlage: HTML-Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>GUT GmbH - Giesserei-Umwelttechnik</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body> <!-- ###DOKUMENT### begin --> <center> <table width="95%" border="0" cellspacing="0" cellpadding="0" > <tr height="121"> <td width="258">###LOGO_LINKS###</td> <td width="452">###LOGO_MITTE###</td> <td align="right" background="fileadmin/images/titel_background.png"> <table height="121" border="0" cellspacing="0" cellpadding="0"> <tr height="61"><td align="right" valign="top">###MENUE_RECHTS_OBEN###</td></tr> <tr height="47"><td align="left">###LOGO_RECHTS###</td></tr> <tr><td></td></tr> </table> </td> </tr> </table> <table width="95%" height="88%" border="0" cellspacing="0" cellpadding="0" > <tr> <td height="32" colspan="3"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="57%" align="left" valign="middle" class="klickpfad" style="padding-left:6px;">###KLICKPFAD###</td> <td width="43%" align="right" valign="middle">###SPRACHE1### ###SPRACHE2###</td> </tr> </table> </td> </tr> <tr> <td width="20%" height="95%" valign="top" bgcolor="#003266">###MENUE_LINKS###</td> <td width="60%" valign="top" class="bodytext"> <table width="100%" cellspacing="0" cellpadding="0" border="0"> <tr> <td align="left" valign="top" height="3"><img src="fileadmin/images/produkteinzeluebersicht_linie.png" alt="" border="0"></td> </tr> <tr> <td align="left" valign="top" style="padding:10px;" class="titelbild">###TITELBILD###</td> </tr> <tr> <td align="left" valign="top" style="padding:10px;" class="bodytext">###INHALT###</td> </tr> </table> </td> <td width="20%" valign="top"> <table width="100%" border="0" cellspacing="0" cellpadding="0" valign="top"> <tr><td height="32" align="left" valign="middle" class="tabellenheader">###BILDERHEADER###</td></tr> <tr><td height="24" align="center" valign="top" class="tabellebilder" >###BILDER###</td></tr> <tr><td align="left"> </td></tr> <tr><td height="32" align="left" valign="middle" class="tabellenheader">###VIDEOHEADER###</td></tr> <tr><td height="24" align="center" valign="top" class="tabellebilder" >###VIDEO###</td></tr> <tr><td align="left"> </td></tr> <tr><td height="32" align="left" valign="middle" class="tabellenheader">###DOWNLOADHEADER###</td></tr> <tr><td height="24" align="center" valign="top" style="padding:10px;" class="tabelledownload">###LINKS###</td></tr> <tr><td align="left"> </td></tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr><td height="32" align="left" valign="middle" class="tabellenheader">###SUCHEHEADER###</td></tr> <tr><td height="32" align="center" valign="middle" style="border-left: 1px solid #003266; border-bottom: 1px solid #003266; border-right: 1px solid #003266; padding-top: 5px;">###SUCHE###</td></tr> </table> </td> </tr> <tr> <td colspan="3" align="right">###DRUCKEN###</td> </tr> <tr><td colspan="3" align="center" class="textgrau9px">Copyright by GUT GmbH. ###LASTUPDATE###</td></tr> </table> </center> <!-- ###DOKUMENT### end --> </body> </html> |
|
#6
16.01.06, 10:37
| |||
| |||
Eine Sache habe ich noch vergessen. Es gibt natürlich verschiedene CSS-Dateien, die verwendet werden um für die verschiedenen Bildschirmauflösungen die richtige Schriftgröße hinzubegkommen. Definiert sind diese für die auflösungen von 1024x768 bis 1920x1200, so dass auch auf einem großen Bildschirm der Text gut leßbar ist. Gruß Dirk |
|
| Lesezeichen |
| Themen-Optionen | |
| Ansicht | Thema bewerten |
Linear-Darstellung
| |
Ähnliche Themen | ||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| Webentwickler (PHP, Typo3) gesucht – Einstieg in GmbH | mentorado | TYPO3-Jobs | 0 | 11.06.07 07:07 |
| IQI GmbH | oroth | TYPO3 Hosting | 0 | 08.04.05 08:07 |
Alle Zeitangaben in WEZ +1. Es ist jetzt 10:52 Uhr.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121