|
 |
  |
| Autor |
Nachricht |
Hackmanno1
Neuer [User]
Anmeldung: 12.02.06
Beiträge: 5
|
 Verfasst am: 12.02.2006, 10:20 Titel: Bewerten meiner homepage |
 |
|
Hi guys, ich wollte euch mal fragen, ob ihr die homepage einmal beurteilen könnt. Ich habe sie mit 2 Kumpels für das100 jährige bestehen unsere Schule erstellt.
Ich bin immer für Kritik offen. -->  www.gsg.de.pn
Danke schon mla im Vorraus
Hackmanno1
|
|
| Nach oben |
|
 |
eforium
Bekannter [Mod]
Anmeldung: 20.01.06
Beiträge: 1364
Wohnort: Irgendwo i ...
|
|
| Nach oben |
|
|
JFM
Beliebter [User]
Anmeldung: 25.09.05
Beiträge: 437
Wohnort: Gütersloh
|
| Verfasst am: 12.02.2006, 17:24 Titel: |
|
|
Ist es wirklich nötig das der Header so groß ist?
Ich würde mich für eine einheitliche Navigation entscheiden. Denn Blauen Balken ganz weg und die Menüs mit in die Linke navigatin.
Ich würde noch versuche die Seite für eine Auflösung von 800x600 zu erstellen.
Wenn man diese auflösung nutzt muss man viel scrollen.
Aber der ansatz ist sicher kein schlechter 
_________________
http://www.onestripe.de --- Ihr Weg ins Internet
|
|
| Nach oben |
|
|
Hackmanno1
Neuer [User]
Anmeldung: 12.02.06
Beiträge: 5
|
| Verfasst am: 13.02.2006, 17:00 Titel: |
|
|
Meint ihr wirklich, dass der header zu groß ist? Also wenn das so ist...dann werd ich mich mal daran machen, ihn etwas zu verkleinern.
Naja, dass mit der auflösung hab ich mir auch überlegt, aber ich bin eigentlich zu dem Entschluss gekommen, dass die meisten doch 1024 x 768 haben... deshalb hab ich sie darauf optimiert..Oder gibts es noch viele mit einer tieferen auflösung?
trotzdem thx
Hackmanno1
|
|
| Nach oben |
|
|
chris1988
Bekannter [User]
Anmeldung: 12.12.05
Beiträge: 1686
|
| Verfasst am: 13.02.2006, 18:10 Titel: |
|
|
hi
Also, ersteinmal würde ich insgesamt mal die Qualität der Grafiken etwas runterschrauben, die sind irgendwie alle riesig. Für den Bereich oben Links villeicht statt der Grafik den Verlauf aus dem Hintergrund nehmen und als eine 1-Pixel breite Grafik abspeichern, dann als Hintergrund nehmen und Text normal draufbringen
Auch solltest du Bilder auf der Startseite nicht verkleinert darstellen, das hat nämlich 2 große Nachteile: 1. Dauert das Laden der Seite unnötig länger und 2. Wird das Bild qualitativ schlechter dargestellt, da Webbrowser Kantenglättung gar nicht bis nur schlecht benutzen. Daher: Bild mit Grafikprogramm öffnen, verkleinern und wieder auf Internetseite einbinden
Ein weiterer Punkt sind die Bilder in der Navigation - ich hab bei mir eine Zeitverzögerung von ca. 1-2 Sek. bis sich der hover-Effekt zeigt, was nicht gerade toll ist :-/
Auch da kannst du das um einiges beschleunigen, in dem du die beiden Verläufe im Hintergrund als 1-Pixel breite Grafiken abspeicherst. dann musst du den Navigationslinks das attribut "display: block" zuweisen und die entsprechende Höhe + Breite festlegen, sowie den ersten Verlauf als hintergrund festlegen. Danach musst du einfach den anderen Verlauf für den :hover bestimmen, und schon ist der Effekt fertig: Mit dem kleinen Vorteil, dass du bei allen Links den selben Stil benutzen kannst, wodurch du ca. 80KB einsparst, die die Grafiken auf der Seite so ungefähr beanspruchen.
Und nun etwas Seitenspezifisch:
Projekte - Ich bin vom Quelltext etwas irritiert: Ihr habt da in etwa folgendes stehen:
| Code: |
<table>
<tr>
<td><ul>
<li>1. blubb...</li>
</ul></td>
</tr>
<tr>
<td><ul>
<li>2. blubb...</li>
</ul></td>
</tr>
<tr>
<td><ul>
<li>3. blubb...</li>
</ul></td>
</tr>
</table>
|
Die Tabelle ist da völlig überflüssig, es reicht folgendermaßen:
<ul>
<li>1. blubb</li>
<li>2. blubb</li>
<li>3. blubb</li>
</ul>
Für die genauere Positionierung und die gewünschten Abstände kannst du ganz einfach benutzen.
Über uns - Was sollen diese blockquotes? Benutz um Abstände festzulegen doch einfach margin (oder in diesem fall ein mittig platziertes <div> mit linker text-ausrichtung).
So, fast genug "gemeckert" 
Als letztes möchte ich noch erwähnen, dass die Seite von Browser zu Browser anders dargestellt wird, villeicht solltest du mal gucken ob du rausfindest, woran das liegt...
Alles in allem hat die Seite noch ein paar Überarbeitungen nötig, gefällt mir aber trotzdem ganz gut. Gerade für dein Alter ist die Seite wirklich sehr gut, wenn ich mich an meine "Bastelein" aus dieser Zeit erinner krieg' ich das grauen *g*
Kannst ja mal gucken was du noch ändern willst, ist nicht alles unbedingt nötig, aber villeicht bist du ja trotzdem motiviert genug
MfG,
chris1988
|
|
| Nach oben |
|
|
Hackmanno1
Neuer [User]
Anmeldung: 12.02.06
Beiträge: 5
|
| Verfasst am: 13.02.2006, 19:15 Titel: |
|
|
Hi, danke.. sowas gefällt mir... -->chris1988
Das mit den grafiken werd ich alles so machen, wie du es gesagt hast.. Find ich ne gute idee... Das mit den 1 pixel breitem grafiken find ich coool. Damit spart man echt viel. Dass das von Browser zu Browser unterschiedlich aussieht, ist mir auch schon aufgefallen. Also jedenfalls im Internetexplorer siehts komisch aus. Da sieht man immer unter der blauen Navigation immer so ne div-box. Die hab ich asuversehen dahin gemacht. muss ich noch raus nehmen, man sieht sie aber im Firefox/opera nicht. Außerdem sit der horizontale Balken etwas komisch, ein bisschen hoch. den tausch ich auch durch ne 1*1 px großes bild aus. ^^
OK, dass mit dem Quelltext seh ich erstmal als nicht ganz sooo wichtig. Dass sind dann würd ich sagen, die Feinarbeiten *g*. Erstmal den rest fertig kriegen.
Aber dass mach ich dann natürlich auch noch..
nochmal thx, und ich bin für weitere Vorschläge offen
Hackmanno1
//edit: ich wollt das grad mit den 1 pixel breiten grafiken mache.. das hat auch soweit geklapt, nur wenn ich den text jetzt normal drauf bringe, kann ich nicht mehr dieses "onmouseover" benutzten, da dann die schrift im weg ist
|
|
| Nach oben |
|
|
chris1988
Bekannter [User]
Anmeldung: 12.12.05
Beiträge: 1686
|
| Verfasst am: 13.02.2006, 20:18 Titel: |
|
|
ja, das JavaScript muss raus. Hier mal einen kleinen Denkanstoß:
| Code: |
- stylesheetdatei -
.navi ul {
margin: 0px;
padding: 0px;
list-style: none;
}
.navi li {
display: inline;
}
.navi a {
float: left;
display: block;
height: 30px;
width: 200px;
background-color: darkred;
text-align: center;
}
.navi a:hover {
background-color: darkgreen;
}
|
| Code: |
- HTML-Datei -
<div class="navi">
<ul>
<li><a href="#">Startseite</a></li>
<li><a href="#">Gästebuch</a></li>
<li><a href="#">Projekte</a></li>
<li><a href="#">Über uns</a></li>
</ul>
</div> |
Probier das mal aus... Wenn du jetzt statt der Hintergrundfarben die beiden Verläufe nimmst, hast du den gleichen Effekt wie bei dir auf der Seite - und das ganze noch ohne Javascript
|
|
| Nach oben |
|
|
Hackmanno1
Neuer [User]
Anmeldung: 12.02.06
Beiträge: 5
|
| Verfasst am: 13.02.2006, 22:58 Titel: |
|
|
hi, mit dem
sieht das nur im firefox richtig aus, also die blaue navi ist nebeneinander, aber im IE, ist das alles etwas verschoben, dass ist zwar auch nebeneinander, die 4 kästen, aber jedes kästchen ist etwa 15px tiefer als das rechts daneben.
Was kann ich dagegen machen?
thx
Hackmanno1
|
|
| Nach oben |
|
|
chris1988
Bekannter [User]
Anmeldung: 12.12.05
Beiträge: 1686
|
| Verfasst am: 14.02.2006, 12:52 Titel: |
|
|
dann mal "margin" und/oder "padding" für die <li>s auch noch auf 0 setzen, dann sollte das eigentlich klappen
|
|
| Nach oben |
|
|
Hackmanno1
Neuer [User]
Anmeldung: 12.02.06
Beiträge: 5
|
| Verfasst am: 14.02.2006, 17:22 Titel: |
|
|
jo, thx, ich habs jetzt mir css per absolut positioniert.
trotzdem danke...
Ich hab jetzt mal www.people.freenet.de/gsgcrew/buch.htm hab ich bis jetzt dass mit den 1px breiten bildern gemacht. den header hab ich von 140KB auf 30KB runtergeschraubt. n unterschied sieht man kauzm
Habt ihr/du noch weitere ideen?
auch zum design?
Hackmanno1
edit: ich bracu unbedingt eure ratschläge zu der homepage. wir haben nämlich jetzt konkurenz. und die wollen wir abhängen, wäre echt cool, wenn ihr mir da helfen könntet --> BIG THX
|
|
| Nach oben |
|
|
|
|
  |
|
Alle Zeiten sind GMT + 1 Stunde
|
| Seite 1 von 1 |
|  |
