Hey Leute
Ich wollte euch mal meine Webseite zeigen.
Ich denke, dass ich noch einiges verbessern könnte, aber ich weiß nicht so genau, was.
Wäre schön, wenn ihr das Design unnd den Aufbau bewerten könntet:
Eins noch, ich möchte nicht so unbedingt was mit Java machen, weil das die erste Homepage ist, die ich gemacht habe ;).
Willkommen auf der DFPWare Homepage
Danke für eure Hilfe
DFPWare
Wie schon im anderen Topic gesagt:
Hm… ja okay keine Frames mehr, aber was soll ich stattdessen nehmen?
Zu der Gestaltung, was würdest du mir empfehlen, was ich anders machen kann?
Und Verbesserungsvorschläge, naja dann fang mal an :mrgreen:
Was du stattdessen nehmen sollst? Kein Frames eben 
Und nebenbei: Java != JavaScript
Aber wie soll ich das machen ohne frames?
Ja das mit dem JavaScript wusste ich, JavaScript ist nur für webseiten 
Mit divs z.B. - also ich weiß jetzt nicht ganz wo dein Problem liegt, ist doch eine normale, statische Seite, vllt. solltest du dich erst mit den Grundlagen beschäftigen.
Schrift zu groß, keine Boxen mit Rahmen, Padding fehlt… Mehr kann ich dazu auch nicht sagen: das ist einfach zu wenig: schöpfe die Möglichkeiten von CSS mehr aus. Ich kann auch nicht ein leeres Blatt bewerten.
Hmm Ja ich hab auch nicht gesagt, dass ich eine gute Webseite gemacht hab, aber ich hab keine Ahnung was ich hätte anders machen sollen, weil ich noch kein vernünftiges „How to make a webpage“ Tutorial gefunden habe, die bisherigen gingen immerbis hier und nicht weiter.
Was gibt es denn noch für Möglichkeiten mit CSS?
EDIT: Ich hab es jetzt nochmal mit div und ohne Frames gemacht
Kannst ja mal die zu CSS verlinkten Seiten in der Quellensammlung durchgucken. Ich glaube allerdings, die sind alle nicht ganz auf dem neuesten Stand.
CSS3:
Das muss noch nicht zwingend in jedem aktuellen Browser funktionieren.
Hallo 
Also erstmal möchte ich sagen, dass die Schriftart „Comic Sains MS“ etwas kindisch und unprofessionell wirkt. Nimm doch Arial oder sowas in der Art.
Zweitens sind ein schlichter Header, eine blaue Linie und ein wenig Text nicht gerade der Hingucker…
Ich möchte euch/dich nicht kritisieren, meine erste Seite hat ähnlich ausgesehen 
Also:
Ich würde die Schriftart ändern und die Menüleiste etwas hervorheben und vielleicht nocht erklären mit welchen Themen sich die Seite beschäftigt.
Wie gesagt der erste Eindruck zählt
lg ChiliPictures
Hey ,
ich hab mir die Website (in ihrer jetzigen Form natürlich) angeschaut…:
Das erste was mir auffällt ist , eine Introseite mit einem Video… Solche „Einleitungsseiten“ finden Suchmaschienen i.d.R. nicht gut, d.h. ich seid schwere per Google, Yahoo etc. zu finden.
Dazu kommt, dass das Design der Introseite, quasi nicht vorhanden ist. (Eine weiße Seite ) Und dieses Youtube Video arg nervt , da sich wohl 90% der Besucher selbiges nicht anschauen werden.
Außerdem, schreckt solche Enterseiten oft ab, und verleitet den Besucher gleich die Seite zu verlassen.
Zum Design:
Ich drücke auf’s Enter…und komme auf eine Seite, welche mich mit einem unschönen, leuchtenden und vor allem krassen (!) Blau begrüßt. Der Header passt farblich nicht. Und das Design ist eigent. nicht vorhanden. Da ist noch starker nachhole bedarf! Notfalls , sich auch einfach durch ein paar Tutorials zu CSS lesen. Bzw. zum Design von Seiten.
Außerdem, wirken solche „Wörter“ wie „ne“ oder andere Abkürzungen, im allg. Sprachgebrauch extrem unseriös.
Und natürlich auch von anderen angesprochene Aspekte , wie z.B. das fehlen von CSS, den (übermäßigen) Gebrauch von
usw.
Ich persönlich kann dir diese Seite empfehlen: http://www.html-seminar.de Einfach mal anschauen, viellt. ist ja was für dich dabei.
Ansonsten: Viel Glück, und Spaß euch beiden noch.
T02
Also typografisch wie Designtechnisch, ist die Seite wirklich nicht zu gebrauchen 
Das ist nix… Und da helfen dir auch keine Tutorials oder sonstwas… Das Design machst du am besten erstmal in Photoshop oder falls du das nicht hast in Gimp… Dann erstellst du eine HTML Seite die das Design hat aber vorerst mal alles ohne Bilder… Und dann wenn das stimmt und ohne Fehler funktioniert, dann slicest du die PSD Datei und fügst die einzelnen Grafiken an der passenden Stelle ein… Text und so weiter muss dann auch noch rein. Aber auf keinen Fall Comic Sans
Diese Website wurde von Flo designt und umgesetzt.
Damit würde ich mich nicht rühmen… ^^
Also ich hab folgendes geändert:
@threadi: keine frames mehr, stattdessen divs
@behalx: Schrift angepasst, etwas padding
@mermshaus: ich hab z.B einen Schatten eingefügt, weiteres erschien mir nicht sinnvoll, wenn es doch noch was gibt, dann bitte posten
@ChiliPictures: Comic Sans MS durch Arial ausgetauscht, schlichter header… naja immer noch schlicht
@tarik02: ich hab das intro weggemacht, weiße Seite war, weil ich den Hintergrund nicht hochgeladen bekommen hab, hab ich aber auch gefixt, die schrift passt wirklich nicht zum Logo, aber wenn ich sie anpasse, dann ist sie kaum noch zu erkennen, habt ihr vielleicht irgendwelche farbvorschläge?,Abkürzungen entfernt, css hab ich doch benutzt, hab ich unten mal gepostet
@bobomampf: ich wollte eigentlich diese Seite verbessern und keine neue machen
Hier die css Datei:
[CODE]a:link,
a:visited {text-decoration:none;
color:blue;
font-size:18px;
font-family:Arial;
font-variant:small-caps;}
a:focus,
a:hover {text-decoration:underline;
color:black;
font-size:18px;
font-family:Arial;
font-variant:small-caps;}
a:link#links,
a:visited#links {text-decoration:none;
color:blue;
font-size:18px;
font-family:Arial;
display:inline;
text-align:left;
float:left;
margin-left:30px;
font-variant:small-caps;}
a:focus#links,
a:hover#links {text-decoration:underline;
color:black;
font-size:18px;
font-family:Arial;
display:inline;
text-align:left;
float:left;
margin-left:30px;
font-variant:small-caps;}
a:link#rechts,
a:visited#rechts {text-decoration:none;
color:blue;
font-size:18px;
font-family:Arial;
display:inline;
text-align:right;
float:right;
margin-right:30px;
font-variant:small-caps;}
a:focus#rechts,
a:hover#rechts {text-decoration:underline;
color:black;
font-size:18px;
font-family:Arial;
display:inline;
text-align:right;
float:right;
margin-right:30px;
font-variant:small-caps;}
h1 { color:blue;
font-size:40px;
font-family:Arial;
text-align:center;
text-shadow: 3px 3px #666; }
h2 { font-size:0px;}
h3 { color:black;
font-size:20px;
font-family:Arial;}
h4 { color:black;
font-size:15px;
font-family:Arial;}
h5 { color:black;
font-size:20px;
font-family:Arial;}
p { color:black;
font-size:25;
font-family:Arial;}
ul li {
display:inline;
padding:10px 35px 10px 0;
}
ul li a:link,
ul li a:visited {text-decoration:none;
color:blue;
font-size:28px;
font-family:Arial;
font-variant:small-caps;}
ul li a:focus,
ul li a:hover {text-decoration:underline;
color:black;
font-size:28px;
font-family:Arial;
font-variant:small-caps;}
#left {
float:left;
margin-left:150px;
}
#right {
float:right;
margin-right:250px;
}
img {
border:none;
text-decoration:none;
}[/CODE]
Danke
DFPWare