<b>kostenlose REGISTRIERUNG</b>

GFX-Sector - HTML & CSS Tutorials


 
GFX-Sector » Coding-Tutorials » GFX-Area » Coding Area » HTML & CSS Tutorials » [HTML/CSS] [Tutorial;HTML] Wie code ich ein Design? » Hallo Gast [Anmelden|kostenlos Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag Druckvorschau | An Freund senden | Thema zu Favoriten hinzufügen

HTML & CSS Tutorials

Tutorials über die Auszeichnungssprache HTML und Formatierungssprache CSS
Seiten (2): [1] 2 nächste » Neues Thema erstellen Antwort erstellen

[Tutorial;HTML] Wie code ich ein Design?

     Deutsche Version  English version
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »

PearlyGates PearlyGates ist männlich
Abwedler


Avatar von PearlyGates

Dabei seit: 13.07.2009
Beiträge: 212

Guthaben: 30 Sector Coins
Aktienbestand: 0 Stück

Wohnort: Hamburg
Programm: Photoshop Elements 10

Spacer
[Tutorial;HTML] Wie code ich ein Design?

[Tutorial;HTML] Wie code ich ein Design?

      

Für viele Leute ist es schwer von HTML Lehrgängen auf das Coden eines Designs überzuspringen.

Dies ist jedoch ein Tutorial für ein einfaches 3 Zeilen Design. Um auf kompliziertere Designs umzuspringen benötigt man mehr Geschick und z.B. Tabellen in den Tabellen.

Ihr braucht bei diesem Tutorial keine FTP Kenntnisse, d.h. es ist auch für blutige Anfänger geeignet!

Hidden-Text
Gäste haben leider keine Berechtigung, den versteckten Text zu sehen. Registrieren Sie sich noch heute kostenlos auf unserem Forum und genießen Sie alle Vorteile als registriertes Mitglied!


Gruß,
Greckoe



Für diesen Thread beim Autor bedanken

Bisher haben sich 443 Benutzer bedankt
|~Râdîant~|, Rufus, bra1ved., b00m15, Shinto, alfa, Trone, ACMILAN, Shizmo, Dimon, a.art, z0nK, Flown, Banana, Virus Graphics, Driftstyle, 3N3R6, 91effi, style2live, cythux, epic-VARfx, Oraniya, Goku, Eazy, Mokaso, BoddAH, P1LL3, Miracoly, Domenik, kosova-vibez, F4nt4st1cK, paperwinged, Bluesky, Giana92, Han, SpeedY, Dark-Minaz, PureChaos, IceDive, kruemelbaer, f4k3, Imitati0n, just-magic, taco, Fynn, B!M3O, dadldidou, Darkfinal, hawk036, Hais, fr3sh, Colin93, Diabulus, Marsel13, behappy, Barrk, D4B2nny, DarkBig, Razor_X8, hami, rrrumschch, JD-Designs, darkzoqq, Passi, Balthasar, BlackRains, Sholez, GoodFellaz46, egK, quantum, Pluetra, T-P, crank, xero, Jet, Muffinrator, Paulp422, firefighter, g4MBLe, bNzox, snake grey, Asakura, Kaisaha, loxxis, Raken, King-Style, Surako, Killerfleck, Tuxedo, Nimou, Strike_Force, Kaizoun, evoo, patrick-fotografie, Dansho, Bl4Ck., Ruzzak, Tobi95, voiD, ccvadimcc, Yousef, phesix, ReaktionZ, ozanchecker, Stunner, LeCruche, gf0x, Mega Hype, DeeViL, spriter1337, JJ74, songohan, Nordlander, muH, robby12, F.Breezy Designz, MwBadboy, Damager0015, grauerWolf, Chail93, s4lt, tortschi, Balioo, Rusquad, Chillkröte, KeKsDoSe, Syncx, SCRIPT, punky-girl, xenobeta, gandalf, Kevin_bassbox, chju, rForce, Trigek94, Donauwacht, S!nuX, Iwie, Lamborghini95, Dark-Slasher, Artemis, xiNFECTED, burak94, dj-cueliner, Neo221, Judazzz, Graphit, Breakdown, ErrorX, sou7h, GHOSTY GFX, ph0g, painsi, VCJunk, Icyice, xXxPaddyxXx, xXx.B-Boy.xXx, Kleinafk, GreenLemon, Zin3D, musel_marvin, Super4uwak, Dj-Weiga, bobbito, minotaurus95, iScream, Sn!ps, Boarder, FlashCreative, moep337, Razer87, 1337king, RaMPaGE32, Lightning, Roxas, R-Me-Designs, White1994, mudz, A1rDev1l, Death the Kid, Hanni., Unique^, Execute, Sn0x92, bababeem, SlinGo, bitmate, $amyyy, NarID, R0N1N, PhilippIllgen, pArAno!d, cocain2brain, KreaTiVii, a-ndi, fellatio, hyhp., Asoraxis, th3flood, MaxBrother, moonblade, Woolf66, Snow, willywonka, Oduischu, Ellomaethen, bueh, .ShiX, ShaXe, ++Chrischan++, Naish, C1rca12, dark_eve, Inmice, notyourbusiness, Star-Des1gn, TwiX, FireDragon, novaxd, Afflic, Phazory, Refresh_92, Thoken, Crash, Mitusen-Service, D-Generation-X, Rokky, joyicool, splifs, Pizog, rumpel, Sera, Ronnyffm, andrejxs, saderg, Daispro, hairichi, Tombob, Rubicx, ssr08, Nairor, Engel, the red prince, si33e, qasalistan, wumpie, sh4dowov3rlo4d, CH3Za, Pico, Fif, flizzy, JazeeRa, elysium91, Paco, myStiik, rbN, Arnold, Impala, cl0ud, flensburg, Anything., xUnkn0w.Design, Ghini, Ali3n, PaNix, Tim1995, craplez, BBmaster, Tegron, Hannoi, cloudstrike, Kitiara, pattyhome3, X5-452, r.Kapix, SlyFam, MantiCore, Yuki, LogiC, Dugen, Firecracker, dncednce, StrikeR., yannick., 4xample, cyrox21, br4inshot, PiiKacHu, rem1720, Brisingr, noisekick, koruso, Zerox10, naIKon, linkii, __L9, congo, TristanT, Seventeen, antar, Akasuki, shengli, Annununu12, Black_Schadow, Anguz, Cinemaxx, goggelz, Chiyo, sancezz10, Jacksen, Paule, Czarny-Design, bengaltiger, Boyclar, Mistress Silent, calv-inn, aslan54, Misaki-pyon, markeloff, Profilein, KidInk, BoGaRaM, G-DRAW, Juan., McDeniz, antonio.s-itse, Rabe, fLayZeeGFX, eltoro, FreshT, tbone.10, Neptvn, Laurana, SQ-DESiGN, HTMLFreak, Tommyx3, SaINT, Seyftart, JayZ, IceTea.GFX, native, Rasenmäher, Drum, BANG, Cannoo, Nafra, ZabZon, Blubb, xdarkstarx, Eps-Portal, Dynamite, SunshineGuy, YoungHollywood, .DubStepZ, LunariS, Borlei, Kazel, mrhood, c00ky, Virtual, zarii, achisto, Faithless, Month, phantasm, akCeL, dbaaf, GimpArt, painsama, Samy95, TaiLi, ltachi Uchiha, xXFreakdellexX, swaka, _nero, munki, Shiadrone, NanashiChan96, DeroxX, Gabrii, Artan, Leuxy, Devon, Marvin-Gfx, .Neelix., AS-Media, Soulsonic, antai, blobe, PixelPerfectDesign, xMaxanGex, Stardesigns, zoftturbo, s-Up, kEWY, Minni, jimpanse, Untouched, Oremiyo1hit, rvs14, stona, Spencer, shady1910, Zebraheadz, Chiko92, F4n, Fantadings, ragism, k_3z, PloxXx, Aztute, Herr G., 13ev, Nesh, Kyoto, Taekwondo27, EVACE Media, kabel1988, snuggle, HighwayToHeaven, Cal44, Sikilaci, jakob, Iron Man, jerrycanists, thebadstyleboy, jzztxmL, Jonso, Vampx3, xF4ke, UFS-Team, HellYeah, Genetikk, zockermilch, HouseBase, nFamous eSport, vandeloth, BlairTheWitch, Siagluk, Kampfzwerg


Dieser Beitrag wurde 7 mal editiert, zum letzten Mal von PearlyGates: 23.04.2011 23:24.

[Tutorial;HTML] Wie code ich ein Design? 19.07.2009 17:04 PearlyGates ist offline Beiträge von PearlyGates suchen

Iron.Mike Iron.Mike ist männlich
Pfadfinder


Avatar von Iron.Mike

Dabei seit: 24.04.2009
Beiträge: 609

Guthaben: 0 Sector Coins
Aktienbestand: 0 Stück

Wohnort: Düsseldorf
Programm: Cs3/Terragen
Deviantart: xXIronMikeXx

Spacer
      

mal auschecken...danke für deine Mühen!

edit folgt...





.Gifts

.Trend Whores
[Tutorial;HTML] Wie code ich ein Design? 19.07.2009 17:07 Iron.Mike ist offline Iron.Mike Homepage Beiträge von Iron.Mike suchen

Steffi Steffi ist weiblich
Abwedler


Avatar von Steffi

Dabei seit: 21.06.2009
Beiträge: 151

Guthaben: 0 Sector Coins
Aktienbestand: 0 Stück


Spacer
      

Zitat:
Original von Greckoe
Ich hatte den Haken Punkt beim Bedanko gemacht. Vielleicht ist er nach der Vorschau wieder weg oder so...


Korrekt.
Wenn du vor dem Absenden noch in die Vorschau gehst, ist der Haken beim Bedanko wieder raus... Wink

[Tutorial;HTML] Wie code ich ein Design? 19.07.2009 17:27 Steffi ist offline Beiträge von Steffi suchen

PearlyGates PearlyGates ist männlich
Abwedler


Avatar von PearlyGates

Dabei seit: 13.07.2009
Beiträge: 212

Guthaben: 30 Sector Coins
Aktienbestand: 0 Stück

Wohnort: Hamburg
Programm: Photoshop Elements 10

Themenstarter Thema begonnen von PearlyGates
Spacer
      

Zitat:
Original von Steffi
Korrekt.
Wenn du vor dem Absenden noch in die Vorschau gehst, ist der Haken beim Bedanko wieder raus... Wink


Gut zu wissen... xD.

Naja morgen kommt das nächste tut, ist schon eigentlich schon fertig, nur keine Lust es jetzt mit BBCodes hier reinzutun.



[Tutorial;HTML] Wie code ich ein Design? 19.07.2009 17:37 PearlyGates ist offline Beiträge von PearlyGates suchen

marc1812
Filtertester


marc1812 hat kein Avatar

Dabei seit: 18.07.2009
Beiträge: 2

Guthaben: 0 Sector Coins
Aktienbestand: 0 Stück


Spacer
      

Ich bedanke mich auch mal als neuer User: Hallo und Danke großes Grinsen großes Grinsen

[Tutorial;HTML] Wie code ich ein Design? 19.07.2009 18:16 marc1812 ist offline Beiträge von marc1812 suchen

PearlyGates PearlyGates ist männlich
Abwedler


Avatar von PearlyGates

Dabei seit: 13.07.2009
Beiträge: 212

Guthaben: 30 Sector Coins
Aktienbestand: 0 Stück

Wohnort: Hamburg
Programm: Photoshop Elements 10

Themenstarter Thema begonnen von PearlyGates
Spacer
      

Das 2te Tutorial ist unter der selben Kategorie zu finden.



[Tutorial;HTML] Wie code ich ein Design? 20.07.2009 14:02 PearlyGates ist offline Beiträge von PearlyGates suchen

Fireball Fireball ist männlich
Boardchef


Avatar von Fireball

Dabei seit: 11.11.2006
Beiträge: 17.138

Guthaben: 7.615 Sector Coins
Aktienbestand: 0 Stück

Wohnort: Bremen, Deutschland
Programm: Adobe Photoshop CS2
Deviantart: oenismaster

Bereiche: (alle)
Frage stellen

Spacer
      

Off-Topic

Mit einem Klick auf dieses Icon kannst du auch nachträglich noch den Bedankomat hinzufügen Wink



GFX-Sector - Your GFX-Source No. 1
Fireball liebt Firefox   Fireball hasst Internet Explorer

Fireballs Giftliste

Browserspiele Portal
Follow me on Twitter

[Tutorial;HTML] Wie code ich ein Design? 20.07.2009 20:54 Fireball ist offline Fireball Homepage Beiträge von Fireball suchen

quantum quantum ist männlich
Pfadfinder

Spender


Avatar von quantum

Dabei seit: 29.12.2008
Beiträge: 743

Guthaben: 30 Sector Coins
Aktienbestand: 0 Stück

Deviantart: xcracx

Spacer
      

Hmm das Tutorial ist ja lieb gemeint und so weiter, aber dennoch führt es nur zu schlechtem Code.

Ich habe mal drübergeschaut und gesehen, dass die Doctype deklaration fehlt, auf Meta-tags bist du garnicht erst eingegangen und hast überhaupt recht wenig erklärt.

Außerdem benutzt du Tabellen um dein Layout zu formatieren.
Absolutes no-go....

Ist nich Bös' gemeint, aber es ist einfach unbrauchbar.


lg



[Tutorial;HTML] Wie code ich ein Design? 21.07.2009 10:21 quantum ist offline quantum Homepage Beiträge von quantum suchen

PearlyGates PearlyGates ist männlich
Abwedler


Avatar von PearlyGates

Dabei seit: 13.07.2009
Beiträge: 212

Guthaben: 30 Sector Coins
Aktienbestand: 0 Stück

Wohnort: Hamburg
Programm: Photoshop Elements 10

Themenstarter Thema begonnen von PearlyGates
Spacer
      

Jeder codet seine Designs anders, du wirst Profis antreffen die ihre Designs immernoch mit Tabellen coden. Das ist geschmackssache und führt im endeffekt zum selben Ziel.

Divs sollen ja angeblich jetzt genutzt werden um den Code sauber und übersichtlich zu gestalten, doch ich glaube es ist schon schwer genug HTML zu lernen, da braucht man sich nicht schon am Anfang mit CSS totzuschlagen.

Zuden Meta-Tags:
Zuerst mal möchte ich erwähnen, dass das Tutorial "Wie code ich mein Design heißt" und nicht wie optimieren ich meine Website mit Meta Tags.
Und zweitens hab ich beim lernen von HTML auf den verschiedensten Seiten immer gesagt bekommen "Meta Tags werden, zumindest Suchtspezifisch, von kaum einer Suchmaschine noch genutzt und sind daher eher Unnütz" oder Ähnliches. Was der Rest der ganzen Tags tut, hat mich nie wirklich intressiert.

Doctypes, ja das hätte ich noch erwähnen können, ich denke jedoch, dass die meisten bereits mit einem HTML Editor arbeiten, so hab ich zumindest angefangen. Dort werden dir die Doctypes direkt mit dem erstellen einer neuen Datei mit geliefert.

//Mein Fazit: Tabellen sind für Anfänger die einzige zutraubare Methode zum coden eines Designs.

Gruß,
Greckoe



Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von PearlyGates: 21.07.2009 12:14.

[Tutorial;HTML] Wie code ich ein Design? 21.07.2009 12:12 PearlyGates ist offline Beiträge von PearlyGates suchen

quantum quantum ist männlich
Pfadfinder

Spender


Avatar von quantum

Dabei seit: 29.12.2008
Beiträge: 743

Guthaben: 30 Sector Coins
Aktienbestand: 0 Stück

Deviantart: xcracx

Spacer
      

Jeder codet seine Designs anders, du wirst Profis antreffen die ihre Designs immernoch mit Tabellen coden. Das ist geschmackssache und führt im endeffekt zum selben Ziel.

Schade oder?
Profis die Scheisse bauen, wirst du immer und überall finden.
Denn das sind keine Profis.

Meta tags und die Doctype deklaration gehören nichts desto trotz zu einem Kompletten Layout!
Und wenn dein Editor das automatisch einfügst, wieso erwähnst du das dann nicht?


Mein Fazit:

Du verwendest wissen aus dem vorigen Jahrhundert.
Dein Layout würde im Quirks Modus laufen... echt schade.

Du scheinst selber nich soviel ahnung auf dem Thema zu haben.

Es ist woh komplizierter und umfangreicher einem newb zu erklären, dass er alles in tabellen spalten und reihen einteilen muss.
Wenn du einfach erzählst, dass das design in ein paard bereiche eingeteilt wird und in divs geklatscht wird, wärst du schneller aber egal.
Auf erklärung hast du anscheinend größtenteils verzichtet.

Wenn du mich Vollflamen willst, dann bitte per PM.

Noch ein paar schlagworte für dich.
Damit kannst du dich auseinander setzen, bevor du mich vollflamest.

Tabellenlayout(Semantik)
Inner CSS
Text als Bild(unnötig?)
usw.

lg



[Tutorial;HTML] Wie code ich ein Design? 21.07.2009 16:54 quantum ist offline quantum Homepage Beiträge von quantum suchen

PearlyGates PearlyGates ist männlich
Abwedler


Avatar von PearlyGates

Dabei seit: 13.07.2009
Beiträge: 212

Guthaben: 30 Sector Coins
Aktienbestand: 0 Stück

Wohnort: Hamburg
Programm: Photoshop Elements 10

Themenstarter Thema begonnen von PearlyGates
Spacer
      

Ich selber werde nie auf Divs umsteigen wollen. Denke auch nicht, dass das wirklich nötig ist.

Jeder hat seine eigene Meinung die er auch vertritt, deine scheint genau das Gegenteil meiner zu sein, aber was solls.

Ich bitte dich auf diesen Post keine Antwort zu geben und es einfach auf sich beruhen lässt.



[Tutorial;HTML] Wie code ich ein Design? 21.07.2009 16:58 PearlyGates ist offline Beiträge von PearlyGates suchen

Diabulus
Scharfzeichner


Avatar von Diabulus

Dabei seit: 18.09.2008
Beiträge: 132

Guthaben: 5 Sector Coins
Aktienbestand: 0 Stück


Spacer
      

Echt lieb von dir gemeint, aber wie willst du denn da noch was draus machen, din Stil ist wirklich veraltet. Versuch CSS einzubringen, damit kannst du dann wenn du schwirigere Designs hast Pixel genau arbeiten und das ist wichtig.
Ausserdem kannst du so einen overflowbefehl geben, der dich scrollen laesst und dasist nur ein kleines bisschen von dem was du ohne CSS nicht hast.







Ich bin der Shit wie ein umgedrehter Tisch




[Tutorial;HTML] Wie code ich ein Design? 29.07.2009 08:52 Diabulus ist offline Beiträge von Diabulus suchen

Icyice
Weichzeichner


Icyice hat kein Avatar

Dabei seit: 26.07.2009
Beiträge: 73

Guthaben: 0 Sector Coins
Aktienbestand: 0 Stück


Spacer
      

Habe mir das auch mal angeguckt und muss sagen, dass ich es super finde, dass du überhaupt ein Tutorial gemacht hast. Sicherlich ein "kleine" Hilfe für Einsteiger, aber nicht mehr und nicht weniger. Wenn man ein Tutorial macht, dass muss es wenigstens die Grundeinstellungen enthalten. Und da ist der Doctype echt wichtig, sowohl auch das html xmlns. Den <head> Bereich hast du komplett ausgelassen und du arbeitest noch mit Tabellen, in den Programmierforen spricht man da von "Altsteincoder". Metatags fehlen völlig, css ganz und gar [...]. Möchte auch nicht näher auf Alles eingehen. Ist auch nicht böse gemeint, sieh es einfach als Hilfe für das nächste Tutorial Wink .

[Tutorial;HTML] Wie code ich ein Design? 29.07.2009 15:59 Icyice ist offline Beiträge von Icyice suchen

PearlyGates PearlyGates ist männlich
Abwedler


Avatar von PearlyGates

Dabei seit: 13.07.2009
Beiträge: 212

Guthaben: 30 Sector Coins
Aktienbestand: 0 Stück

Wohnort: Hamburg
Programm: Photoshop Elements 10

Themenstarter Thema begonnen von PearlyGates
Spacer
      

So wenn das so ist dann folgt in spätestens 2 Tagen der Reload des Tutorials mit all dem Kram den ihr bei dem hier vermisst habt. Wird natürlich auch auf Div und Outer CSS umgestellt sein.



[Tutorial;HTML] Wie code ich ein Design? 29.07.2009 17:30 PearlyGates ist offline Beiträge von PearlyGates suchen

Chillkröte Chillkröte ist männlich
Scharfzeichner


Avatar von Chillkröte

Dabei seit: 07.06.2009
Beiträge: 141

Guthaben: 0 Sector Coins
Aktienbestand: 0 Stück

Wohnort: BW

Spacer
      

Zitat:
Original von Greckoe
So wenn das so ist dann folgt in spätestens 2 Tagen der Reload des Tutorials mit all dem Kram den ihr bei dem hier vermisst habt. Wird natürlich auch auf Div und Outer CSS umgestellt sein.


das hört sich doch gut an smile weil coden mit Tabellen ist nicht "Geschmachssache" sondern "wurgs" großes Grinsen aber dazu haben meine Vorredner ja schon genügend gesagt, kann mich dem nur anschließen...




:guckstduhier: mein Portfolio

Mit freundlichen Grüßen Chillkröte
Support via PN, ich nehme keine ICQ-Anfragen an!
[Tutorial;HTML] Wie code ich ein Design? 12.11.2009 23:26 Chillkröte ist offline Beiträge von Chillkröte suchen
 
Spacer
   
GFX-Sector
unregistriert


 hat kein Avatar


Spacer

Hat dir das Thema gefallen?


Wenn dir das Thema [Tutorial;HTML] Wie code ich ein Design? im Bereich HTML & CSS Tutorials gefallen hat, würden wir uns sehr freuen, wenn Du Dich bei uns kostenlos registrieren oder anmelden würdest!

  • √ kostenlose Mitgliedschaft
  • √ Zugriff auf über 800 kostenlose Photoshop Tutorials
  • √ Zugriff auf über 100 GB Photoshop-Ressourcen (Brushes, Render, PSDs, ...)
  • √ große und aktive Battle-Section
  • √ konstruktives Feedback zu GFX-Werken
  • √ einzigartiges Design
  • √ eines der größten Grafikplattformen in Deutschland
  • √ uneingeschränkte Nutzung des Forums
  • √ werbefreies Forum nach Registrierung

Jetzt kostenlos registrieren und alle Vorteile als registriertes Mitglied genießen!

Neuer Beitrag 28.05.2013 17:13  
Seiten (2): [1] 2 nächste » Baumstruktur | Brettstruktur
Neues Thema erstellen Antwort erstellen
GFX-Sector » Coding-Tutorials » GFX-Area » Coding Area » HTML & CSS Tutorials » [HTML/CSS] [Tutorial;HTML] Wie code ich ein Design?

Thematisch passende Themen zu [Tutorial;HTML] Wie code ich ein Design?
Thread
Ein Geschenk für Samo =) (Forum: Gifts)
[Problem] PSD ist nicht kompatibel (Forum: Fragen & Probleme)
Mein neustes Werk (Forum: Signaturen/Avatare)
Mitarbeiter und Designer + Anpasser (Forum: Archiv)
[Suche] weihnachtlicher Stock oder Render (Forum: Fragen & Probleme)