Eure Webseiten

**Jesus_666** · 16.01.2005 01:15

Zitat von unfixable.

So, heute ist mir endlich mal ein Design für meine Seite eingefallen, das mir gefällt und nicht höchstkompliziert ist. Raus kam das:

<<< Song Of Nephilim >>>

Es gibt bisher keinerlei Inhalt, aber wie in den News geschrieben, versuche ich die Seite im Laufe der Woche einigermaßen auf die Beine zu stellen.

Hmm, ich hab' da ein paar Probleme, vor allem mit dem Splash: Erstens finde ich, daß solche Seiten sowieso eine Verschwendung von Zeit und Traffic sind (Achtung, persönliche Meinung) und zweitens wiederholt sich der Hintergrund bei Auflösungen jenseits der 1024x768... Wenn du den Splash behalten willst solltest du da mal dem <body> ein style="background-repeat: no-repeat" verpassen, das sieht besser aus.

Das Design an sich geht, nur sind die Größenverhältnisse seltsam: Auf meinem Desktop-Rechner (Auflösung: 1152x864) wirkt der Mittelteil arg klein und es geht viel Platz verloren.
Auf dem Laptop (Auflöaung: 1024x768) ist das Design so breit, daß ein horizontaler Scrollbalken angezeigt wird; allerdings sind eben zwei Drittel des Platzes ungenutzt.
Das Problem ist, daß in der ganzen Seite die Größen als absolute Pixelwerte angegeben sind; wenn man einige dieser Werte in Prozentwerte ändern würde (beispielsweise die Breite der gesamten Seite) könnte das die Kompatibilität der Seite zu verschiedenen Auflösungen verbessern.

Außerdem ist der Kontrast zwischen dem grauen Text und dem hellgrauen Hintergrund recht gering - weder auf meinem Röhrenmonitor noch auf dem Laptopdisplay war der Text gut lesbar. Hier könnte der Text etwas nachgedunkelt werden.

Ich habe die Seite auch mal durch den HTML Validator vom W3C laufen lassen. Er fand ein paar Fehler in der Hauptseite. Dabei geht es hauptsächlich darum, daß du Dinge wie <BODY BGCOLOR=#717171> nicht machen darfst (korrekt wäre <BODY BGCOLOR="#717171">) und daß du nichtexistente Attribute wie leftmargin benutzt. Außerdem sind Konstrukte wie Attribut = Wert nicht zulässig; neben das = gehören keine Leerzeichen.

Außerdem fehlt bei allen Seiten noch die Angabe des Encodings. Ohne das weiß der Browser nicht, mit welchem Zeichensatz die Seite verfaßt wurde und es kann zu Darstellungsfehlern kommen, weil er raten muß (sowas kommt häufig vor). Ich gehe mal davon aus, daß du Win-User bist, also dürftest du als Encoding ISO-8859-15 benutzen; das kannst du dem Browser mit folgender Zeile mitteilen (im <head>-Teil aller Seiten):
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-15">
Dann fehlen noch die DTDs, ohne die der Browser nicht mal genau weiß, welche Sprache er da vor sich hat; knall' einfach mal folgende Zeile ganz an den Anfang jeder Seite:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Okay, das war jetzt ein Haufen Kritik, also auch mal was gutes:
Vom gestaltungstechnischen Aspekt her gefällt mir das Design soweit ganz gut; vielleicht könnte man den Mittelteil etwas verbreitern, aber ansonsten geht die Seite. Nicht zu überladen, übersichtlich und sieht nicht schlecht aus. Was mir gefällt ist, daß alle <img>-Tags auch ein alt="" haben (wobei die Bilder in der Navigation noch einen passenden Alternativtext kriegen sollten).

**Squall2k** · 15.01.2005 23:40

SOng of Nephilim sieht wirklich genial aus...echt professionell

Ich blick in HTML oder CSS überhaupt nicht durch, deshalb sieht meine Homepage auch so aus:

http://home.pages.at/squall2k/

**dadie** · 16.01.2005 00:24

Zitat von Squall2k

SOng of Nephilim sieht wirklich genial aus...echt professionell

Ich blick in HTML oder CSS überhaupt nicht durch, deshalb sieht meine Homepage auch so aus:

http://home.pages.at/squall2k/

also sorry aber so überl ist das garnett siht doch rech pasabel aus

natürlich ist das kein Meisterwerk aber schlecht ist ja auch nett
zumindestens hast du nett das ewige schema |Menu|Text|menu|
genutz welches ich zu gerne nutze ^^°

achja meine Privat HP ist auch im Kommen derzeitig steht noch nicht fest ob es ne
"About me" seite oder ne "About my Work" wird aber das Design steht schon

Es nent sich UVD 2.1.2

und siht um längen besser aus als Version 2.0 oder 2.1

hier der Link http://dadie.ath.cx

Kann sein das der PC abundzu offliene ist meisst Nacht weil ich nett weil das meine Brude durchbrennt

**Squall2k** · 16.01.2005 08:16

Zitat von dadie

also sorry aber so überl ist das garnett siht doch rech pasabel aus

natürlich ist das kein Meisterwerk aber schlecht ist ja auch nett
zumindestens hast du nett das ewige schema |Menu|Text|menu|
genutz welches ich zu gerne nutze ^^°

achja meine Privat HP ist auch im Kommen derzeitig steht noch nicht fest ob es ne
"About me" seite oder ne "About my Work" wird aber das Design steht schon

Es nent sich UVD 2.1.2

und siht um längen besser aus als Version 2.0 oder 2.1

hier der Link http://dadie.ath.cx

Kann sein das der PC abundzu offliene ist meisst Nacht weil ich nett weil das meine Brude durchbrennt

Vielen Dank,...aber das Menüschema hab ich nur deshalb so gemacht, weil ichs nicht besser weiss 8) ist halt ziemlich improvisiert...
...aber ich hab mal ne Frage. Wie lange dauert das Laden...hab extra den Hintergrund so ein wenig kleiner und niedrigauflösender gemacht, um die Grösse zu verringern....am Anfang hatte ich da über 100kb

**dadie** · 16.01.2005 11:29

Zitat von Squall2k

Vielen Dank,...aber das Menüschema hab ich nur deshalb so gemacht, weil ichs nicht besser weiss 8) ist halt ziemlich improvisiert...
...aber ich hab mal ne Frage. Wie lange dauert das Laden...hab extra den Hintergrund so ein wenig kleiner und niedrigauflösender gemacht, um die Grösse zu verringern....am Anfang hatte ich da über 100kb

Ich habe derzeitig Probleme mit meinem Apachie und Dyndns und meinem router
um genau zu sein irgentwie will heute alles schieff gehn

Achja noch was in etwa 5 Monaten bekomme ich T3

Ergo 3MiB UP und DOWNLOAD

*freu*

dann geht der Server entlich ab

**codec** · 16.01.2005 00:01

Im moment bastel ich an meiner eigenen kleinen Privathomepage.
http://codey.datenklo.net/cms/main.pl
Das ganze ist nur zu erreichen wenn mein Rechner online ist.
(Und dann wahrscheinlich nicht gerade schnell)

Das ganze basiert auf einem in Perl geschriebenen CMS - das ich aber nicht selber geschrieben habe. Nur die ein oder andere Codeverbesserung.

@unfixable: Das Design ist cool, weil es so schlicht ist.

**Wonderwanda** · 16.01.2005 02:02

Zitat

Wenn du den Splash behalten willst solltest du da mal dem <body> ein style="background-repeat: no-repeat" verpassen, das sieht besser aus.

Danke, genau den Befehl habe ich eben gesucht, da mir das erstmal gar nicht aufgefallen ist. Wird gleich geändert.

Zitat

