Sie sind nicht angemeldet.

    • [(x)HTML] [Video] Design umsetzen

    1

    Sonntag, 27. September 2009, 19:00

    [Video] Design umsetzen

    Beschreibung

    In diesem Videotutorial wird erklärt wie man ein einfaches Design in HTML & CSS umsetzen kann. Navigationspunkte werden mit Listen umgesetzt und der genaue Umgang mit CSS wird ebenfalls erläutert.


    Vorschau




    Informationen
    • Hoster: Grufix-Board.de
    • Format: Windows Media Video (WMV)
    • Größe: 80 MB


    Schwierigkeitsgrad
    • Anfänger: [ x ]
    • Fortgeschrittene: [ _ ]
    • Profis: [ _ ]

    Download

    Versteckter Text Versteckter Text

    Dieser Text wurde vom Autor versteckt.
    Deprimiert: 100%

    Dieser Beitrag wurde bereits 5 mal editiert, zuletzt von »Grievous« (23. Oktober 2009, 16:51) aus folgendem Grund: Preview- und Downloadlink gefixt.

    Es haben sich bereits 26 registrierte Benutzer bedankt.

    Benutzer die sich bedankten:

    Terra (13.08.2010), kallzone91 (14.08.2010), Sephiroth (23.08.2010), ChiroX (09.09.2010), jay2 (22.09.2010), ThePlague (25.09.2010), Diamond (26.09.2010), cythux (06.10.2010), __L9 (07.10.2010), ChrisID (14.11.2010), fv-sign (24.12.2010), ohmygod (05.01.2011), Mr Hood (10.01.2011), LakoDesigns (12.01.2011), delta (13.01.2011), Allroundblog (20.01.2011), invader35 (24.01.2011), SaXiar (07.02.2011), lato (27.02.2011), hadaka (03.04.2011), Miikeee (18.04.2011), clown (01.06.2011), Deststrom (02.07.2011), SpexXx (01.08.2011), xDaNiX (17.02.2012), alex rych (08.05.2012)

    2

    Sonntag, 4. Oktober 2009, 08:00

    Kann hier eigentlich keiner die Regeln lesen? Bitte den melden button verwenden wenn Tutorials down sind und nicht den Thread zuspammen.
    Außerdem ist das Tutorial nicht down, sondern nur mit der noch falschen URL verlinkt.

    3

    Sonntag, 4. Oktober 2009, 09:10

    Kein einziges Tutorial das auf dem Server von Grufix hostet ist erreichbar. Grund ist immmernoch die Sache mit der Domain, sobald die umgezogen ist, sind alle Tutorials erreichbar.
    Deprimiert: 100%

    4

    Sonntag, 4. Oktober 2009, 09:29

    Man kann aber abhelfen, wenn man die Übergangsdomain mit der Adresse von Grufix-Board.de vertauscht :D
    Probierts' aus

    Adobe Photoshop: 80%

    Adobe Dreamweaver: 80%

    Adobe After Effects: 1%

    5

    Freitag, 23. Oktober 2009, 18:55

    Schönes Tutorial und für Anfänger gut zu gebrauchen. Es gibt immer nur ein paar Kleinigkeiten, die ich anders gemacht hätte. Dein Hintergrundbild hätte ich nur eine Breite von 1 Pixel gegeben, da das vollkommen ausgereicht hätte und damit die Dateigröße geringer wird. Insgesamt hätte man das komplette Layout in CSS machen können, bis auf das Logo. Du hast deinem Logo die Definition 'border="0"' gegeben. Ich hätte halt in CSS allgemein gesagt, dass Bilder keinen Border haben sollten. Außerdem ist seitens deines Codes die Seite im IE nicht zentriert. Ansonsten wie gesagt für Einsteiger ein recht gutes Tutorial.
    currently: Visual C#

    next tutorials: JOIN Operations, CREATE Procedure

    skills: (x)HTML, CSS(3), PHP, SQL, Java, Haskell, Prolog

    JSnake: 95%

    JMinesweeper: 30%

    6

    Sonntag, 25. Oktober 2009, 17:48

    Super Tutorial für Anfänger. Kann man immer gut gebrauchen :)

    7

    Sonntag, 25. Oktober 2009, 18:32

    Tolles Tutorial, ich hab vieles davon gelernt!
    Gruß
    SirDouble
    °º¤øSignaturø¤º°

    Musik-Artwork: 50%




    You wanna hate me then hate me!

    „Man darf die Mehrheit nicht mit der Wahrheit verwechseln.“
    Jean Cocteau



    °º¤Vote 4 Grufixø¤º°

    8

    Sonntag, 1. November 2009, 11:01

    @Grievous: Hätte man so machen können...

    Warum ich das Bild mit mehr als 1 Pixel genommen hab? Bei sehr dunklen Designs mit verläufen kanns sein das es abgestuft aussieht und das sieht echt nicht gut aus. Bei helleren Designs spielt das aber keine Rolle mehr.

    Die Sache mit dem Border: Klar, für ein Bild eine Definition in CSS anzulegen ist natürlich praktischer als bei dem Bild direkt den Rahmen auf Null zu setzen.

    Die Sache mit dem Internet Explorer finde ich ziemlich Dubious. Kannst du mir sagen wieso es nicht zentriert sein sollte?



    Schön das das Tutorial euch geholfen hat!

    lg
    Deprimiert: 100%

    9

    Sonntag, 1. November 2009, 12:24

    Du hast bei #page-wrapper zwar gesagt margin:0px auto;, aber im IE wird es dann nicht zentriert angezeigt. Für den IE muss man doch im Body sagen text-align:center;. Und danach halt im #page-wrapper wieder text-align:left;.
    currently: Visual C#

    next tutorials: JOIN Operations, CREATE Procedure

    skills: (x)HTML, CSS(3), PHP, SQL, Java, Haskell, Prolog

    JSnake: 95%

    JMinesweeper: 30%

    10

    Samstag, 21. November 2009, 14:58

    Super

    vielen danke genau so was hab ich gesucht um mal ein einblick zubekommen wie das geht danke noch mal! :thumbup:

    Ps: mehr da von würde mich freuen.

    11

    Samstag, 16. Januar 2010, 17:51

    Wirklich sehr geil ;D
    Das Tutorial hat mir sehr geholfen.

    12

    Dienstag, 19. Januar 2010, 23:40

    klasse sache, endlich bekomm auch ich mal nen durchblick :D hehe nice !!! Weiter so !!!

    13

    Montag, 22. Februar 2010, 17:36

    Richtig Hammer! Hat mir sehr geholfen ;)

    14

    Dienstag, 9. März 2010, 13:55

    vielen dank dir :) ich hoffe ich kann damit mehr mit html erlernen :)
    • KKM

      Neuling

    • Beiträge: 9

      Aktivitätspunkte: 50

      Registrierungsdatum: 5. Mai 2010

      Wohnort: Amberg

      Beruf: Schüler

      Danksagungen: 0 / 1

      • Nachricht senden

    15

    Mittwoch, 5. Mai 2010, 13:57

    Danke, das Tutorial ist dir wirklich gut gelungen.
    Jetzt kann ich mich an mein erstes Desing wagen.

    mfg

    16

    Sonntag, 27. Juni 2010, 00:31

    danke für das tutorial ich werde es mir anschauen und vll kann ich mir dann auch mal mein design anpassen :)

    17

    Donnerstag, 29. Juli 2010, 21:22

    Wenn ich bei der Content Box mehr Text reinschreibe was passiert dann?
    Geht es dann in den Hintergrund oder vergrößert sich die Box?

    18

    Freitag, 30. Juli 2010, 09:45

    Der Layer vom Content vergrößert sich logischermaßen.
    currently: Visual C#

    next tutorials: JOIN Operations, CREATE Procedure

    skills: (x)HTML, CSS(3), PHP, SQL, Java, Haskell, Prolog

    JSnake: 95%

    JMinesweeper: 30%

    19

    Sonntag, 8. August 2010, 14:51

    ich seh

    ich seh den link nicht...
    • danolo

      Aufsteiger

    • Beiträge: 89

      Aktivitätspunkte: 475

      Registrierungsdatum: 5. Februar 2010

      Wohnort: Niedersachsen

      Beruf: Schüler

      Danksagungen: 0 / 8

      • Nachricht senden

    20

    Sonntag, 8. August 2010, 16:18

    Bedankomat funktioniert hier ebenfalls nicht, danke für das Tutorial!

    Verwendete Tags

    Coding, CSS, Design, HTML, Umsetzen

    • Grufix-Board.de - GFX Webdesign Foto & Coding Community

    Grafik-Tutorials | Coding-Tutorials | Ressourcen | SEO | Webdesign | HTML5
    W3C Validator

    Forensoftware: Burning Board® 3.1.6, entwickelt von WoltLab® GmbH