Diese Projektarbeit bearbeitet das Thema der Erstellung einer Homepage Seite „MakaFotografie“ mit HTML und ist in drei Teile gegliedert. Zu Beginn werden theoretische Grundlagen von HTML und des Programms Atom definiert. Anschließend folgen Erläuterungen sowie deren Verwendung. Im letzten Kapitel soll die Idee „MakaFotografie“ vorgestellt und die einzelnen Schritte zur Erstellung der eigenen Website beschrieben werden. Dementsprechend wird gezeigt, wie die Website erstellt, Befehle geschrieben und das Design festgelegt wurde.
In unserem modernen Zeitalter der globalen Kommunikation ist es heutzutage kaum vorstellbar keinen Internetanschluss zu besitzen. Das Internet ist nicht mehr wegzudenken und ist zu unserem Alltag geworden, da man sowohl das Neueste aus aller Welt erfährt als auch seinen persönlichen Interessen nachgehen kann. Das Internet bietet für alles und jeden ein nahezu unendliches Angebotspotential. Für Unternehmen und private Nutzer besteht außerdem die Möglichkeit, selbst im Netz präsent zu sein. Um dieses Ziel zu erreichen, wird eine Homepage, die man leicht und schnell zu einer Web-Site erweitern kann erstellt.
Zu Beginn dieser Projektarbeit stellte ich mir die Frage, für wen oder was ich gerne eine Homepage Seite erstellen möchte. Das Gestalten von Webseiten interessierte mich sehr, weshalb ich mich im Freundeskreis umhörte. Ein befreundeter Fotograf ist momentan dabei sein Hobby auszubauen. Bis jetzt vermarktete er sich und seine Bilder nur über Instagram. Aber auch er weiß, dass ein besserer Weg die Vermarktung über eine Website ist. Ich sah dies als Chance und bot ihm die Erstellung einer Homepage Seite an, sodass er Anfragen auch über diese generieren kann und professioneller wirkt.
Inhaltsverzeichnis
1 Hinführung zum Thema
2 Definition von HTML
2.1 Grundbausteine einer HTML Seite
2.2 Verwendung HTML
3 Definition des Programms „Atom“
3.1 Installation Atom
3.2 Verwendung von Atom
4 „MAKAFOTGOGRAFIE“
4.1 Erste Schritte der Webseite „MakaFotografie“
4.2 „Home“ Button
4.3 „Über mich“ Button
4.4 „Galerie“ Button
4.5 „Kontakt“ Button
4.6 „Preise“ Button
4.7 CSS-Datei
Zielsetzung & Themen
Das Hauptziel dieser Arbeit ist die praktische Erstellung einer professionellen Website für einen Fotografen unter Verwendung der Auszeichnungssprache HTML und des Texteditors Atom, um die Online-Präsenz des Kleinunternehmers zu verbessern. Die Forschungsfrage fokussiert sich darauf, wie mithilfe grundlegender HTML-Befehle und CSS-Formatierungen eine funktionale und ästhetische Webseite aufgebaut werden kann.
- Grundlagen von HTML und dessen Anwendung
- Installation und Nutzung des Editors Atom
- Strukturierung einer Website in verschiedene Navigations-Buttons (Home, Galerie, Kontakt etc.)
- Einbindung von Bildern und Tabellen
- Gestaltung durch CSS-Dateien
Auszug aus dem Buch
3 Definition des Programms „Atom“
Atom ist genau wie TextEdit oder NotePad eine kostenlose Texteditor Variante, die für MacIOS, Windows und Linux entwickelt worden ist. Atom besteht aus dem Webbrowser „Chromium“ und „JavaScript-Framwork Node.js“. Dies bietet die Möglichkeit, dass Atom mit beliebigen Anwendungen wie beispielsweise JavaScript oder CSS kombiniert werden kann. Aufgrund der benutzerfreundlichen Applikation von Atom und der simplen Handhabung, wurde sich für das Programm Atom entschieden. Atom hat eine Datenbank mit sämtlichen Befehlen, die man verwenden kann, um eine Webseite zu erstellen. Ein Beispiel für die einfache Verwendung ist, dass wenn man nur den Anfangsbuchstaben des gewünschten Befehles eingibt, dann schlägt Atom sofort verschiedene Beispiele vor, die zur Verfügung stehen.
Zusammenfassung der Kapitel
1 Hinführung zum Thema: Dieses Kapitel erläutert die Relevanz der Internetpräsenz in der modernen Kommunikation und beschreibt die Motivation zur Erstellung einer Website für den Fotografen „MakaFotografie“.
2 Definition von HTML: Hier werden die theoretischen Grundlagen von HTML als textbasierte Auszeichnungssprache erklärt und die wichtigsten Grundbausteine für den Aufbau einer Webseite eingeführt.
3 Definition des Programms „Atom“: Es erfolgt eine Vorstellung des verwendeten Editors Atom inklusive einer Anleitung zur Installation und Anwendung für die Webentwicklung.
4 „MAKAFOTGOGRAFIE“: Im Hauptteil werden die konkreten Schritte der Webseitenerstellung dokumentiert, von der Grundstruktur über die einzelnen Buttons bis hin zur Einbindung von CSS-Designelementen.
Schlüsselwörter
HTML, Atom, Webdesign, Programmierung, MakaFotografie, Hypertext Markup Language, CSS, Webentwicklung, Website, Homepage, Texteditor, Internetpräsenz, Programmierung Grundlagen, Browser, Webbrowser
Häufig gestellte Fragen
Worum geht es in der Arbeit grundsätzlich?
Die Arbeit beschäftigt sich mit der praktischen Erstellung einer Website für einen Fotografen unter Nutzung von HTML und dem Texteditor Atom.
Was sind die zentralen Themenfelder?
Die zentralen Themen sind der Aufbau von HTML-Strukturen, die Handhabung des Editors Atom sowie die Gestaltung mittels CSS.
Was ist das primäre Ziel der Arbeit?
Das Ziel ist es, eine professionelle Web-Präsenz zu schaffen, die es dem Fotografen ermöglicht, Kundenanfragen effizienter zu generieren.
Welche technische Software wird verwendet?
Zur Erstellung des Codes wird der Texteditor „Atom“ eingesetzt, ergänzt durch CSS zur visuellen Gestaltung.
Was wird im Hauptteil der Arbeit behandelt?
Der Hauptteil dokumentiert die schrittweise Programmierung der verschiedenen Webseiten-Bereiche wie Home, Galerie, Kontakt und Preise.
Welche Schlüsselbegriffe charakterisieren die Arbeit?
HTML, Atom, Webdesign, Programmierung, CSS und Homepage-Erstellung sind die wesentlichen Begriffe.
Warum wurde Atom als Editor gewählt?
Atom wurde aufgrund seiner Benutzerfreundlichkeit, der einfachen Handhabung und der Unterstützung bei der Befehlseingabe gewählt.
Wie werden Bilder in die Webseite integriert?
Bilder werden mit dem <IMG>-Tag eingebunden und durch die Befehle „height“ und „width“ in der Größe angepasst.
- Quote paper
- Jennifer Wildemann (Author), 2019, Erstellung der Homepage Seite "MakaFotografie" mit HTML, Munich, GRIN Verlag, https://www.grin.com/document/974437
