[Tutorial] Slicen + CSS div Layout
Forum » (X)HTML / CSS » [Tutorial] Slicen + CSS div Layout
Hey, ich habe mal ein Tutorial geschrieben, wie man eine Homepage Designed, Sliced und per CSS als Layout anpasst.
Wie findet ihr es?
http://www.brendelsz.de/tutorials/Photoshop/41/slicen_+_css_div_layout
Mit freundlichen Grüßen,
Alexander Brendel
Wie findet ihr es?
http://www.brendelsz.de/tutorials/Photoshop/41/slicen_+_css_div_layout
Mit freundlichen Grüßen,
Alexander Brendel
|
Veröffentlicht am: 29 Feb. 2008 |
Bookmarks:
|
Anfang
<<
1
>>
Ende
technisch super. allerdings haste ein paar grammatikalische fehler drin. und du versuchtst (denke ich jedenfalls mal) dadurch, dass du die leser mit "Sie" ansprichst, einen gewissen grad an professionalität darzustellen. (klingt doof aber ich weiss grad nich wie ichs anders sagen soll^^). das passt aber manchmal nicht ganz zusammen, du fängst einen satz mit sie an und beendest ihn mit du/wir/ich.. hoffe du verstehst was ich mein ;)
aber wie ich schon sagte, von dem was du vermittelst, top :)
aber wie ich schon sagte, von dem was du vermittelst, top :)
Zuletzt bearbeitet am: 29 Feb. 2008 23:43:53
29 Feb. 2008 23:34:14 • Antworten •
brendel sagt:
oh ja stimmt sehe ich gerade. Ja das Tutorial soll ja auch für ältere auch sein, kommt halt höflicher rüber. Werde das mal beheben. Danke für den Hinweis *gg*
Gruß Brendel
Gruß Brendel
1 Mar. 2008 14:06:20 • Antworten •
Forrester030 sagt:
cooles tut aber ich find es ist nochn bischen zu "professionell"
also ich als noob versteh schon nicht was du mit den 3 anfangsfragen die geklärt werden meinst.
ich würde als erstes außerdem beschreiben was slicen überhaupt ist.
wenn ichs richtig verstanden hab ist es sozusagen ein design, das man mit photoshop oder so erstellt hat, html fähig zu machen oder?
cool fänd ich auch wenn du zu den jeweiligen codes die du beschreibst, auch immer ein pic machst wie das dann im browser aussieht an nem beispiel,so vieleicht mit kleinen randbemerkungen auf dem pic, welcher code für was verantwortlich ist.
leider kann ich nichts über die qualität des inhalts sagen da ich nicht wirklich was kapier was du da beschreibst...
aber bin auch erst 20:P
also ich als noob versteh schon nicht was du mit den 3 anfangsfragen die geklärt werden meinst.
ich würde als erstes außerdem beschreiben was slicen überhaupt ist.
wenn ichs richtig verstanden hab ist es sozusagen ein design, das man mit photoshop oder so erstellt hat, html fähig zu machen oder?
cool fänd ich auch wenn du zu den jeweiligen codes die du beschreibst, auch immer ein pic machst wie das dann im browser aussieht an nem beispiel,so vieleicht mit kleinen randbemerkungen auf dem pic, welcher code für was verantwortlich ist.
leider kann ich nichts über die qualität des inhalts sagen da ich nicht wirklich was kapier was du da beschreibst...
aber bin auch erst 20:P
Zuletzt bearbeitet am: 4 Mar. 2008 13:53:42
4 Mar. 2008 13:53:13 • Antworten •
Chillout sagt:
Zitat brendel:
Ja das Tutorial soll ja auch für ältere auch sein, kommt halt höflicher rüber.
Hallo,
zunächst: Du kannst bei Tutorials eigentlich immer die Du-Form benutzen, es sei Du sprichst Kunden an! Eigentlich ist es Gang und Gebe im Netz sich mit der Du-Form zu verständigen, abgesehen halt bei Kunden, wie gesagt. In einem Support Forum von einem Hoster wirst Du nahezu immer mit Sie angesprochen - aber in Blogs und Communitys ist die Du-Form ganz angebracht.
Aber wie immer Gilt: Jeder sieht es anders!
Zum Tut: Ist ganz gut, zumal ich noch nie gesliced habe und es demnächst machen möchte! Danke Dir!
7 Mar. 2008 23:38:12 • Antworten •
geohound sagt:
Bei mir gab es einige Ungereimtheiten
z.B. Ich habe die Ebenenstyles richtig eingestellt, beim ersten mal, wo ich so nen balken erstellt hab, hat auch noch alles gut funktioniert, aber beim zweiten mal, als ich den nächsten balken machen wollt, war der andere plötzlich ohne Style oO
Ich habe dieses dann selbst gelöst. Derl Link zu dem Metal-Effekt geht au nimmer...aber auch dies habe ich gelöst, indem ich meinen eigenen Header gemacht hab(Mit 3D-Tentakeln). Das Slicen selber hat Prima geklappt! So weit so gut
Jetzt zu meinem eigentlichen Problem
Ich habe den Slices den Namen gegeben, den du wolltest, dass ich geb. Und habe auch ein neues Dokument geöffnet dieses index.html genannt....aber dann ist mir aufgefallen, dass deine Bilder ganz anders heißen als meine oO
Dabei hab ich doch nur deine Anweisung befolgt! Jetzt weiß ich nat nicht, welches von den Bildern zu welchem Code gehören
Die Folge ist Unsicherheit.....und überhaupt wird bei mir nichts richtig angezeigt.....ich bin Ratlos!
Hilf mir!
z.B. Ich habe die Ebenenstyles richtig eingestellt, beim ersten mal, wo ich so nen balken erstellt hab, hat auch noch alles gut funktioniert, aber beim zweiten mal, als ich den nächsten balken machen wollt, war der andere plötzlich ohne Style oO
Ich habe dieses dann selbst gelöst. Derl Link zu dem Metal-Effekt geht au nimmer...aber auch dies habe ich gelöst, indem ich meinen eigenen Header gemacht hab(Mit 3D-Tentakeln). Das Slicen selber hat Prima geklappt! So weit so gut
Jetzt zu meinem eigentlichen Problem
Ich habe den Slices den Namen gegeben, den du wolltest, dass ich geb. Und habe auch ein neues Dokument geöffnet dieses index.html genannt....aber dann ist mir aufgefallen, dass deine Bilder ganz anders heißen als meine oO
Dabei hab ich doch nur deine Anweisung befolgt! Jetzt weiß ich nat nicht, welches von den Bildern zu welchem Code gehören
Die Folge ist Unsicherheit.....und überhaupt wird bei mir nichts richtig angezeigt.....ich bin Ratlos!Hilf mir!

