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

Will auch bewertet werden!

Werbung:
Hi

Bis auf die letze gefallen mir eigentlich alle sehr gut.


Bei der 1. Seite ist der Code irgenwie ein wenig unverständlich?
Ne Tabelle ohne Sinn die nur ein IFrame einschließt, warum nimmst du das Iframe nicht alleine?

Die 2. Seite und 3. Seite ist auf den ersten Blickl im Firebug gut aufgebaut.



Bei Seite 3 würde ich die Links und den Inhalt vielleicht mit einem dezent grauen 1px Strich voneinander trennen.

Seite 4 selbe Sache wie Seite 1.


MfG
 
Vergiss dieses Zeug, das ist wegen der Domain Weiterleitung. Schau hier rein
Pico WebDesign

Seite 4 ist auch wegen der Domainverlinkung. Schau darum hier rein pls SAN ELECTRO - Startseite.
Werde es oben anpassen dass auch die Firefoxler das richtige Quelltext bekommen. Im IE kommt der richtige Quelltext
 
Werbung:
Hallo.

zu deinen Seiten..
Pico WebDesign

- Das Design ist recht schlicht, aber irgendwie nicht so ansprechend...
- Auszeichnung ist Fehlerhaft:
-> kein <h1> bei header, sondern <div>
-> <p>&nbsp;</p>
-> <address>&copy; 2009 • Pico WebDesign</address>
- Text wandert aus Boxen bei Text-zoom
- Nicht so ganz wahr...
-Meine Websites werden normgerecht den heutigen Webdesign standarts erstellt, nach den anerkannten Richtlinien des W3C.

- Inline-Style
- Kein wechselnder Seitentitel
- Teilweise Tabellenlayout
- Besuchte links werden nicht gekennzeichnet
- print.css fehlt
- Wenn eine Tabelle genutzt wird, dann fehlt zumindest summary=""
- Fehlende width="" und height="" bei Bildern
- target="_blank"

--------------------------------------------------------

Die anderen Seiten braucht man nicht bewerten, denn sie sind vom HTML-Grundgerüst gleich und sehen ähnlich aus. Natürlich sind dann auch die selben Fehler zu finden.


Gruß
Loon3y
 
Hallo Sansire,

beim Code bewerte ich mal nur deine erste Seite, denn die anderen drei sind ja wie gesagt schon ähnlich aufgebaut :)

Erstmal sollte man sagen, dass dieses Frame-Tabellen-Gerüst nicht vom Ersteller selbst, sondern von irgendeinem externen Anbieter kommt (kenne ich von funpic/ohost).

Die ganzen leeren Absätze (<p>&nbsp;</p>) gehen natürlich nicht, Abstände erreicht man mit margin.
<address> ist bei dem Copyright auch nicht richtig.
Ansonsten find' ich den Code eigentlich gar nicht schlecht. Grafiken ohne Größenangaben habe ich gar nicht gefunden.
Einige Dinge wie eine summary bei Tabellen, print.css oder kein target="_blank" finde ich unnötig und übertrieben. Einiges davon ist meiner Meinung einfach Haarspalterei.

Die Designgs finde ich ganz okay. Das letzte gefällt mir dabei am besten.
Aus den ganzen Kommentaren wie <!-- InstanceBegin template="/Templates/vorlage.dwt" codeOutsideHTMLIsLocked="false" --> usw. schließe ich, dass das alles Templates sind (oder?).

MfG Icy
 
Vielen dank Loon3y für die Kritik, einiges werde ich sicher anpassen, aber bein einigen Punkten hoffe ich sehr dass du mir diese besser erklären könnstst

-> kein <h1> bei header, sondern <div>

Habe bei meinen 4 Websites nachgeschaut ob im header irgendwo ein <h1> ist, hab aber keins gefungen. Oder wie hast du das gemeint?

- Text wandert aus Boxen bei Text-zoom

Wo denn genau? Bei mir scheint es normal zu verlaufen

