Webdesign Diary @jantheus - Tumblr Blog

Zutrittsbarieren

Wie auch in den Drucksachen oder im Alltag, sollte auch die Website Barrierenfreundlich sein. Von Drucksachen weiss ich, dass es wichtig ist, eine sehr einfache Sprache anzuwenden. http://www.leichtesprache.org/

Die Schriftgrösse muss auch grösser sein, damit die Leute besser lesen können. So ist es wichtig, dass in einer barrierenfreien Website zumindest die Schriftgrösse veränderbar ist.

Der Inhalt sollte klar gegliedert sein und gut Strukturiert. Text sollte auf einem neutralen Hintergrund stehen, der die Lesbarkeit fördert.

Am besten ist es, wenn die Website schwarz und weiss ist, dann hat auch ein Farbenblinder kein Problem beim anschauen.

Adobe Muse

Weiss von euch jemand ob, wie und wo, ich eine Testversion von Adobe Muse herunterladen kann?

Webdesign Trends

Der grösste Trend ist im Moment Parallax. Auf solchen Websiten verschieben sich die Motive individuell. Ich bin eher der klassische Typ, deshalb wollte ich meine Website auch eher klassisch gestalten. Mein riesiges Startbild geht in Richtung Big Photo. Die Navigation, das Scrollen und das Layout gehen jedoch eher in Richtung Classy.

All diese Designs und viele weitere habe ich unter http://www.webdesign-inspiration.com/ gefunden.

Fazit

Da ich meine Website im gross und ganzen fertig codiert und designt habe, ist es an der Zeit ein Fazit zu ziehen. Ich habe in letzter Zeit sehr viel über HTML und CSS gelernt, oder mir selbst beigebracht. Vor etwa fünf Wochen wusste ich gar nichts, deshalb bin ich umso glücklicher darüber, dass ich jetzt eine Website gemacht habe.

Dank wichtigen und guten Imputs von meinen Mitschülern, indem sie mir Sachen erklärt oder mich auf gute Websiten verwiesen haben, bin ich gut voran gekommen. Viele Fragen konnten auf diese Art gelöst werden.

Beim designen hatte ich noch nicht viele, bis gar keine Probleme oder Fragen. Beim Coden dafür umso mehr. Durch wichtige Starterimputs von Simon, vor allem mit dem Verwies auf html.net, ging es nach einem holprigem Anfang sehr gut voran. Am Schluss machte das Coden, sehr unerwartet, sehr viel Spass. Ich konnte sogar Codes selber schreiben.

Fazit, ich bin froh konnte ich alles selber lösen, und musste selber nach Lösungen suchen. So ist das lernen viel effektiver und wirksamer, als wenn man alles vom Lehrer in die Hände gelegt bekommt.

schnasil

workshop von jan und stephanie

der workshop hat mich einen wichtigen schritt weiter nach vorne gebracht. sie haben die einzelnen schritte zur realisierung eines prototypen mit konkreten beispielen verständlich erklärt. alle fragen konnten beantwortet werden und somit liegen keine offenen fragen zu diesem thema mehr in der luft. super jan und stephi !

jantheus

Gern geschehen Basil, es freut mich dass wir dir helfen konnten. Viel Glück und gutes Gelingen bei deinen nächsten Arbeitsschritten.

ysaxxx-deactivated20170218

Ich möchte gerne eine Slideshow in diesem Stil, finde jedoch keine passenden Codes.

