Technologische Grundlagen des E-Business |
... newer stories
Donnerstag, 27. Februar 2014
Webdesign - HTML Code
eva katharina.hain.uni-linz, 23:51h
Um mein Homepage zu erstellen verwende ich den Dreamweaver CC, der kostenlos für ein Monat zur Verfügung gestellt wird. Der Programmcode meiner Home Seite sieht wie folgt aus: <!doctype html> Wie hier ersichtlich ist, ist im Header ein Bild eingebunden. Der Menü Bereich ist in 4 Hauptpunkte und bei 2 jeweils noch in Unterpunkte unterteilt. Damit die Schrift und der Icon die Farbe Berry hat sobald die Seite aktiv ist wird der jeweiligen li die id current zugeordnet und dem Link die Farbe Berry zugeordnet. Dadurch kann dies im CSS wie gewünscht angepasst werden. Der Contetn Bereich wechselt von Seite zu Seite. Der Footer ist wiederum bei allen Seiten gleich
Weiter Links zu diesem Thema: ... link (0 comments) ... comment Webdesign - Grundgerüst
eva katharina.hain.uni-linz, 22:44h
Bezüglich des Webdesigns habe ich mich bei meiner Homepage aufgrund der Vorschläge des Layouts und der Bilder bzw der Icons die ich schon erarbeitet habe entschieden, die Homepage entsprechend dem 4. Layout umzusetzen. Die Grundstruktur der Homepage soll wie folgt aussehen: Die detailierte Aufteilung der einzelnen Seiten wird wie foltg aussehen.
Kontakt Weitere Artikel zu diesem Thema
... link (0 comments) ... comment Bildbearbeitung - Icons
eva katharina.hain.uni-linz, 22:15h
Um meine Menüleiste wie gewünscht umsetzen zu können musste ich Icons erstellen, die ich in das Menü einbinden kann. Das Menü soll in unterschiedlichen Farben angezeigt werden.
Daher habe ich die Icons in den Farben Berry und Grau erstellt. Zusätzlich dazu habe ich diese auch transparent erstellt und ich habe somit die Möglichkeit bei der Erstellung der Homepage zwischen 2 Varianten zu wählen. Entweder ich binde die Icons in unterschiedlichen Farben ein oder ich wechsle die Farben mit Hilfe des Hintergrundes im CSS. Hier sind die Icons in der Farbe Berry um zu zeigen wie diese aussehen:
Mein Menü besteht daher aus den Bereichen
Weiter Artikel betreffend dieses Themas:
... link (0 comments) ... comment Bildbearbeitung - Fotos
eva katharina.hain.uni-linz, 21:47h
Füt meine Homepage benötige ich zwei sehr wichtige Bilder, die eine zentrale Rolle bei meiner Homepage spielen werden. HeaderDer Header transportiert einen sehr wichtigen Teil dessen was Mountainbiken für mich ausmacht. Auf den Bild bin ich und im Hintergrund ist Linz zu sehen. Nach dem anstrengenden bezwingen des Berges ist das Genießen der Aussicht ein wesentlicher Teil der mich dazu motiviert diesen Sport auszuüben. Dies soll durch das Bild verdeutlicht werden und die Zielgruppe soll damit angeregt werden diesen Sport auch auszuüben.
Content Bereich der StartseiteFür den Content Bereich der Startseite habe ich auch ein sehr prägnantes Foto gewählt. Es ist eine Aufnahme meines Mountainbikes, da dieses für das Ausüben des Sports essentiell ist und ich sehr zufrieden mit der Wahl meines Bikes ist. Der Hersteller meines Bikes wird Laien vermutlich kein Begriff sein und so ist dies eine gute Möglichkeit dies Marke bekannter zu machen. Ich bin mir darüber bewusst, dass ich dadurch Werbung für die Marke mache und habe kein Problem damit, da ich von einem guten Preis Leistungsverhältnis des Herstellers überzeugt bin Da ein Foto im Hintergrund vom Text ablenkt werde ich diese Foto nur auf der Startseite verwenden.
Weiter Fotos die ich verwenden werden:
Weiter Artikel betreffend dieses Themas:
... link (0 comments) ... comment Projektthema Überarbeitet
eva katharina.hain.uni-linz, 21:03h
Da ich mich mehr und mehr mit der Erstellung meiner Homepage beschäftige wird auch immer klarer wie diese aufgebaut sein soll und wie diese aussehen soll. Corporate IdentityInhaber dieser Webseite bin ich als Privatperson. Ich habe mir letztes Jahr ein Mountainbike gekauft und werd auf der Homepage meine Erfahrungen und Erlebnisse, die ich bei meinen ersten Radtouren gemacht habe wiedergeben. Zielgruppesind vorallem Personen die auch zum Mountainbiken beginnen wollen und sich bezüglich diese Themas Informationen beschaffen wollen. Ich gehe daher davon aus, dass es sich um eher jüngere Personen handelt. Corporate DesignAuf der Homepage werde ich meine Erfahrungen beim Mountainbiken wiedergeben. Sie soll dies daher wiederspiegeln. Das Design wird moder, schlicht und mit wenigen farbilichen Akzenten gestalltet werden. Zum einen weil dies meine Geschmack wiederspiegelt und zum anderen weil die Homepage ein junges Publikum ansprechen soll. Entgegen meiner anfänglichen Überlegungen ein Onepagedesign zu verwiklichen habe ich mich dagegen entschieden, da diese Art der Homepages für den Aufruf auf mobilen Geräten nicht optimal geeignet ist. Meine Zielgruppe sind junge Personen die, die Homepage wenn nötig auch aufrufen wenn sie sich gerade auf einer Tour befinden. Dementsprechend muss die Homepage auch auf Smartphones gut abrufbar sein. Farben der HomepageDie Farben die auf der Homepage verwendet werden orientieren sich an den Farben meines Mountainbikes. Das Design des Bikes passt sehr gut zu den Vorstellungen wie meine Homepage sich darstellen soll, da es auch ein modernes, schlichtes Design mit wenigen farblichen Akzenten hat. Wie an dem Bild ersichtilch ist, ist dieses in den Farben Weiß, Berry und Schwarz gehalten und diese werde ich auch für meine Homepage verwenden. Um ein größeres Farbspektrum zu erhalten werden diese Farben noch um einige Graustufen erweitert. Für Überschriften und zum Setzen von farblichen Highlights:
Für den Hintergrund der Menüleiste:
Für Umrandungen und die Schrift in der Menüleiste:
Für die Menüleiste wenn die Maus darüberfährt:
Für den Hintergrund der Homepage:
TypografieUm sicherzugehen, dass die Inhalte der Homepage gut lesbar sind verwende ich eine serifenlose schrift. Diese passt wiederum auch wieder zu dem modernen, schlichten Design. Da ich davon ausgehe, dass die Homepage von der Zielgruppe auch auf kleinen Geräten wie Smartphones aufgerufen wird versuche ich hiermit die lesbarkeit zu unterstützen. Ich habe mich daher für die Schriftart Verdana entschieden. Aufteilung der InhalteDie Homepage soll sich wie die u.a. Skizze darstellen. Um dies genauer zu veranschaulichen sind hier einige Vorschläge ersichtlich die ich erarbeitet habe. HeaderDer Hintergrund des Headers wird ein Bild. Das Bild wird mich und im Hintergrund die Stadt Linz zeigen. Ich habe mich für diese Motiv entschieden, da es einen wesentlichen Teil für mich ausmacht beim Mountainbiken die Aussicht zu genießen und dies soll der Zielgruppe damit vermittelt werden. Der Header wird beim Aufruf der Homepage mit einem Smartphone nur auf der Startseite ersichtlich sein. Bei den weiteren Seiten wird der Header ausgeblendet, da dies die Navigation auf der Homepage erleichtern soll. Weitere Infos finden sie im Artikel der Bildbearbeitung - Fotos. MenüDas Menü wird unter dem Header angesiedelt und es besteht aus den Punkten
Die Farben werden wie oben erwähnt verwendet. Um der Homepage ein modernes Aussehen zu geben werden bei der Menüleiste Icons eingebunden, die bei der Auswahl der jeweiligen Seite die Farbe ändertn. Weitere Informationen zur Erstellung der Icons finden sie im Artikel Bildbearbeitung - Icons. TextbereichIm Textbereicht werden Bilder Texte und ein Video eingebunden.
Der Home Bereich, der die Startseite der Homepage darstellt beinhaltet als Hintergrundbild ein Foto meines Mountainbikes und einen Text Bereich in dem wichtiege Neuigkeiten angeführt werden. Es ist zB ersichtlich wann die nächste Tour wo startet. Werden neue Touren oder andere Dinge auf der Homepage aktuallisiert, werden diese News auch hier angeführt. Weitere Informatien zum Bild finden sie im Arikel Bildbearbeitung - Fotos.
Auf den weiteren Seiten werden je nach Bedarf Texte, Bilder oder Videos eingefüt. Genauere Informationen zur Einteilung der weiteren Seiten finden sie im Arikel Webdesign - Grundgerüst. VideoDas Video wird in einem eigenen Artikel besprochen.
Vorherige Artikel betreffend dieses Themas:
... link (0 comments) ... comment ... older stories
|
Online for 3982 days
Last update: 7. März, 14:55 status
You're not logged in ... login
menu
search
calendar
recent updates
Bildbearbeitung - Icons
Um meine Menüleiste wie gewünscht umsetzen... by eva katharina.hain.uni-linz (7. März, 14:55) Bildbearbeitung - Fotos
Füt meine Homepage benötige ich zwei sehr... by eva katharina.hain.uni-linz (7. März, 14:53) Entwurf Homepage
Ich habe mir zwei Entwürfe für die zu erstellende... by eva katharina.hain.uni-linz (7. März, 14:39) Projektthema
Für den Kurs Medienproduktion hatte ich mir, wie... by eva katharina.hain.uni-linz (7. März, 14:37) Projektthema Überarbeitet
Da ich mich mehr und mehr mit der Erstellung meiner... by eva katharina.hain.uni-linz (7. März, 14:31) |