Das Design an sich geht, nur sind die Größenverhältnisse seltsam: Auf meinem Desktop-Rechner (Auflösung: 1152x864) wirkt der Mittelteil arg klein und es geht viel Platz verloren.
Auf dem Laptop (Auflöaung: 1024x768) ist das Design so breit, daß ein horizontaler Scrollbalken angezeigt wird; allerdings sind eben zwei Drittel des Platzes ungenutzt.
Das Problem ist, daß in der ganzen Seite die Größen als absolute Pixelwerte angegeben sind; wenn man einige dieser Werte in Prozentwerte ändern würde (beispielsweise die Breite der gesamten Seite) könnte das die Kompatibilität der Seite zu verschiedenen Auflösungen verbessern.

Hm. Ja, das ist bei mir auch, allerdings habe ich teils so oder so leichte Probleme mit Seitenansichten bei mir, von daher dachte ich, es könnte irgendwie an mir liegen. Da muss ich es wohl oder übel verschieben. Was größere Auflösungen angeht, weiß ich allerdings nicht, wie ich das gut ändern sollte. Kannst du vielleicht mal einen Screen machen, wie es bei dir genau aussieht? Dann kann ich mir besser etwas darunter vorstellen und finde eventuell den Fehler.

Zu den sonstigen Fehlern: Ich habe sie weitesgehend gleich geändert und lade die neuen Seiten gleich hoch, danke. Die ""-Fehler hat wohl Imageready reingedonnert und ich hab nicht weiter drauf geachtet. Ich hoffe mal, ich habe keinen Farbcode übersehen. Danke.

EDIT

So, die Seite ist jetzt endlich mit PHP ausgestattet (und großteils -hoffentlich- von Coding-Fehlern befreit). Allerdings fehlen noch in den restlichen Rubriken außerhalb der News das Bannerstück. Das mach ich später, jetzt bin ich einfach zu müde für sowas. Ach ja - benutzt keinen IE, der stinkt eh wie Hölle.

**ZeKeE** · 17.01.2005 22:47

Wie kann ich eigentlich Platz zwischen einer zeile lassen?

Allso wen hier : | eine tabbele ist und die andere Tabbelle ist genau auf der anderen nebendrei wie kan ich da platz lasen?

**Broken Chords Can Sing A Little** · 18.01.2005 00:50

Zitat von Sekar

Wie kann ich eigentlich Platz zwischen einer zeile lassen?

Allso wen hier : | eine tabbele ist und die andere Tabbelle ist genau auf der anderen nebendrei wie kan ich da platz lasen?

Bitte nochmals genauer erklären, du hast eine Tabelle und die Andere ist genau auf der Anderen nebenbei? ?_? Und willst Platz zwischen eine Zeile lassen? Meinst du vielleicht mit <br>, aber das wäre ein bisschen zu einfach!?
Wie gesagt, bitte genauer erklären ^^" (oder ich bin einfach nur zu doof dafür !_!)

@unfixable:
Jep, Seite rennt optimal, dass sie mir vom Design her sehr gut gefällt, hab ich ja schon gesagt. ^^ Auch dein Artikel gefällt mir gut, vorallem da er, wie es sich gehört, schön sachlich bleibt und nicht grundlos und mit purem Hass die kommerzielle Musik bzw. die Musikmacher verurteilt (soweit ich das sehen kann), sondern eher die Leute, die dafür verantwortlich sind (Konsumenten).
Aber eine Frage: Wie bist du auf den Namen "Song of Nephilim" gekommen?

Edit: Mir ist was eingefallen, was man eventuell verbessern könnte:
Der Bereich, in dem der Text steht, ist doch mit einem IFrame gemacht, oder? Ich fände es besser, wenn dieser so eingestellt ist, dass der Scrollbalken auf der rechten Seite außerhalb des grauen Bereiches (also auf dem eher weißen Bereich) liegt und für den Text der gesamte hellgraue Bereich reserviert ist, also so wie links, nur eben mit dem Scrollbalken weiter außen. Würde, denke ich, nicht schlecht aussehen.