– Hat jemand schon eine Slideshow/Diashow in seine Seite eingebunden und kann mir helfen? (:

jantheus

Ich würde die Pfeile als jpg einbinden und jeweils mit der vorherigen bzw. nächsten Seite verlinken.

ysaxxx-deactivated20170218

Ich habe endlich die CSS Codes für fixierte Bereiche gefunden! Ich wollte schon lange meine kurze Navigationsleiste fixiert an einem Punkt der Seite platzieren.

jantheus

Das Problem dabei ist, dass deine Navigationsleiste immer am selben Ort bleibt. Das heisst sie scrollt nicht mit und passt sich auch nicht der Fenstergrösse an.

vivianwebdesign-blog

Mit Hilfe von Sublime Text und einfachen Tutorials von HTML.net, habe ich nun das System von HTML und CSS grob verstanden. Dies ist bestimmt hilfreich um bei technischen Problemen besser mit dem Webdeveloper kommunizieren zu können. Nun möchte ich mich mehr mit konzeptionellen Fragen beim Aufbau einer Website auseinandersetzen.

jantheus

Es ist super, dass du bereits ein paar Sachen der Tutorials gemacht hast. Ich habe meine ganze Website nur mit den Tutorials gestaltet.

Viel Glück und Spass beim weiterem Vorgehen.

jantheus

Website fertig codiert.

Ich habe meine eigene Portfolio Website endlich fertig codiert. Mit Hilfe von Tutorials welche ich auf der Seite html.net gefunden habe ging es viel einfacher als ich erwartet habe. Dank Simon bin ich auf diese Seite gestossen. Die Tutorials sind sehr empfehlenswert, da sie einfach zum anwenden sind.

Als nächstes werde ich alle Texte schreiben welche ich dann in die Codes einbinden muss. Auch ein interaktives Skizzenbuch muss ich noch designen und einbinden.

Was auch noch wichtig ist, ich brauche ein Website sonst kann ich mein Portfolio gar nicht ins web stellen. Kann mir jemand sagen wo ich eine solche Website herkriege?

calledstephanie

hi jan. ich kann dir diese Seite empfehlen

http://www.hosttech.ch

(hier hast du sogar ein cms, das funktioniert und eine mailadresse)

jantheus

Danke Stephi für deine Antwort. Ich habe jedoch bereits auf switchplus eine Domain erstellt. Jetzt muss ich meine Website eigentlich nur noch hochladen.

jantheus

Vielen Dank Alex (keine Ahnung wie ich dir antworten kann deshalb mache ich es so). Eine Domain habe ich bereits gekauft. Sie heisst www.jantheus.ch (sehr kreativ). Jetzt brauche ich aber auch noch einen Internet Provider. Das kostet dann auch wieder Geld. :(

Wie kann ich ein interaktives Skizzenbuch erstellen?

Weiss irgendjemand wo und wie ich ein interaktives Skizzenbuch erstellen kann, welches ich anschliessend in meine Website einbinden kann? Interaktives Skizzenbuch bedeutet ein Buch in welchem man im Internet blättern kann.

jantheus

Website fertig codiert.

Ich habe meine eigene Portfolio Website endlich fertig codiert. Mit Hilfe von Tutorials welche ich auf der Seite html.net gefunden habe ging es viel einfacher als ich erwartet habe. Dank Simon bin ich auf diese Seite gestossen. Die Tutorials sind sehr empfehlenswert, da sie einfach zum anwenden sind.

Als nächstes werde ich alle Texte schreiben welche ich dann in die Codes einbinden muss. Auch ein interaktives Skizzenbuch muss ich noch designen und einbinden.

Was auch noch wichtig ist, ich brauche ein Website sonst kann ich mein Portfolio gar nicht ins web stellen. Kann mir jemand sagen wo ich eine solche Website herkriege?

calledstephanie

hi jan. ich kann dir diese Seite empfehlen

http://www.hosttech.ch

(hier hast du sogar ein cms, das funktioniert und eine mailadresse)

jantheus

Danke Stephi für deine Antwort. Ich habe jedoch bereits auf switchplus eine Domain erstellt. Jetzt muss ich meine Website eigentlich nur noch hochladen.

Website fertig codiert.

Ich habe meine eigene Portfolio Website endlich fertig codiert. Mit Hilfe von Tutorials welche ich auf der Seite html.net gefunden habe ging es viel einfacher als ich erwartet habe. Dank Simon bin ich auf diese Seite gestossen. Die Tutorials sind sehr empfehlenswert, da sie einfach zum anwenden sind.

Als nächstes werde ich alle Texte schreiben welche ich dann in die Codes einbinden muss. Auch ein interaktives Skizzenbuch muss ich noch designen und einbinden.

Was auch noch wichtig ist, ich brauche ein Website sonst kann ich mein Portfolio gar nicht ins web stellen. Kann mir jemand sagen wo ich eine solche Website herkriege?

Bilder klassifizieren

Kann mir jemand sagen wie ich, beim coden, die Bilder (img) klassifizieren kann? Wie ich es bei den Titeln (h) auch zun kann indem ich sie mit h1, h2, h3 etc. kennzeichne.

Prototyp von meiner Website

Ich habe soeben einen Prototypen für meine Website gemacht. Ich habe mein, zuvor im Photoshop designtes, Layout als html Dokument abgespeichert. Im Dreamweaver habe ich ein paar Veränderungen, Verbesserungen vorgenommen. Als nächstes werde ich die Website mit Hilfe von html-tutorials im Dreamweaver nachbauen. Hoffentlich klappt alles und ich habe am Schluss eine geile Website.

Ich habe dieses video auf YouTube gefunden, in welchem erklärt wird wie man eine einfache Website schnell und einfach erstellen kann.

Mir selbst bringt es hoffentlich viel, denn ich habe bereits das Design für meine Website im Photoshop erstellt. Ich konnte es jedoch noch nicht testen, weil ich im Geschäft das Programm Dreamweaver nicht installiert habe.

Design meiner Portfolio Website (iPhone).

Das Design der Darstellung meiner Website für das Handy sollte viele Ähnlichkeiten mit dem Design für den Computer haben. so ist oben links das Logo platziert, das Startbild ist das selbe und der Footer auch. Nun kommt man jedoch durch das herunterziehen der Navigation zu den gewünschten Inhalte.

Trending Blogs

Recently Viewed Blogs

Webdesign Diary