- Nicht so g
HTML:
 [/COLOR][/FONT]
[FONT=Arial][COLOR=black]anz wahr...[/COLOR][/FONT]
 
[FONT=Arial][COLOR=black][QUOTE] -Meine Websites werden normgerecht den heutigen Webdesign standarts erstellt, nach den anerkannten Richtlinien des W3C. [/QUOTE] [/COLOR][/FONT][/QUOTE]
 
[FONT=Arial][COLOR=black]Damit meinte ich die Richtigkeit des Codes. Fehlerfrei und validiert auf XHTML 1.0 Transitional utf-8[/COLOR][/FONT]
 
[FONT=Arial][quote="Loon3y, post: 225361"][COLOR=black]- Teilweise Tabellenlayout[/COLOR][/QUOTE][/FONT]
[FONT=Arial][/FONT] 
[FONT=Arial][COLOR=black]Wo?!? Hab doch alles mit DIVs gemacht[/COLOR][/FONT]
 
Werbung:
Die Designgs finde ich ganz okay. Das letzte gefällt mir dabei am besten.
Aus den ganzen Kommentaren wie <!-- InstanceBegin template="/Templates/vorlage.dwt" codeOutsideHTMLIsLocked="false" --> usw. schließe ich, dass das alles Templates sind (oder?).

MfG Icy

Auch dir, vielen Dank für die Kritik!

Ja, also das Template ist 100% selber programmiert. Diese Codeschnipsel werden vom Dreamweaver erstellt wenn man das Template einbindet.
 
Bei der ersten Seite ist der Header überhaupt nicht dem Design passend!Ein Schwarzer Header mit weißem Design, wie sieht denn das aus?
 
Habe bei meinen 4 Websites nachgeschaut ob im header irgendwo ein <h1> ist, hab aber keins gefungen. Oder wie hast du das gemeint?

du hast:
HTML:
<div id="head"><img src="http://www.html.de/images/header.jpg" alt="Header" title="Header" />
</div>

gemacht. Korrekt wäre aber:
Code:
<h1 id="head"><img src="http://www.html.de/images/header.jpg" [B]width="" height="" [/B]alt="[B]sinvolle Beschreibung des Bildes[/B]" />
</h1>

Wo denn genau? Bei mir scheint es normal zu verlaufen

Siehe Bild im Anhang.


Damit meinte ich die Richtigkeit des Codes. Fehlerfrei und validiert auf XHTML 1.0 Transitional utf-8

Valide heißt nicht gleich, dass es dem W3C-Standard entspricht. Ein Tabellen-Layout kann durchaus auch valide sein, dennoch entspricht es nicht dem aktuellen Standard. Selbiges trifft auf Fehlerfrei zu. Desweiterem ist "Transitional", wie der Name sagt, nur ein "Übergang", kein wirklich richtiger Doctype. Das ist nichts halbes, nichts ganzes.

Wo?!? Hab doch alles mit DIVs gemacht
Selbst das ist falsch. Man macht nicht alles mit div's, sondern man macht alles mit HTML. Das Tabellenlayout ist auf "Referenzen" zu finden:
HTML:
<table width="400" border="0" class="referenzen_abstand_tabelle">

    <thead>
      <tr>
        <td colspan="2">&nbsp;</td>
      </tr>
    </thead>
    <tfoot>
      <tr>
        <td colspan="2">&nbsp;</td>
      </tr>

    </tfoot>
    <tbody>
      <tr>
        <td><ul>
          <li>Layout &amp; Design (inkl. Header)</li>
          <li>Kontaktformular mit Spamschutz</li>
          <li>Gästebuch mit Spamschutz</li>

          <li>Passwortgeschützte Bereiche</li>
        </ul>          </td>
        <td><ul>
          <li>Suchmaschinenoptimierung</li>
          <li>Formularfelder Überprüfung</li>
          <li>Klickzähler</li>

        </ul>
          <p>&nbsp;</p></td>
      </tr>
    </tbody>
  </table>


zu Icy:
Grafiken ohne Größenangaben habe ich gar nicht gefunden.
Einige Dinge wie eine summary bei Tabellen, print.css oder kein target="_blank" finde ich unnötig und übertrieben. Einiges davon ist meiner Meinung einfach Haarspalterei.

- Schon das Headerbild ist eine Grafik ohne Größenangabe im HTML :D

- Summary bei Tabellen ist meines Wissen wichtig für Screenreader. Nicht jeder will sich eine ganze Tabelle mit Daten vorlesen lassen, sondern ersteinmal wissen was diese überhaupt beinhaltet.

- target="_blank" ist purer Zwang. Der User sollte selbst endscheiden ob er ein neues Fenster will, oder es im selbigen öffnet. Das ist einfache Angst den User von der Seite zu verlieren und ihn mit Zwang an einen Tab binden wollen. Außerdem ist es eigentlich nurnoch überbleibsel aus Frame-Zeiten.

- Eine Print.css ist wohl sehr wichtig. Schoneinmal eine sehr informative Seite oder eine Online-Überweisung ausgedruckt? Wäre doof wenn du jedesmal die tollen Headergrafiken und klickepunti Grafiken mit ausdruckst. Spätestens nach dem 2ten mal würdest du ncihtsmehr drucken weil dir die Druckerfarbe bald leer geht.


Gruß und schönen Abend
Loon3y


Edit: grmpf, in *eckigeklammer* html *eckigeklammerschließen* geht kein *eckigeklammer* B *eckigeklammerschließen* grmpf
 
Zuletzt bearbeitet:
Werbung:
Ich hab einige der Antworten überflogen, aber vielleicht hab ich was übersehen und sage das doppelt. Aber andererseits zeigt Dir das ja auch, dass das wohl ein wichtiger Punkt sein muss, wenn es unterscshiedliche Leuten auffällt...

Pico Webdesign haut mich nicht vom Hocker, bin zwar ne Null in Sachen Design, aber da hab ich vom Namen her mehr erwartet.
Der Code ist einigermaßen, aber teilweise sind essenzielle Dinge falsch. Mit der Semantik tust Du Dich schwer und mit der Tatsache, dass nicht jeder Bilder sieht.
Ich habe auch anzumeckern, dass Dein Banner nicht als Überschrift ausgezeichnet ist, denn genau diesen Charakter hat ein Banner doch, und was auch schlecht ist, ist der Alternativtext. Was soll jemand bitteschön mit "Header" anfangen? Der Validator meckert nicht über fehlende alt-Attribute, damit man da irgendeinen Schmarrn reinschreibt, da muss schon was rein, was Hand und Fuß hat.
Schalte mal Images ab und guck Dir Deine Seite dann an. Dann weißt Du was ich meine.
Du hast Dein Copyright (in Deutschland gibts übrigens kein Copyright) als Adresse ausgezeichnet. Den Sinn dahinter sehe ich nicht. Eine Adresse sehe ich übrigens auch nicht.

Der Fehler mit dem Alternativtext auch bei den anderen Seiten.

Mir ist außerdem aufgefallen, dass Du sehr kleinen Fließtext hast. Lieferst Du eine Lupe mit? Fließtext darf eigentlich nicht kleiner als 1em sein, weil das der Nutzer als "ideal für mich" in seinem Browser eingestellt hat. Stell Dir vor, Du hättest Probleme mit den Augen und müsstest Deine Schrift auf 30px einstellen, um was lesen zu können. Jetzt kommst Du her und stellst (als eine von leider viel zu vielen Websites) die Schriftgröße auf 75%. Was würdest Du denken? Sowas wie "Was bildet scih dieser Vollpfosten eigentlich ein?" oder "Typisch arroganter Nicht-Behinderter." oder "Die alltägliche Diskriminierung".

Der Fehler mit Überschrift/Banner auch bei den anderen Seiten. Der Code sieht ja eh aus wie kopiert und abgeändert.

Textabsätze <p>&nbsp;</p> sind natürlich auch außerordentlich sinnvoll. Wenn sie da sind, weil sie Abstände erzeugen sollen, dann ist das anfängerhaft. Wenn man dabei ist, dafür ein Diplom zu kriegen, dann ist das ... naja.

Valider Code ist eben nur die halbe Miete.

Mein Eindruck: In Sachen Design hast Du vermutlich um Längen besser als ich, aber nicht herausragend. In HTML und bei den vielfältigen Möglichkeiten des WWW hast Du erhebliche Schwächen. Da solltest Du ansetzen.
 
Bei der ersten Seite ist der Header überhaupt nicht dem Design passend!Ein Schwarzer Header mit weißem Design, wie sieht denn das aus?

Hm die erste Seite sit doch die Pico-Webdesign, und der Header ist überhaupt nicht schwarz. Warscheinlich wird es bei dir falsch geladen? Also der Header sollte wie das Bild in meiner Signatur aussehen.
 
Werbung:
Wenn man dabei ist, dafür ein Diplom zu kriegen, dann ist das ... naja.

Ich komme aus der Schweiz.
Parallel zu meinen Themen Maile ich ständig mit meinen Lehrern. Wir merken immer mehr und mehr dass in Deutschland total anderst Programmiert wird.

Fakt ist, Schweiz arbeitet anderst als Deutschland. Ich absolviere das Schweizerische Informatik Zertifikat für WebPublishing, und werde mich an diesen richtlinien halten. Ob es gemäss W3C richtig ist oder nicht, spielt momentan keine rolle mehr. Vorerst kommen andere Prioriräten, und zwar die Diplome die ich erhalten werde/muss/will.

Trotzdem danke an alle für eure Tipps
 
Ich komme aus der Schweiz.
Parallel zu meinen Themen Maile ich ständig mit meinen Lehrern. Wir merken immer mehr und mehr dass in Deutschland total anderst Programmiert wird.

Das ist, vorsichtig ausgedrückt, schwachsinn. In der ganzen Welt ist, egal ob PHP, (JS), irgendeine Programmiersprache fürs Web oder nicht-Web, gleich. Selbst HTML und CSS, was - zum wiederholten male.. - keine Programmiersprachen sind, gleich.

Das einzigste was sich unterscheidet ist das Recht, welches vom Staate festgelegt wird. Daher kommt auch, dass z.B. in Deutschland Impressumspflicht ist und in anderen Ländern (Österreich?) nicht.

So Dinge wie (x)HTML sind in einer weltweiten Spezifikation (W3c) festgelegt. Ähnliches gilt für CSS. Daher gibt es keine Unterschiede zwischen Deutschland, Österreich, Amerika, Japan, Afrika, ... Überall ist dies gleich und sollte korrekt angewandt werden.

Fakt ist, Schweiz arbeitet anderst als Deutschland.

Mag wohl wahr sein, dennoch ist die Spezifikation die selbe (wie oben erwähnt). Sicherclih führen viele Wege nach Rom, aber Rom ist deswegen nicht anders.

Ich absolviere das Schweizerische Informatik Zertifikat für WebPublishing, und werde mich an diesen richtlinien halten.

Welche Richtlinen hast du denn da zu befolgen? Gibt das extra welche dafür welche weltweit anerkannt sind?

Ob es gemäss W3C richtig ist oder nicht, spielt momentan keine rolle mehr. Vorerst kommen andere Prioriräten, und zwar die Diplome die ich erhalten werde/muss/will.

Dazu fallen mir irgendwie gerade so viele dumme Sprüche und Antworten ein..aber das wäre provokant...dennoch mag ich einen sehr gebildeten Menschen zitieren:

"You can not go to school to become an artist"


Gruß und schönes Weihnachtswochenende
Loon3y
 
Das ist, vorsichtig ausgedrückt, schwachsinn. In der ganzen Welt ist, egal ob PHP, (JS), irgendeine Programmiersprache fürs Web oder nicht-Web, gleich. Selbst HTML und CSS, was - zum wiederholten male.. - keine Programmiersprachen sind, gleich.

Dazu fallen mir irgendwie gerade so viele dumme Sprüche und Antworten ein..aber das wäre provokant...dennoch mag ich einen sehr gebildeten Menschen zitieren:

"You can not go to school to become an artist"

Gruß und schönes Weihnachtswochenende
Loon3y

Ich wollte damit nur sagen dass ihr anderst arbeitet als wir. Zum Beispiel die verwendung von DIV Tags für das Layout. Da habe ich nichts dafür wenn wir es mit DIV Tags lernen, und im html.de Forum es alle anderst machen.

Mit den Schweizerischen Informatik Zertifikat Richtlinien meinte ich die Bewertungskriterien für dieses Zertifikat. Wenn diese nur Unsinn enthalten kann ich auch nichts dafür. Und diese sind eben DIV Tags für layout, max. 1 A4 Länge pro Site etc. Sachen für die ich hier als idiot dargestellt werde..

Dir fallen dumme sprüche ein?
Natürlich spielts keine rolle mehr momentan für mich was besser ist oder nicht!! Was bringt es wenn ich ein Projekt an SIZ abgebe mit ignorierten Bewertungspunkten? Ich kann ja auch eine site so 2 A4 Seiten lang machen, oder ein Layout ohne DIV Tags mache, bekomme dann aber abzüge!
 
Zuletzt bearbeitet von einem Moderator:
Werbung:
Ich wollte damit nur sagen dass ihr anderst arbeitet als wir. Zum Beispiel die verwendung von DIV Tags für das Layout. Da habe ich nichts dafür wenn wir es mit DIV Tags lernen, und im html.de Forum es alle anderst machen.

Ich denke das es nicht am html.de-Forum liegt, oder wir hier dies festlegen, dass "layout mit <div> oder <table>" falsch ist. Sondern das ist allgemein (weltweit) so bekannt. Bzw. sollte es eigentlich mittlerweile sein. Aber dies ist wohl immer noch nicht der Fall.

Layout ist ein Begriff des "Stylings" und "Aussehens". Alles was damit zu tun hat ist Sache von CSS. HTML ist nicht mehr und nicht weniger wie "Auszeichnung des Inhaltes". Sprich: Man gibt dem was man schreibt eine Bedeutung.


Mit den Schweizerischen Informatik Zertifikat Richtlinien meinte ich die Bewertungskriterien für dieses Zertifikat. Wenn diese nur Unsinn enthalten kann ich auch nichts dafür. Und diese sind eben DIV Tags für layout, max. 1 A4 Länge pro Site etc. Sachen für die ich hier als idiot dargestellt werde..

Ich würde gerne, und bestimmt auch andere, mal diese Bewertungskriterien sehen. Hast du diese vllt in pdf- oder doc-Form? Oder kann man diese im Internet irgendwo einsehen?

Du wirst von keinem als Idiot dargestellt. Du bekommst nur die Hinweise auf deine Fehler. Leider ist das so und wenn jemand eben "mehr weiß" oder "mehr Ahnung" von etwas hat, dann sollte man diese Ratschläge beherzigen und davon lernen. Nicht kritisieren und abwinken. Wie schon in einem anderen Thread erwähnt, alles was du hier gesagt und erzählt bekommst ist kostenlose (hoffentlich nicht umsonst) Hilfe von vielen profesionellen Webentwicklern und Anderem.

Natürlich spielts keine rolle mehr momentan für mich was besser ist oder nicht!! Was bringt es wenn ich ein Projekt an SIZ abgebe mit ignorierten Bewertungspunkten? Ich kann ja auch eine site so 2 A4 Seiten lang machen, oder ein Layout ohne DIV Tags mache, bekomme dann aber abzüge!

Hm wenn ich google kommen irgendwie ein paar nicht so seriös wirkende Seiten raus zu "SIZ"...hm...

Das ist mir neu, dass eine Seite nicht länger wie 1 DinA4 lang sein soll...Aber nur so nebenbei, deine "Angebote"-Seite ist länger.

Layout ohne <div>-Tag...Layout -> css. Siehe oben.
Mir fehlen gerade die Worte und ich bin irgendwie gedanklich wo anders, deswegen stoppe ich das hier mal und hoffe du kannst diese "Bedinungen" mal vorzeigen.


Gruß
Loon3y
 
Ich denke das es nicht am html.de-Forum liegt, oder wir hier dies festlegen, dass "layout mit <div> oder <table>" falsch ist. Sondern das ist allgemein (weltweit) so bekannt. Bzw. sollte es eigentlich mittlerweile sein. Aber dies ist wohl immer noch nicht der Fall.

Die Schweiz hinkt halt ein wenig hinterher was dem Webdesign angeht. Für uns ist das mit den DIV Tags aktuell, für euch (bzw. für die Experten) schon veraltet. Und als DIV-Suppe bezeichnet.

Ich würde gerne, und bestimmt auch andere, mal diese Bewertungskriterien sehen. Hast du diese vllt in pdf- oder doc-Form? Oder kann man diese im Internet irgendwo einsehen?

Ich hab es Schriftlich bekommen, ich frag denen zuerst um Erlaubnis ob ich es uploaden kann. Sollte aber denk ich ok sein.

Das ist mir neu, dass eine Seite nicht länger wie 1 DinA4 lang sein soll...Aber nur so nebenbei, deine "Angebote"-Seite ist länger.

Ich weiss :mrgreen:. Bin die Site eh noch am ausbessern.. Obwohl ich darin schon Referenzen habe, ist die Website noch nicht öffentlich Lanciert. Halt nur in den Fusszeilen meiner 4 Seiten. Aber ansonsten noch keine Werbung gemacht um Kunden zu bekommen oder so. Noch nicht.
 
Die Schweiz hinkt halt ein wenig hinterher was dem Webdesign angeht. Für uns ist das mit den DIV Tags aktuell, für euch (bzw. für die Experten) schon veraltet. Und als DIV-Suppe bezeichnet.
Das ist ja kein Grund, es so hinzunehmen. Sei du derjenige, der das zu ändern versucht. Schick die Verantwortlichen mal hier vorbei, dann können wir es ihnen erklären.
 
Werbung:
Das ist ja kein Grund, es so hinzunehmen. Sei du derjenige, der das zu ändern versucht. Schick die Verantwortlichen mal hier vorbei, dann können wir es ihnen erklären.

Da die 'Pico WebDesign' Website nicht mein Projekt ist das ich abgeben muss, werde ich sie so anpassen wie in diesem Thread geraten wurde. Wenn es so weit ist werde ich den Link nochmals posten.

Die Verantwortlichen sind über diese Diskussionen informiert, mal gucken ob sich da was ändert.
 
Ob es gemäss W3C richtig ist oder nicht, spielt momentan keine rolle mehr. Vorerst kommen andere Prioriräten, und zwar die Diplome die ich erhalten werde/muss/will.

Dazu fallen mir irgendwie gerade so viele dumme Sprüche und Antworten ein..aber das wäre provokant...

Du wirst von keinem als Idiot dargestellt.

Provokant gegenüber wen?
Klar wird man so als idiot dargestellt.

Der Grund meiner Aussage, wie schon gesagt

Dir fallen dumme sprüche ein?
Natürlich spielts keine rolle mehr momentan für mich was besser ist oder nicht!! Was bringt es wenn ich ein Projekt an SIZ abgebe mit ignorierten Bewertungspunkten? Ich kann ja auch eine site so 2 A4 Seiten lang machen, oder ein Layout ohne DIV Tags mache, bekomme dann aber abzüge!
 
Zurück
Oben