**dadie** · 18.01.2005 15:22

Zitat von Sekar

Wie kann ich eigentlich Platz zwischen einer zeile lassen?

Allso wen hier : | eine tabbele ist und die andere Tabbelle ist genau auf der anderen nebendrei wie kan ich da platz lasen?

mach das doch so :

HTML-Code:

	   <td>menu</td>
	   <td style="width:15px;" >&nbsp;</td>
	   <td >inhalt&nbsp;</td>

**dead_orc** · 07.01.2005 19:35

Ich denke nicht, dass man das als Werbung werten muss, da du ja "nur" Feedback haben möchtest!

Also, das Design finde ich sehr viel besser als vorher, allerdings ist das Ding immernoch unvalide bis unter den Rand!

Mehr gibts da denke ich nicht zu sagen

**wrtlprnft** · 07.01.2005 20:01

Ich denk er meint deine Seite.
Ich persönlich würde die Schrift etwas heller machen, man kann sie fast nicht lesen...

**Broken Chords Can Sing A Little** · 16.01.2005 03:02

Hm, ich hab mir deine Seite angesehen, bevor du sie nach Jeez' Post verändert hast, da hat sie mir eigentlich recht gut gefallen, schlichtes aber doch ansprechendes Design, nimmt nicht zu viel unnötigen Platz weg usw. Lediglich das Textfeld fand ich zu klein..
Jetzt jedoch sehe ich lauter Darstellungsfehler; graue Balken auf der rechten Seite, einzelne Bildteil verschoben, hässliche Borders um die Menü-Pics usw...also irgendwas muss das schief gelaufen sein...an meinem Browser wird's wohl auch kaum liegen, denn ich verwende FireFox, bei dem so weit ich weiß so ziemlich alles "richtig", also ohne Darstellungsfehler von Seiten des Browsers, wie beim IE, angezeigt wird ?_?

Hab auch mal nen Screen gemacht (Laden könnte dauern, ist ein langsamer Server): _hier_

**Wonderwanda** · 16.01.2005 03:26

Zitat von Chibi

Hm, ich hab mir deine Seite angesehen, bevor du sie nach Jeez' Post verändert hast, da hat sie mir eigentlich recht gut gefallen, schlichtes aber doch ansprechendes Design, nimmt nicht zu viel unnötigen Platz weg usw. Lediglich das Textfeld fand ich zu klein..
Jetzt jedoch sehe ich lauter Darstellungsfehler; graue Balken auf der rechten Seite, einzelne Bildteil verschoben, hässliche Borders um die Menü-Pics usw...also irgendwas muss das schief gelaufen sein...an meinem Browser wird's wohl auch kaum liegen, denn ich verwende FireFox, bei dem so weit ich weiß so ziemlich alles "richtig", also ohne Darstellungsfehler von Seiten des Browsers, wie beim IE, angezeigt wird ?_?

Hab auch mal nen Screen gemacht (Laden könnte dauern, ist ein langsamer Server): _hier_

Ja, habe ich mittlerweile auch gemerkt, in Opera merkt man davon allerdings gar nichts. Der einzige Unterschied ist PHP, die HTML-Version geht einwandfrei. Sehr komisch... Ich bin auch gerade recht ratlos.

So, ok, HILFE! An einer Stelle habe ich den Fehler gefunden, es wird die Variable nicht erkannt:

<IMG SRC="Bilder/_______.gif" WIDTH=3 HEIGHT=12 ALT="">

Weiß jemand, woran das liege könnte? Hab schon in jeden <img>-Tag ein "border="0"" rein, jetzt ist der ominöse blaue Rand weg, aber das war's.

**Lucleonhart** · 16.01.2005 13:08

Zitat von unfixable.

Ehm.. was genau steht denn da im PHP script? Ne variable für den Grafiknamen?
also

PHP-Code:


<IMG SRC="Bilder/$name.gif" WIDTH="3" HEIGHT="12" ALT="">

