Menü
Menü
Diese Website ist für alle die, die auch mit dem Gedanken spielen, sich eine eigene Homepage mit WordPress & Elementor PRO zu bauen. Unter Webdesign gebe ich Dir Tipps und verlinke Tutorials, die mich schließlich selbst zum Erfolg geführt haben.
Mein Name ist Andree, bin 60 Jahre jung und Old School Webdesigner. Mit dem Kollegen oben rechts hat damals 2006 alles angefangen. Leider wurde er nur 4 Jahre alt. Die ganze Story erfahrt Ihr auf seiner Kondolenzseite. Ich hoffe nun, dass ich Dir mit dieser Website einen kleinen Leitfaden an die Hand geben kann und Du den ein oder anderen Mehrwert daraus ziehen kannst. Ja und der Rudelführer erzählt noch mehr von sich.
Meine ersten Gehversuche mit WordPress und Elementor Free waren katastrophal. Nächtelang durchforstete ich das Internet, und sah mir stundenlang Videos auf YouTube an. Ich fing also an, die Tutorials mit Elementor in der kostenlosen Version nachzubauen. Ich installierte diverse Themes und Plugins für Header, Kontaktformular und viele andere.
Lucky aus der Heide ist mit Elementor PRO und dem Hello Elementor Theme erstellt wurden. Damit bin ich in der Lage, die komplette Website mit nur einem Pagebuilder inkl. Header, Footer und Formularen zu bauen. Auch Megamenüs und Popups lassen sich ohne zusätzlichen Plugins verwirklichen. Und jedes Plugin, was Du mit der PRO-Version sparst, erhöht die Performance Deiner Website.
Lucky, ein Bordercollie Husky-Mix kam 2006 im zarten Alter von 5 Monaten zu mir. Das Thema über meine Hunde soll hier aber nur als Design Vorlage dienen.
Als Erstes brauchst Du mal eine Domain, die Dein Business widerspiegelt. Diese sollte auf einem schnellen Hoster laufen, der die rechtlichen Bestimmungen der DSGVO einhält. Ein gültiges SSL-Zertifikat ist dabei zwingend erforderlich. Unter Webdesign findest DU weitere Info´s.
Bei Elementor PRO sprechen wir von professionellem Webdesign im Business Bereich. Die Möglichkeiten, alles mit nur einem Pagebuilder gestalten zu können, bietet Dir nur die PRO-Version. Meine Empfehlung: Das Basic Paket von Elementor PRO.
Die Investition in Elementor PRO lohnt sich meiner Meinung nach auf jeden Fall und erspart Dir nicht nur unheimlich viel Zeit und Nerven, nein Du spürst auch einen richtigen Lerneffekt und wirst mit jedem Tag besser und fängst an, die ganze Materie zu verstehen.
Ja und wie man damals in der digitalen Steinzeit noch Webseiten klassisch mit HTML, CSS, PHP und JavaScript programmiert hat, könnt Ihr auf den Webseiten meiner Hunde begutachten. Diese Seiten werde ich mit der Zeit in WordPress-Projekte umwandeln. Dann erhalten die Seiten auch die noch fehlenden SSL-Zertifikate.
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.
Hier sehen Sie 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.
Hier sehen Sie 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 CS4, 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 CS4 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.
Dies ist das Herzstück meiner Präsentation. Das komplette Layout ist auf dem Framework YAML aufgebaut. Dies garantiert eine Barrierefreiheit von nahezu 100%. Alle Seiten sind flexibel und semantisch korrekt ausgezeichnet und bieten somit in allen gängigen Browsern ein gleichbleibendes Aussehen. Alle Seiten sind in (X)HTML 1.0 Transitional und CSS level 2.1 programmiert und entsprechen den Vorgaben des W3C. Im Fussbereich jeder einzelnen Seite befinden sich entsprechende Links, wo Sie die Möglichkeit haben meine Webseiten zu testen. Sollten Sie dennoch einmal einen Fehler entdecken, würde es mich freuen, wenn Sie mir dies mitteilen würden. Vielleicht wundert sich der ein oder andere auch darüber, dass sich die einzelnen Seiten farblich voneinander unterscheiden. Dies habe ich absichtlich so gewählt, um zu zeigen, was alles nur durch reines CSS möglich ist.
Besonders hervorzuheben ist sicherlich die Hauptnavigation der Seite. Denn alles was im Internet rund ist, ist entweder Grafik oder Trick. In diesem Fall ist es Grafik. Slidingdoor ist eine Technik, die es Webdesignern ermöglichen runde Boxen zu erstellen, die auch bei einem Seiten-Zoom stabil bleiben. Alle Seiten sind Tabellenfrei, was einem schlanken Code zu folge hat.
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. Weitere Informationen über Lightbox bekommen Sie HIER.
Hier sehen Sie die Website von Frau Dr. Marx, einer Zahnärztin aus Hannover. Diese Seiten sind seit April diesen Jahres Online. Erstellt habe ich diese Seiten in (X)HTML 1.0 Transitional und CSS 2,1. Auch diese Website ist nach den Vorgaben des W3C von mir programmiert wurden. Nachdem Frau Dr. Marx durch Zufall auf meine Hundeseite gestoßen ist, kam der erste Kontakt zustande. So bekam ich das erste mal ein Feedback, welches mich beflügelt hat den Sprung in die freiberufliche Selbständigkeit zu wagen und auch für andere tätig zu werden. Dies ist sicherlich noch nicht das Non plus Ultra des Webdesign und fällt in die Kategorie einer Standardsite. Mehr war aber auch nicht gewollt. Daran können Sie aber sehen, dass es nicht immer die Super Homepage mit allen Extras sein muss, um seine Informationen auf den Punkt zu bringen.
Aber auch diese rein Informativ erstellte Website besitzt eine Besonderheit. Auf der Seite Anfahrt befindet sich ein Routenplaner von Map24.de, der im Layout der Seite direkt integriert wurde. Und auch ein Kontaktformular rundet diese Website ab.
Hast auch Du Interesse an einem professionellen Internetauftritt und möchtest tolle Fotos von Deinem Vierbeiner präsentieren? Dann hast Du hier die richtige Adresse dafür gefunden. Mein Dosenöffner realisiert modernes Webdesign zu ungewöhnlich günstigen Konditionen. Bei ihm bekommst Du alles aus einer Hand. Wie er auch Deinen Weg ins World Wide Web gestalten kann, erfährst Du auf WebTerrier.de. Von der ersten Idee bis zur fertigen Website incl. Hosting Deiner Wunschdomain garantiert mein Herrchen Dir, kurze Bearbeitungszeiten.
Diese Website ist für alle die, die auch mit dem Gedanken spielen, sich eine eigene Homepage mit WordPress & Elementor PRO zu bauen.
Unter Webdesign gebe ich Dir Tipps und verlinke Tutorials, die mich schließlich selbst zum Erfolg geführt haben.
Lucky, ein Bordercollie Husky-Mix kam 2006 im zarten Alter von 5 Monaten zu mir. Das Thema über meine Hunde soll hier aber nur als Design Vorlage dienen.
Mein Name ist Andree, bin 60 Jahre jung und Old School Webdesigner. Mit dem Kollegen oben rechts hat damals 2006 alles angefangen. Leider wurde er nur 4 Jahre alt. Die ganze Story erfahrt Ihr auf seiner Kondolenzseite. Ich hoffe nun, dass ich Dir mit dieser Website einen kleinen Leitfaden an die Hand geben kann und Du den ein oder anderen Mehrwert daraus ziehen kannst. Ja und der Rudelführer erzählt noch mehr von sich.
Meine ersten Gehversuche mit WordPress und Elementor Free waren katastrophal. Nächtelang durchforstete ich das Internet, und sah mir stundenlang Videos auf YouTube an. Ich fing also an, die Tutorials mit Elementor in der kostenlosen Version nachzubauen. Ich installierte diverse Themes und Plugins für Header, Kontaktformular und viele andere.
Lucky aus der Heide ist mit Elementor PRO und dem Hello Elementor Theme erstellt wurden. Damit bin ich in der Lage, die komplette Website mit nur einem Pagebuilder inkl. Header, Footer und Formularen zu bauen. Auch Megamenüs und Popups lassen sich ohne zusätzlichen Plugins verwirklichen. Und jedes Plugin, was Du mit der PRO-Version sparst, erhöht die Performance Deiner Website.
Bei Elementor PRO sprechen wir von professionellem Webdesign im Business Bereich. Die Möglichkeiten, alles mit nur einem Pagebuilder gestalten zu können, bietet Dir nur die PRO-Version. Meine Empfehlung: Das Basic Paket von Elementor PRO.
Die Investition in Elementor PRO lohnt sich meiner Meinung nach auf jeden Fall und erspart Dir nicht nur unheimlich viel Zeit und Nerven, nein Du spürst auch einen richtigen Lerneffekt und wirst mit jedem Tag besser und fängst an, die ganze Materie zu verstehen.
Ja und wie man damals in der digitalen Steinzeit noch Webseiten klassisch mit HTML, CSS, PHP und JavaScript programmiert hat, könnt Ihr auf den Webseiten meiner Hunde begutachten. Diese Seiten werde ich mit der Zeit in WordPress-Projekte umwandeln. Dann erhalten die Seiten auch die noch fehlenden SSL-Zertifikate.
12.10.2006
14.01.2010
Das Zuhause der beiden
Doggies
20.12.2007
25.08.2023
Hast auch Du Interesse an einem professionellen Internetauftritt und möchtest tolle Fotos von Deinem Vierbeiner präsentieren? Dann hast Du hier die richtige Adresse dafür gefunden. Mein Dosenöffner realisiert modernes Webdesign zu ungewöhnlich günstigen Konditionen. Bei ihm bekommst Du alles aus einer Hand. Wie er auch Deinen Weg ins World Wide Web gestalten kann, erfährst Du auf WebTerrier.de. Von der ersten Idee bis zur fertigen Website incl. Hosting Deiner Wunschdomain garantiert mein Herrchen Dir, kurze Bearbeitungszeiten.
Diese Website ist für alle die, die auch mit dem Gedanken spielen, sich eine eigene Homepage mit WordPress & Elementor PRO zu bauen.
Unter Webdesign gebe ich Dir Tipps und verlinke Tutorials, die mich schließlich selbst zum Erfolg geführt haben.
Lucky, ein Bordercollie Husky-Mix kam 2006 im zarten Alter von 5 Monaten zu mir. Das Thema über meine Hunde soll hier aber nur als Design Vorlage dienen.
Mein Name ist Andree, bin 60 Jahre jung und Old School Webdesigner. Mit dem Kollegen oben rechts hat damals 2006 alles angefangen. Leider wurde er nur 4 Jahre alt. Die ganze Story erfahrt Ihr auf seiner Kondolenzseite. Ich hoffe nun, dass ich Dir mit dieser Website einen kleinen Leitfaden an die Hand geben kann und Du den ein oder anderen Mehrwert daraus ziehen kannst. Ja und der Rudelführer erzählt noch mehr von sich.
Meine ersten Gehversuche mit WordPress und Elementor Free waren katastrophal. Nächtelang durchforstete ich das Internet, und sah mir stundenlang Videos auf YouTube an. Ich fing also an, die Tutorials mit Elementor in der kostenlosen Version nachzubauen. Ich installierte diverse Themes und Plugins für Header, Kontaktformular und viele andere.
Lucky aus der Heide ist mit Elementor PRO und dem Hello Elementor Theme erstellt wurden. Damit bin ich in der Lage, die komplette Website mit nur einem Pagebuilder inkl. Header, Footer und Formularen zu bauen. Auch Megamenüs und Popups lassen sich ohne zusätzlichen Plugins verwirklichen. Und jedes Plugin, was Du mit der PRO-Version sparst, erhöht die Performance Deiner Website.
Bei Elementor PRO sprechen wir von professionellem Webdesign im Business Bereich. Die Möglichkeiten, alles mit nur einem Pagebuilder gestalten zu können, bietet Dir nur die PRO-Version. Meine Empfehlung: Das Basic Paket von Elementor PRO.
Die Investition in Elementor PRO lohnt sich meiner Meinung nach auf jeden Fall und erspart Dir nicht nur unheimlich viel Zeit und Nerven, nein Du spürst auch einen richtigen Lerneffekt und wirst mit jedem Tag besser und fängst an, die ganze Materie zu verstehen.
Ja und wie man damals in der digitalen Steinzeit noch Webseiten klassisch mit HTML, CSS, PHP und JavaScript programmiert hat, könnt Ihr auf den Webseiten meiner Hunde begutachten. Diese Seiten werde ich mit der Zeit in WordPress-Projekte umwandeln. Dann erhalten die Seiten auch die noch fehlenden SSL-Zertifikate.
12.10.2006
14.01.2010
Das Zuhause der beiden
Doggies
20.12.2007
25.08.2023
Hast auch Du Interesse an einem professionellen Internetauftritt und möchtest tolle Fotos von Deinem Vierbeiner präsentieren? Dann hast Du hier die richtige Adresse dafür gefunden. Mein Dosenöffner realisiert modernes Webdesign zu ungewöhnlich günstigen Konditionen. Bei ihm bekommst Du alles aus einer Hand. Wie er auch Deinen Weg ins World Wide Web gestalten kann, erfährst Du auf WebTerrier.de. Von der ersten Idee bis zur fertigen Website incl. Hosting Deiner Wunschdomain garantiert mein Herrchen Dir, kurze Bearbeitungszeiten.
Die Frage, welche Kosten auf Dich zukommen, kann pauschal nicht beantwortet werden und variiert je nach Umfang Deiner Webseite. Was ich aber sagen kann ist, dass Du am Anfang mit jährlichen Fixkosten für Deine Domain und Hosting mit ca. 60 € rechnen musst.
Bei meinem Projekt habe ich darauf geachtet, dass ich die Kosten so gering wie möglich halten will. Domain & Hosting, ca. 80 € plus 99 € für drei Lizenzen von Elementor PRO.
Ich denke, dass ich damit erstmal die Grundlage geschaffen habe, um dieses Projekt hier zu verwirklichen, und zwar so, dass am Ende ein professioneller Webauftritt dabei herauskommt.
Auch wenn man seine Seiten mit Elementor in der kostenlosen Version erstellen kann, empfehle ich Dir aber dringend die PRO Version, weil es unheimlich Zeit spart.
Die Frage, welche Kosten auf Dich zukommen, kann pauschal nicht beantwortet werden und variiert je nach Umfang Deiner Webseite. Was ich aber sagen kann ist, dass Du am Anfang mit jährlichen Fixkosten für Deine Domain und Hosting mit ca. 60 € rechnen musst.
Bei meinem Projekt habe ich darauf geachtet, dass ich die Kosten so gering wie möglich halten will. Domain & Hosting, ca. 80 € plus 99 € für drei Lizenzen von Elementor PRO.
Ich denke, dass ich damit erstmal die Grundlage geschaffen habe, um dieses Projekt hier zu verwirklichen, und zwar so, dass am Ende ein professioneller Webauftritt dabei herauskommt.
Auch wenn man seine Seiten mit Elementor in der kostenlosen Version erstellen kann, empfehle ich Dir aber dringend die PRO Version, weil es unheimlich Zeit spart.
Die Frage, welche Kosten auf Dich zukommen, kann pauschal nicht beantwortet werden und variiert je nach Umfang Deiner Webseite. Was ich aber sagen kann ist, dass Du am Anfang mit jährlichen Fixkosten für Deine Domain und Hosting mit ca. 60 € rechnen musst.
Bei meinem Projekt habe ich darauf geachtet, dass ich die Kosten so gering wie möglich halten will. Domain & Hosting, ca. 80 € plus 99 € für drei Lizenzen von Elementor PRO.
Ich denke, dass ich damit erstmal die Grundlage geschaffen habe, um dieses Projekt hier zu verwirklichen, und zwar so, dass am Ende ein professioneller Webauftritt dabei herauskommt.
Auch wenn man seine Seiten mit Elementor in der kostenlosen Version erstellen kann, empfehle ich Dir aber dringend die PRO Version, weil es unheimlich Zeit spart.
Was sich hier täglich ändert, erfährst Du hier.
Farbdesign, Header und Footer neu gestaltet. Ansicht Tablet Responsiv. Getestet auf Samsung Galaxy A6 Tab.
Startseite: Desktop, Tablet & Handy Responsiv.