Medienproduktion Webdesign
melanie.hofer.uni-linz, 28. Februar 2014, 13:12
Aufbau der Seite:
Für die Erstellung des HTML und CSS codes habe ich mich an ein Template gehalten. Aufgrund des kurzen Erstellungszeitraumes und meiner Anforderungen an Darstellung und Design erschien mir dies als sinnvoll. Ich habe dafür ein Template für eine One Page Webseite verwendet welches ich auf mein Design hin angepasst habe.
Ich habe mich für eine One Page Webseite entschieden weil:
- Es gibt nur eine Seite, wenig Text, große Bilder und es wird eine Geschichte erzählt. [1]
- Die Webseite enthält nur eine überschaubare Anzahl von Elementen und Inhalten zu meiner Person.
- Alle Inhalte werden hierbei in einer logischen Reihenfolge untereinander angeordnet. Man erhält eine lange, scrollbare Seite, dessen Inhalt nachvollziehbar aufgenommen werden kann.
- Für unterschiedliche Endgeräte und dank Response-Design ist die Bedienung einer One-Page-Website überall gleich.
- Für die Webseite und deren Suchmaschinenoptimierung gut weil sie nur wenige Keywords hat. Ein weiterer Vorteil ist, dass die Inhalte wie bei einer guten Landingpage gebündelt sind.
- siehe auch Webesing Trends 2014
Hierfür habe ich die Lizenzfrei Template von Bootstrap verwendet:
- Ich habe mich für das Stylish-Portfolio von Bootstrap entschieden.
Mein Design:
Auf meinen Blogbeitrag zu Meine Bewerbungswebseite steht detailiert wie mein Design aufgebaut ist.
Eine Aufzählung weiterer, für mich hilfreicher, Webseiten für die Erstellung von Webseiten:
Für Code und Templates:
- Startbootstrap
- Codrops
- The Code press
- Coderups
- Hilfe von: Dr.Web
- Templates: Html5up oder: unslide
oder: Freshdesignweb - für Diagramme: jQuery Knob
- Video einbinden: openbeelden
- Designerwal
- D3js
- Tympanus
Sonstiges:
- Farbpaletten von Colorlovers
- oder HTML-Color-Codes
- für Icons oder Logos Pixelmator
Weiterführende Links:
0 comments :: Kommentieren