probier mal. Die width und height angabe auch mit "", oder irr ich mich da Validator techisch jetzt? Ne, kann nicht sein, mach ich ja auch!

Warum da manche einrückungen erfolgen: Nun, der Firefox hat es manchmal an sich absätze im quelltext mit zu interpretieren.
da wird dann bei

HTML-Code:

<tr>
<td>
Inhalt
</td>
</tr>

Zwischen <td>ind inhalt mal nen <br>eingefügt, weil er das im quelltext liest. probier mal aus, die <td>und</td> s direkt vor, bzw. nach den inhalt (also die grafik nehm ich an) zu packen!

Ansonsten gefüllt mir das design seeeeeeeeeehr gut! *top*

**Wonderwanda** · 16.01.2005 14:52

Da steht, soweit ich das überblicken kann, das hier:

HTML-Code:

<TD COLSPAN="5" COLSPAN<TD><? echo('<img src="./Bilder/'.$inc.'_01.gif">'); ?&gt; 
<TD colSpan="13"><? echo('<img src="./Bilder/'.$inc.'_02.gif">'); ?&gt; </TD>

Sobald ich allerdings die "" einfüge, geht die Seite komplett nicht mehr, s. hier. Die besagte Fehlerquelle ist genau das, was da oben steht.

EDIT

Ok, fehlende ?> eingefügt, jetzt ist das Teil auch in Opera kaputt... So langsam verliere ich echt die Lust.

**Lucleonhart** · 16.01.2005 19:12

was solln das doppelte <td> da?! *g*
Und die anführungszeichen verwirren mich grad ein wenig..
schreib mal:

HTML-Code:

<TD COLSPAN="5"><? echo("<img src='Bilder/$inc_01.gif'>"); ?></td> 
<TD colspan="13"><? echo("<img src='Bilder/$inc_02.gif'>"); ?></TD>

Hab da jetzt mal die Anführungsstriche so gesetzt, wie ichs gemacht hätte, included werden also jetzt wenn $inc == "pic"; wäre das bild "Bilder/pic_01.gif". Probiers mal aus!

PS: Ein 13er Colspan?!?!? Woha? Der überspringt 13 spalten? Krasses Layout.

**dadie** · 16.01.2005 19:32

Zitat von Lucleonhart

PS: Ein 13er Colspan?!?!? Woha? Der überspringt 13 spalten? Krasses Layout.

Das ist ein Slice Design da sind locker noch biszu 50 drin

Naja ich kann nur eine sache erwähnen Geh weg von Slice Design !
neben dem das Photoshop kein Gutes HTML sind sie teils einfach zu Stark auf bilder aufgebaut !

Das Design könnte man locker in 6kb reinpacken mit CSS da bin ich mir sicher

desweiterem ratte ich von Photoshop Slicing ab weil wenn man es macht muss man alles nach schreiben um vernünftiges XHTML hinzukriegen etz.

und dann noch CSS einbauem also ich tuh mir heute davon nix mehr an den ich kenne die macht von CSS

(und die Ist Grösser als die von Tabelen)

**Wonderwanda** · 16.01.2005 21:09

Nun, Fehler wurden rausgehauen, hab einige Leute genervt, jedoch bleibt die Seite doch vorerst down. Dank PHP-Einteilungen der Spalten (Oder... wasweißich, ich hab doch eh keine Ahnung), wird das Design bei Mozilla und IE einfach übelst zerschossen. Da ich nicht sonderlich scharf eine Opera-Only-Seite bin, bleibt die Seite einfach mal weg, bis jemand weiß, wie man den Fehler wegbekommt... oder ich den Nerv für ein neues, einfacheres Design habe. Beides kann Jahre dauern. Peace.

**Lucleonhart** · 17.01.2005 13:37

Wenn du bereit bist, mich auch in ICQ über 153426756 zu nerven, dann versuch ich mein bestes! *grins*

Thema: Eure Webseiten

Themen-Optionen

Anzeige

Hybrid-Darstellung

Berechtigungen