Das Lesen und Schreiben von Webcode kann unglaublich einschüchternd sein, wenn Sie kein Entwickler oder Programmierer sind. Wenn Sie jedoch eine Mitgliederseite oder ein Online-Geschäft betreiben, kann ein Grundwissen über einige Konzepte und Sprachen sehr hilfreich sein. Ganz gleich, ob Sie Ihre eigene Website erstellen oder mit einem erfahrenen Entwickler zusammenarbeiten, diese Coding Hacks werden Ihnen helfen, die Dinge reibungsloser zu gestalten.
Ich möchte kurz darauf hinweisen, dass ich KEIN Entwickler bin. Als digitaler Stratege werde ich jedoch häufig gerufen, um Website-Optimierungen vorzunehmen, Newsletter anzupassen, für Kunden mit Entwicklern in Kontakt zu treten, dringende Probleme im Backend-Code zu beheben und vieles mehr. Im Laufe der Jahre habe ich meine sehr, SEHR grundlegenden Programmierkenntnisse genutzt, um WordPress/Squarespace/MailChimp/AWeber Vorlagen, erstellen Sie benutzerdefinierte Widgets, heben Sie Schlüsselwörter und wichtige Informationen auf Webseiten und in Blogbeiträgen hervor, und vieles mehr. Die folgenden Hacks waren meine Rettung, und ich hoffe, sie helfen auch Ihnen!
1. Lernen Sie die Fachsprache
Die Kenntnis einiger grundlegender Begriffe aus dem Bereich der Programmierung ist sehr hilfreich, wenn man versucht, Bedürfnisse oder Probleme mit einem Entwickler zu kommunizieren. Ein guter Anfang ist das Verständnis der verschiedenen Code-Sprachen (HTML, CSS, Javascript usw.), der Orte, an denen Code zu finden und zu platzieren ist (Quellcode, Stylesheets usw.), und der Terminologie für verschiedene Code-Komponenten (Klammern, Tags, Eigenschaften, Variablen usw.).
Wenn Sie die Sprache beherrschen, können Sie nicht nur hervorragend mit einem Entwickler kommunizieren, sondern auch die Suche in Foren nach Hilfe bei der Fehlerbehebung erleichtern. Wenn Sie das Problem, das Sie haben, nicht ausdrücken können, werden Sie wahrscheinlich nicht die Lösung bekommen, die Sie brauchen.
2. HTML-Grundlagen beherrschen
HTML ist eine der ältesten Code-Sprachen und (meiner Meinung nach) eine der am leichtesten zu erlernenden. Es gibt unzählige Tutorials im Internet und endlose Anwendungsmöglichkeiten für die erlernten Fähigkeiten. Ich habe meine grundlegenden HTML-Kenntnisse genutzt, um Blogbeiträge, Newsletter, Webseiten und vieles mehr anzupassen. Ganz gleich, ob ich ein Bild ausrichten, einen wichtigen Text hervorheben, eine Überschrift formatieren oder einen Link zu einer anderen Website einrichten möchte - das Wissen, wie man kleine HTML-Code-Schnipsel schreibt und optimiert, war entscheidend.
Wenn Sie sich von all den Informationen eingeschüchtert fühlen, denken Sie daran, es in Ihrem eigenen Tempo anzugehen und sorgfältig auf Muster und Strukturen zu achten. Sobald Sie die Logik hinter der Sprache, die Sie verwenden, verstanden haben (und ich verspreche Ihnen, dass hinter jedem Wahnsinn eine Methode steckt), sollte sich alles leichter einordnen lassen.
3. Untersuchung des Quellcodes
Wussten Sie schon? Wenn Sie auf einer beliebigen Website mit der rechten Maustaste auf eine leere Stelle klicken und "Seitenquelltext anzeigen" wählen, können Sie sich den Code jeder Website ansehen. Ich finde das besonders hilfreich, wenn ich etwas auf der Website eines anderen sehe und wissen möchte, wie er das gemacht hat! Manchmal kann eine Lösung so einfach sein wie Kopieren, Einfügen und Ändern.
Die Untersuchung des Quellcodes ist auch eine großartige Möglichkeit, um zu sehen, wie die Grundlagen, die Sie gelernt haben, in der Praxis angewendet werden. Wenn Sie eher ein visueller Lerntyp sind, können Sie den Quellcode einer Seite direkt daneben untersuchen, um die Funktionen bestimmter Codezeilen zu sehen. Es ist wie eine Schritt-für-Schritt-Anleitung, wie man genau diese Webseite erstellt.
4. Foren durchsuchen
Wenn Sie Schwierigkeiten haben, eine Codezeile von Grund auf zu schreiben, oder wenn Sie versuchen, ein Problem zu lösen, mit dem Sie noch keine Erfahrung haben, reicht in der Regel eine einfache Google-Suche aus. Ganz gleich, ob Sie ein WordPress-/Squarespace-Theme anpassen oder eine Website von Grund auf neu erstellen, Sie können sich beruhigt zurücklehnen, weil Sie wissen, dass das wahrscheinlich schon einmal jemand gemacht hat. Wenn Sie im Internet nach sehr spezifischen Antworten suchen, werden Sie unweigerlich eine Vielzahl von Foren finden, die Ihnen helfen. Die Chancen stehen gut, dass das Problem, auf das Sie gerade stoßen, schon von vielen anderen gelöst wurde.
Wenn Sie mit einem bestimmten Thema oder einer bestimmten Vorlage an einem längeren Projekt arbeiten, empfehle ich Ihnen, Foren, die Sie nützlich finden, mit Lesezeichen zu versehen, damit Sie bei künftigen Problemen leicht darauf zurückgreifen können.
5. Üben, üben, üben
Meiner Erfahrung nach ist der beste Weg, Code zu verstehen, mit ihm zu experimentieren. Erstellen Sie eine versteckte, unveröffentlichte Seite auf Ihrer Website, fügen Sie dort einen Codeschnipsel aus einem Forum oder dem Quellcode einer anderen Website ein und üben Sie, ihn zu manipulieren. Fast alles, was ich über das Lesen und Schreiben von Code weiß, ist darauf zurückzuführen, dass ich in einem sicheren Umfeld Fehler gemacht habe. Es ist wirklich eines dieser Dinge, die umso mehr Sinn machen, je öfter man sie macht.
Das Tolle am Üben auf einer versteckten, unveröffentlichten Seite ist, dass Sie die Freiheit haben, zu tüfteln, ohne Angst haben zu müssen, dass Ihre gesamte Website abstürzt oder ruiniert wird. Wenn Sie den Code gefunden haben, der funktioniert, kopieren Sie ihn einfach und fügen ihn in den Quellcode oder das Stylesheet der Seite ein, auf der Sie ihn tatsächlich benötigen.
Zum Schluss...
Ich hoffe, Sie finden diese Tipps hilfreich und fühlen sich bereit, heute etwas Wunderbares zu bauen. Wenn Sie Fragen haben, schreiben Sie sie bitte in die Kommentare unten und ich werde mein Bestes tun, um sie zu beantworten. Und wenn Sie als Entwickler ein paar zusätzliche Tipps für uns haben, würden wir uns freuen, von Ihnen zu hören!
Nicole,
Was für ein frischer Wind, was für eine Oase in der Wüste!!! Programmieren ist etwas, das ich lernen möchte und von dem ich glaube, dass ich es fast bis zu einem gewissen Grad beherrschen muss. Ich weiß, dass es notwendig ist, wenn ich fast alles auf meiner Website mache, und ich finde es sehr schwierig, mich so oft auf andere Leute zu verlassen. Ich versuche, ein Tutorial über HTML zu studieren, aber ich bin nicht so diszipliniert, wie ich sein müsste!
Ich habe eine Frage, die es mir erlaubt, auf einer "privaten" Seite meiner Website ein wenig zu üben... Wenn ich eine kleine, einspaltige Anzeige sehe, die mir auf der Website von jemandem gefällt, und etwas Ähnliches gestalten möchte... schlagen Sie vor, mit der rechten Maustaste auf die Anzeige zu klicken und auf "Quelle" zu klicken. Wenn ich auf die Anzeige klicke, kann ich dann davon ausgehen, dass der gesamte Code in der "Quelle" zum gesamten Layout und Design dieser Anzeige gehört? Wie bestimme ich den Anfang und das Ende des Codes, den ich suche, wenn ich auf eine ganze Seite klicke?
Ich wollte mit meinem Kommentar zu Ihrem Beitrag nicht langatmig werden... Ich bin einfach wissensdurstig und fand Ihren Beitrag toll!!! Ich werde mir Ihre Website ansehen und hoffentlich ein regelmäßiger Follower werden!!!
Danke,
Les
Hallo Les,
Vielen Dank für Ihren Kommentar! Ich stimme voll und ganz zu, dass das Erlernen von HTML etwas ist, das ein gewisses Maß an Hingabe erfordert, aber die Befriedigung darüber, dass man in der Lage ist, die notwendigen Änderungen vorzunehmen, ohne einen Entwickler einstellen zu müssen, ist es so sehr wert.
Um Ihre Frage zu beantworten: Wenn Sie mit der rechten Maustaste auf das hinzugefügte Element klicken und die Option "Element inspizieren" wählen, sollte sich der Quellcode öffnen und genau der Abschnitt des Codes hervorgehoben werden, der diese Anzeige erstellt hat. Natürlich müssen Sie den Dateinamen und den Hyperlink im Code ändern, um Ihren speziellen Anforderungen gerecht zu werden, aber das sollte Ihnen das Grundgerüst liefern, auf dem Sie aufbauen können, und Sie davor bewahren, den gesamten Code der Seite durchsuchen zu müssen.
Ich hoffe, das hilft Ihnen, und wünsche Ihnen viel Glück!
Herzlichst,
Nicole