6 Oct. 2008 14:48:56 • Antworten •
AweSome! sagt:
Echt klasse Tut ;)
WÜrdest du es hier uppen würdest sicher einiges an Punkten bekommen^^
WÜrdest du es hier uppen würdest sicher einiges an Punkten bekommen^^
6 Oct. 2008 18:04:48 • Antworten •
manuakasam sagt:
Abgesehen der Tatsache, dass einige Links des Tutorials nicht funktionieren finde ich das existierende jedoch etwas besser, welches es hier auf Designnation.de bereits gibt.
http://tutorials.designnation.de/workshop/Slicen-mit-Photoshop-und-anschliessend-in-HTML-verarbeiten
Leider jedoch funktionieren die von designnation gehosteten Seiten nicht mehr, bzw. die Umleitung funktioniert fehlerhaft :ß
Bei deinem Tutorial solltest du mehr auf Details eingehen, wieso gewisse Dinge so gemacht werden, wie du sie eben machst. Solche Dinge erschließen sich nicht automatisch.
Vor allem auf die Slices muss viel detaillierter eingegangen werden. Man sieht nicht, was genau du sliced. Zum Beispiel die Navigationsbuttons werden aus deinem Tutorial nicht erkennlich!
Weiterhin ist dein Quellcode zwar valide, semantisch gesehen jedoch nicht in Ordnung!
Wozu dient der leere H2-Tag
Wozu dienen die etlichen leeren DIV-Container
Drei Links zu vollkommen verschiedenen Seitenbereichen in einer Überschrift der höchsten Kategorie H1?
Das muss besser gehen ;)
http://tutorials.designnation.de/workshop/Slicen-mit-Photoshop-und-anschliessend-in-HTML-verarbeiten
Leider jedoch funktionieren die von designnation gehosteten Seiten nicht mehr, bzw. die Umleitung funktioniert fehlerhaft :ß
Bei deinem Tutorial solltest du mehr auf Details eingehen, wieso gewisse Dinge so gemacht werden, wie du sie eben machst. Solche Dinge erschließen sich nicht automatisch.
Vor allem auf die Slices muss viel detaillierter eingegangen werden. Man sieht nicht, was genau du sliced. Zum Beispiel die Navigationsbuttons werden aus deinem Tutorial nicht erkennlich!
Weiterhin ist dein Quellcode zwar valide, semantisch gesehen jedoch nicht in Ordnung!
Wozu dient der leere H2-Tag
Wozu dienen die etlichen leeren DIV-Container
Drei Links zu vollkommen verschiedenen Seitenbereichen in einer Überschrift der höchsten Kategorie H1?
Das muss besser gehen ;)
7 Oct. 2008 10:33:07 • Antworten •
Anfang
<<
1
>>
Ende

Hauptmenü




