• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Website mit Verbesserungsbedarf ;)

D

DFPWare

Neues Mitglied
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
 
Zuletzt bearbeitet:
Werbung:
Wie schon im anderen Topic gesagt:
- veraltete HTML-Technik
- Gestaltung .. naja, ein Anfang, aber eher suboptimal
- Verbesserungsbedarf ist auf jeden Fall da. Ich weiß nicht mal wo ich da anfangen soll mit Ratschlägen :|
 
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:
 
Werbung:
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.
 
Werbung:
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 ;)
 
Zuletzt bearbeitet:
Kannst ja mal die zu CSS verlinkten Seiten in der Quellensammlung durchgucken. Ich glaube allerdings, die sind alle nicht ganz auf dem neuesten Stand.

- Quellensammlung

CSS3:

- CSS3 Reference

Das muss noch nicht zwingend in jedem aktuellen Browser funktionieren.
 
Werbung:
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 :p

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 <br> 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.
Zum Vergrößern anklicken....

Damit würde ich mich nicht rühmen.. ^^
 
Werbung:
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;
}

Danke
DFPWare
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben