• Apfeltalk ändert einen Teil seiner Allgemeinen Geschäftsbedingungen (AGB), das Löschen von Useraccounts betreffend.
    Näheres könnt Ihr hier nachlesen: AGB-Änderung
  • Viele hassen ihn, manche schwören auf ihn, wir aber möchten unbedingt sehen, welche Bilder Ihr vor Eurem geistigen Auge bzw. vor der Linse Eures iPhone oder iPad sehen könnt, wenn Ihr dieses Wort hört oder lest. Macht mit und beteiligt Euch an unserem Frühjahrsputz ---> Klick

Stellt eure Homepage vor!

bennibrother1

Zuccalmaglios Renette
Registriert
24.09.08
Beiträge
259
Hab momentan mehrere Seiten, aber die wichtigste will ich hier mal vorstellen. Den Blog habe ich erst vor kurzem gestartet, deshalb konnte ich noch nicht so viel schreiben, aber die Idee liefert genug Stoff für Jahre.
csshtmlblog.de.tf
Das ganze baut sich als großes Tutorial mit der eigenen Seite am Ende auf. Zwischen durch werde ich auch mal über Neuerungen usw. berichten. Die url ist leider noch etwas doof, ich werde noch eine Topleveldomain hinzufügen.
 

ma.buso

Châtaigne du Léman
Registriert
16.04.05
Beiträge
820

Geil! Endlich macht mal einer ein HTML-Tutorial! Darauf hat die Welt gewartet. Sogar fortschrittliche <font>-Tags nutzt du schon!
Das Wordpress-Blog ist ja auch mit sehr viel Liebe zum Detail aufgesetzt... Sogar noch die Dummy-Site drinne o_O Die einzige Kategorie heißt "Uncategorized". Alles noch auf englisch.

So ein Müll, echt. Weg damit.
 
  • Like
Reaktionen: C64
Registriert
04.04.10
Beiträge
58
Aufbau wie viele tausend andere Seiten auch;)
Code:
<div id="navigation">
         <ul>
wird zu
Code:
<ul id="navigation">
Genauso:
Dann habe ich aber seltsamerweise wieder die Aufzählungszeichen im Header. Das funktioniert so nicht. Oder es liegt an meinen begrenzten css-Kenntnissen.
edit: okay, das hab ich selber gelöst. War eigentlich sehr offensichtlich.^^"

Bilder sollten so eingebunden werden:
Code:
<img src="xyz" alt="xyz" heigth="x" width="y" />
Zu den Grafiken sag ich mal nix ;)
Insbesondere so Dinge wie Footer als Bild... nenenene;)
Footer hab ich jetzt als Hintergrundgrafik. Ist das besser?^^
Ansonsten versteh ich nicht ganz warum ich Höhe und Breite bei Bildern angeben muss, die ich eh in Originalgröße verwende. Macht man das einfach nur so oder hat das irgendeinen wirklichen Nutzen?

Mein Tipp: Erst das Layout mit Pixelmator, GIMP oder Photoshop erstellen und dann in HTML umsetzen. Dann kannst du dir anhand des Entwurf bereits Gedanken über Aufbau, Struktur und spätere Umsetzung machen;)
Das klingt gut, vielen Dank.

Ist das eigentlich okay, wenn ich hier frage oder soll ich da lieber ein neues Thema für aufmachen?
 

Slashwalker

Winterbanana
Registriert
15.05.06
Beiträge
2.213
Ansonsten versteh ich nicht ganz warum ich Höhe und Breite bei Bildern angeben muss, die ich eh in Originalgröße verwende. Macht man das einfach nur so oder hat das irgendeinen wirklichen Nutzen?

Es ist besser, da dann der Browser nicht selbst die Maße berechnen muss. Im IE kann es sogar zu Verzerrungen kommen, wenn width/height fehlen.
 
  • Like
Reaktionen: knacky

C64

Kaiser Alexander
Registriert
12.04.06
Beiträge
3.957
Richtig. Es hat auch den Vorteil, dass der Browser gerade bei langsamen Verbindungen den entsprechenden Platz schon mal "freihält", bis das Bild geladen ist. Das Design "springt" dann nicht.
 

laurids

Kleiner Weinapfel
Registriert
05.09.07
Beiträge
1.131
Ich verstehe die Navigation nicht ganz. Warum muss ich erst auf Webdesign, dann auf Referenzen und dann auf Start klicken? Warum wird nicht direkt unter Webdesign alles angezeigt? Ohne "Start" und ohne erst auf Referenzen gehen zu müssen?

Und was ist denn das:


Code:
          <p>&nbsp;</p> 
          <p>&nbsp;</p> 
          <p>&nbsp;</p> 
          <p>&nbsp;</p> 
          <p>&nbsp;</p> 
          <p>&nbsp;</p> 
          <p>&nbsp;</p>

? ;)
 

XSkater

Horneburger Pfannkuchenapfel
Registriert
05.07.09
Beiträge
1.416
Erst auf Webdesign, weil das quasi der Hauptpunkt ist. Ich habe die Seite ja in die drei eigentlichen Hauptpunkte gegliedert. Danach kommen halt die Referenzen. Das mit dem Start ist allerdings eine gute Frage, jetzt wo du es sagst ^^
Das werde ich die Tage dann so machen, dass man direkt in die Vorschau kommt, sobald man auf Referenzen klickt.
Da ich möchte, dass der Unterlink '.references' erst später zu sehen ist (sobald man in dem Bereich ist), sowie dass man das Zitat bei Webdesign liest, habe ich mich für diese Art der Anordnung entschieden.

Die Reihung der <p>&nbsp;</p> ist absichtlich so gewählt, da der Inhalt grafisch dargestellt wird und ich beim ersten Mal versehentlich die leere Vorlage zu klein gemacht habe. Ich hätte die Dateien auch so abändern können, dass sie direkt oben anfingen und sich dann bis nach unten ziehen würden, aber dafür war ich mir dann doch zu bequem ;)

Edit:
Vielleicht werde ich dann auch noch einen zusätzlichen Link einbauen, der einen dann, wann man auf den Content bei Webdesign klickt, direkt zu den Referenzen bringt.
 

C64

Kaiser Alexander
Registriert
12.04.06
Beiträge
3.957
Wie wäre es mit nem anständigen CSS?!?
Und wozu genau brauchst du javaScript auf deiner Seite?
Die Navigation geht mehr absolut 0,0 ein. So was von umständlich.
Und das Layout... naja... der Ansatz ist nicht ganz schlecht, ließe sich was daraus machen, aber so wenig Platz ist sinnvoll genutzt...
 

XSkater

Horneburger Pfannkuchenapfel
Registriert
05.07.09
Beiträge
1.416
Was meinst du, was ich verändern sollte?
Die Seite ist noch im Aufbau :)
 

Synoxis

Sonnenwirtsapfel
Registriert
09.06.09
Beiträge
2.399
XSkater, schreib doch bitte mal normal und nicht zentriert. Das macht deine ganzen Texte total unleserlich.
 

C64

Kaiser Alexander
Registriert
12.04.06
Beiträge
3.957

Und verwende ne normale Schriftfarbe!
Ich würde verdammt viel ändern.
Allein schon mal dass du n CSS einbindest, mit dem du das Design bestimmst. Bevor du Webdesign anbietest, solltest du dich ausführlich mit der Technik beschäftigen;)

@schmierfink: Is mal was anderes. Kreativ. Das gefällt mir. Nur ein wenig schwierig zu navigieren und etwas zuuu minimal für meinen Geschmack.
 

C64

Kaiser Alexander
Registriert
12.04.06
Beiträge
3.957
Ich meine eben, er sollte genau das tun;)
Allerdings muss ich zu meiner Schande gestehen, dass ich das entsprechende Stylesheets übersehen habe;) Nehme also die Kritik zurück!
Trotzdem verstehe ich noch nicht, wo er das JavaScript verwendet?!?
Ich bekomme allerdings ein paar Fehlermeldungen ausgespuckt. Vielleicht sollte es irgendwo, irgendetwas tun, kann es aber nicht, weil ein Fehler drin steckt.
alt-Tags wären aber auf jeden Fall nicht schlecht;)
Und ich hoffe die Domain wird noch geändert;)
 

Slashwalker

Winterbanana
Registriert
15.05.06
Beiträge
2.213
Logo unscharf, was sollen diese seltsamen grauen Balken hinter den Navigationslinks? Tabellen sind keine Layout-Hilfsmittel! Doppelter <title> im Header, DIV-Suppe. Hab ich was vergessen?