Unabhängig davon, ob Sie neu in der Webbranche sind oder ein erfahrener Veteran sind, das Anzeigen der HTML-Quelle verschiedener Webseiten werden Sie im Laufe Ihrer Karriere wahrscheinlich oft tun.
Für diejenigen, die sich mit Webdesign noch nicht auskennen, ist das Anzeigen des Quellcodes einer Website eine der einfachsten Methoden, um zu sehen, wie bestimmte Dinge ausgeführt werden, sodass Sie aus dieser Arbeit lernen und beginnen können, bestimmten Code oder Techniken in Ihrer eigenen Arbeit zu verwenden. Wie alle heute arbeitenden Webdesigner, vor allem diejenigen, die schon seit den Anfängen der Branche dabei waren, und es ist eine sichere Sache, dass sie sagen, dass sie HTML gelernt haben, indem sie einfach den Quellcode der Webseiten sehen, die sie gesehen haben und die fasziniert waren durch. Neben dem Lesen von Webdesign-Büchern oder der Teilnahme an professionellen Konferenzen ist das Anzeigen des Quellcodes einer Website für Anfänger eine hervorragende Möglichkeit, HTML zu lernen.
Mehr als nur HTML
Dabei ist zu beachten, dass Quelldateien sehr kompliziert sein können (und je komplexer die von Ihnen angezeigte Website ist, desto komplexer wird wahrscheinlich der Code der Website sein). Neben der HTML-Struktur, aus der die angezeigte Seite besteht, gibt es auch CSS (Cascading Style Sheets), die das Erscheinungsbild dieser Site bestimmen. Zusätzlich enthalten viele Websites heutzutage Skriptdateien, die zusammen mit dem HTML-Code enthalten sind.
Es sind wahrscheinlich mehrere Skriptdateien enthalten, die jeweils unterschiedliche Aspekte der Site unterstützen. Um ehrlich zu sein, kann der Quellcode einer Site überwältigend erscheinen, insbesondere wenn Sie noch nicht so weit sind. Seien Sie nicht frustriert, wenn Sie nicht sofort herausfinden können, was mit dieser Site los ist. Das Anzeigen des HTML-Quellcodes ist nur der erste Schritt in diesem Prozess. Mit etwas Erfahrung werden Sie besser verstehen, wie all diese Teile zusammenpassen, um die Website zu erstellen, die Sie in Ihrem Browser sehen. Wenn Sie sich mit dem Code vertraut machen, können Sie mehr davon lernen und es wird Ihnen nicht so abschreckend erscheinen.
Wie sehen Sie den Quellcode einer Website? Hier finden Sie Schritt-für-Schritt-Anleitungen, um dies mit dem Google Chrome-Browser zu tun.
Schritt für Schritt Anweisungen
-
Öffne das Google Chrome-Webbrowser (Wenn Sie Google Chrome nicht installiert haben, können Sie dies kostenlos herunterladen.)
-
Navigieren Sie zu Webseite, die Sie untersuchen möchten.
-
Rechtsklick Die Seite und schauen Sie sich das erscheinende Menü an. Klicken Sie in diesem Menü auf Seitenquelle anzeigen.
-
Der Quellcode für diese Seite wird jetzt als neue Registerkarte im Browser angezeigt.
-
Alternativ können Sie auch die Tastenkombinationen von verwenden STRG + U Öffnen Sie auf einem PC ein Fenster, in dem der Quellcode einer Site angezeigt wird. Auf einem Mac ist diese Verknüpfung Befehl + Wahl + U.
Entwicklerwerkzeuge
Neben dem einfachen Seitenquelle anzeigen Dank der von Google Chrome angebotenen Fähigkeiten können Sie die hervorragenden Entwicklertools nutzen, um noch tiefer in eine Website einzutauchen. Mit diesen Tools können Sie nicht nur den HTML-Code anzeigen, sondern auch das CSS, das auf Ansichtselemente in diesem HTML-Dokument angewendet wird.
So verwenden Sie die Entwicklertools von Chrome:
-
Öffnen Google Chrome.
-
Navigiere zu die Webseite, die Sie untersuchen möchten.
-
Drücke den Symbol mit drei Zeilen in der oberen rechten Ecke des Browserfensters.
-
Bewegen Sie den Mauszeiger über das Menü Mehr Werkzeuge und klicken Sie dann auf Entwicklerwerkzeuge in dem Menü, das erscheint.
-
Dadurch wird ein Fenster geöffnet, in dem links der HTML-Quellcode und rechts das zugehörige CSS angezeigt wird.
-
Alternativ, wenn Sie mit der rechten Maustaste klicken ein Element in einer Webseite und wählen Sie Prüfen Im daraufhin angezeigten Menü werden die Entwicklertools von Chrome angezeigt. Das von Ihnen ausgewählte Element wird im HTML-Code mit der entsprechenden CSS-Markierung rechts hervorgehoben. Dies ist sehr hilfreich, wenn Sie mehr darüber erfahren möchten, wie ein bestimmtes Teil einer Site erstellt wurde.
Ist das Anzeigen des Quellcodes legal?
Im Laufe der Jahre hatten viele neue Webdesigner die Frage, ob es akzeptabel ist, den Quellcode einer Website anzuzeigen und für ihre Ausbildung und letztendlich für ihre Arbeit zu verwenden. Das Kopieren eines Codes für eine Site im Großen und Ganzen ist zwar nicht akzeptabel, aber die Verwendung dieses Codes als Sprungbrett, um daraus zu lernen, ist, wie viele Fortschritte in dieser Branche erzielt werden.
Wie wir zu Beginn dieses Artikels bereits erwähnt haben, ist es heute schwierig, einen funktionierenden Web-Profi zu finden, der durch das Anzeigen der Quelle einer Website nicht etwas gelernt hat! Ja, das Anzeigen des Quellcodes einer Website ist legal. Die Verwendung dieses Codes als Ressource zum Erstellen ähnlicher Elemente ist ebenfalls in Ordnung. Wenn Sie den Code so wie er ist und als Arbeit übergeben, beginnen Sie mit Problemen.
Am Ende lernen Web-Profis voneinander und verbessern oft die Arbeit, die sie sehen und von denen sie inspiriert werden. Zögern Sie also nicht, den Quellcode einer Website anzusehen und als Lernwerkzeug zu verwenden.
