Meine registrierten Web-Domänen stelle ich Euch nun auf dieser Seite vor. Alles habe ich mir mit Learning by Doing über die Jahre selbst angeeignet und lerne ständig noch dazu. Das Zusammenspiel von HTML, PHP, CSS und JavaScript fastziniert mich immer wieder neu. Alle Layouts der folgenden Seiten habe ich damals Tabellenfrei mit dem Frame Work von YAML erstellt. Zur Gestaltung der Pages benutzte ich die Software Adobe Photoshop, Adobe Fireworks und Adobe Dreamweaver aus der Adobe Master Collection CS6. Die Domains liegen da alle seit 12 Jahren und funktionieren bis auf Kleinigkeiten immer noch sehr gut und werden in der nächsten Zeit von mir auf den neusten Stand gebracht. Ich habe aber auch festgestellt, dass mit den Jahren auch das Wissen schwindet und ich mich wieder richtig reinknien muss. Aber wenn mein Ehrgeiz erstmal geweckt ist, gibt es kein Halten mehr und spornt mich an immer besser zu werden. Details über die einzelnen Projekte, worauf ich Wert gelegt und welche Techniken ich damals verwendet habe, seht Ihr in den folgenden Boxen.
Angefangen mit dem Auftritt von PC Systeme-Privat werde ich alle meine Webseiten mit Visual Studio Code in die Zukunft schubsen. Des weiteren benutze ich für die Bilder und Grafiken auch weiterhin mein altes Adobe Photoshop CS6. Und wenn Ihr Bock draufhabt, könnt Ihr mich ja auf dieser Reise begleiten. Im Laufe der Zeit werde ich die unterschiedlichsten Techniken und Programmiersprachen wie HTML, PHP, und JavaScript in meine Projekte mit einfließen lassen, damit auch endlich Leben in die Seiten kommt. Und zusammen mit der YouTube-Gemeinde in meinem Labor denke ich, dass ich auf einem guten Weg bin, auch in Zukunft professionelle Internetauftritte zu gestalten. Bis dahin könnt Ihr Euch ja meine alten Projekte noch einmal anschauen, bevor auch diese für die Zukunft aufbereitet werden. Viel Spaß damit 😜.
Dies ist also mein erstes Projekt, welches ich mit dem Visual Studio Code Editor programmiert habe. Weil dies nun aber alles noch Neuland für mich ist, habe ich auch erstmal zwei Wochen damit verbracht, den Visual Studio Code Editor so zu installieren und zu konfigurieren, dass es mich einige Nächte gekostet hat, bis alles richtig lief. Schließlich ist es mir gelungen, den lokalen Webserver von Laragon in VS-Code zu integrieren, welcher mir ermöglicht PHP und JavaScript zu verarbeiten. Und das alles habe ich Euch zu verdanken. Dank Eurer Video-Tutorials habe ich wieder richtig Bock darauf, weitere Projekte in Angriff zu nehmen. Also werde ich meinen ganzen alten Webdomänen nach und nach ein Upgrade verpassen und darauf achten, dass die unterschiedlichsten Techniken zum Einsatz kommen.
Mein Augenmerk liegt in erster Linie auf individuelles Webdesign. Ich gestallte deshalb meine Pages gern mit mit grafischen Elementen, wie z.B. Logo´s, Überschriften und Content Bilder. Natürlich könnte man auch schnell einen Internet-Baukasten benutzen um seine Ideen zu verwirklichen aber ich bin der Meinung, dass dabei die Kreativität verloren geht, weil man sich an die vorgegebenen Bedingungen nur anpassen kann.
Mein Motto deshalb: "Mach es selbst, dann verstehs´t du auch". Ich wünsche Euch nun weiterhin viel Spaß hier und kann Euch einen Besuch auf meine alten Seiten nur wärmstens ans ❤️ legen, bevor auch diese für das neue Zeitalter umgestaltet werden.
Mein YouTube - Labor ist die Subdomain von PC Systeme-Privat. In meiner kleinen "Hall Of Fame" stelle ich Euch nun meine Top7 der YouTuber vor. Ihre Tutorials aus der Welt von MS-Windows, MS-Office und Webdesign mit Visual Studio Code haben mich nach 12 Jahren digitaler Abstinenz dazu insperiert dieses Projekt hier zu verwirklichen und wieder voll in die Materie einzusteigen. Dort bekommt Ihr alle Informationen, wie diese Site hier entstanden ist.
Das Design dieser Subdomain ist angelehnt an Mario aus Dresden. Nächtelang habe ich mir seine Videos auf YouTube angeschaut und nachgebastelt. Allein die ganzen Einstellungen von VS-Code mit all seinen Extensions und Themes haben mich so beeindruckt, dass ich jede Menge dabei gelernt habe, um nun mit dieser geilen Software professionell arbeiten zu können.
Bevor nun meine 12 Jahre alten Projekte im Laufe der Zeit dem Fortschritt zum Opfer fallen, biete ich Euch nochmal die Gelegenheit, diese Seiten zu besuchen und zu begutachten. Sollten einige Dinge nicht mehr richtig funktionieren, so ist das schon der Digitalisierung zu schulden. Damals vor 12 Jahren und unter den jeweiligen herrschenden Standards waren alle Seiten barrierefrei, symantisch korrekt und entsprachen dem W3C.
Hier sehen Ihr eine traurige Website, die ich für meinen Hund Lucky erstellt habe. Er verstarb im Alter von nur drei Jahren ganz plötzlich und unerwartet. Es handelt sich dabei um eine private Homepage, deren primären Focus sicherlich auf dem Grafikteil liegt. Ansonsten sind auch diese Seiten alle in XHTML programmiert und über das Framework YAML realisiert worden. Mehrere CSS-Dateien sind für die Gestaltung und das Aussehen verantwortlich. Besonders hervorzuheben ist die Implementierung von Spry Framework, eine Erweiterung von Adobe Dreamweaver CS6, die es mir möglich macht, sehr viel Inhalt durch auf und zu klappende Paletten auf einer einzelnen Seite unter zu bringen. Alle Seiten basieren auf einem Master-Template, was Änderungen des Layouts an einer zentralen Datei möglich macht.
Sicherlich ist der grafische Teil der Website schon ein Hingucker. Ich denke, dass z.B. die obere Navigation mit den gespiegelten Buttons die Site deutlich aufwertet. Alle Grafiken dieser Webpräsents sind mit der Software Adobe Photoshop CS6 erstellt und bearbeitet worden. Schatten und Verläufe in den Hintergrundgrafiken runden das Gesamtbild ab. Alle Seiten sind valide und entsprechen dem Webstandard des W3C´s.
Hier seht Ihr meine erste Website im Fullscreen Layout. Diese Site basiert auch wieder auf dem Framework Yaml Das Layout ist flexibel und passt sich der Browserfenstergröße automatisch an. Alle Seiten sind in (X)HTML 1.0 Transitional und CSS level 2.1 programmiert und entsprechen den Vorgaben des W3C. Bild und Informationsboxen mit animierten Texten und Bildern, die per JavaScript gesteuert werden runden diese Website zusätzlich ab. Auch die Spry-Technik kam auf diesen Seiten wieder zum Einsatz. Auf und zuklappende Palletten und Registerkarten haben in diesem Projekt Einzug gehalten. Hervor zu heben ist Dank YAML auch die völlig freie Gestaltung der einzelnen Spalten ohne irgendwelche blinde Tabellen zu benutzen.
Bei der Gestaltung dieser Website habe ich im besonderen darauf geachtet, dass die Farben harmonisch aufeinander abgestimmt sind. Alle externen Hyperlinks, die von dieser Site verwaisen, sind durch eine kleine Grafik gekennzeichnet. Links über der horrinzontalen Navigationsleiste befindet sich immer das aktuelle Datum.
Dies ist nun mein neustes Projekt. Die Webseite habe ich für meine Hündin Josie erstellt. Auf dieser Site, die auch wieder auf dem Framework YAML basiert habe ich den Schwerpunkt auf die Darstellung der Fotos gelegt. Hier kam wiederum die Dreamweaver Erweiterung Spry Framework zum Einsatz, mit der ich die Bilder mit unterschiedlichen Effekten versehen habe. Alle Seiten sind Tabellenfrei, in XHTML programmiert und werden von mehreren CSS-Dateien gesteuert. Das Zweispaltige Layout mit der Navigation auf der linken Seite basiert auf eine Musterseite, an der es mir möglich ist, Änderungen am Design an einer zentralen HTML-Vorlage für das ganze Projekt vorzunehmen.
Hervor zu heben ist die Navigation in der linken Sidebar. Um Platzsparend sehr viele Navigationspunkte unterzubringen, nutze ich die Spry Reduzierbare Palette, die sich beim Klicken auf und zuklappen lässt. Alle Seiten dieser privaten Homepage entsprechen dem Standard des W3C´s und bieten in allen modernen Browsern ein einheitliches Aussehen.
Wie der Domänenname schon verrät, geht es bei dieser Website um Fotografie. Der Inhaber dieser Site, ein Hobbie Fotograf, bat mich darum, eine Lösung zu finden, seine Bilder im Internet zu präsentieren. Alle Seiten sind in (X)HTML 1.0 Transitional programmiert und das Aussehen per CSS 2.1 realisiert worden. Wie alle meine Seiten entspricht auch diese Site dem W3C und wurde in charset=iso-8859-1 encodiert. Bei der Navigation kommt wiederum die Slidingdoor Technik zum Einsatz um runde Ecken per Einbindung kleiner Grafiken zu ermöglichen. Das Layout wurde für eine Bildschirmgröße von 800 x 600 Pixeln optimiert und bietet in allen modernen Browsern ein einheitliches Aussehen. Der Internetexplorer wird ab der Version 7.0 voll unterstützt.
Hervorzuheben ist die Präsentation der Fotos auf dieser Website. Eine kostenlose Technik namens Lightbox, die per JavaScribt die eigentliche Site vorübergehend abdunkelt und die Bilder in einer Animation unabhängig vom Format der Fotos darstellt und gleichzeitig auch noch W3C Konform ist.
